irvin
/
suyu


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868
							///start file generated from microprofile.html
#ifdef MICROPROFILE_EMBED_HTML
const char g_MicroProfileHtml_begin_0[] =
"<!DOCTYPE HTML>\n"
"<html>\n"
"<head>\n"
"<title>MicroProfile Capture</title>\n"
"<style>\n"
"/* about css: http://bit.ly/1eMQ42U */\n"
"body {margin: 0px;padding: 0px; font: 12px Courier New;background-color:#474747; color:white;overflow:hidden;}\n"
"ul {list-style-type: none;margin: 0;padding: 0;}\n"
"li{display: inline; float:left;border:5px; position:relative;text-align:center;}\n"
"a {\n"
"    float:left;\n"
"    text-decoration:none;\n"
"    display: inline;\n"
"    text-align: center;\n"
"   padding:5px;\n"
"   padding-bottom:0px;\n"
"   padding-top:0px;\n"
"    color: #FFFFFF;\n"
"    background-color: #474747;\n"
"}\n"
"a:hover, a:active{\n"
"   background-color: #000000;\n"
"}\n"
"\n"
"ul ul {\n"
"    position:absolute;\n"
"    left:0;\n"
"    top:100%;\n"
"    margin-left:-999em;\n"
"}\n"
"li:hover ul {\n"
"    margin-left:0;\n"
"    margin-right:0;\n"
"}\n"
"ul li ul{ display:block;float:none;width:100%;}\n"
"ul li ul li{ display:block;float:none;width:100%;}\n"
"li li a{ display:block;float:none;width:100%;text-align:left;}\n"
"#nav li:hover div {margin-left:0;}\n"
".help {position:absolute;z-index:5;text-align:left;padding:2px;margin-left:-999em;background-color: #313131;width:300px;}\n"
".helpstart {position:absolute;z-index:5;text-align:left;padding:2px;background-color: #313131;width:300px;display:none}\n"
".root {z-index:1;position:absolute;top:0px;left:0px;}\n"
"</style>\n"
"</head>\n"
"<body style=\"\">\n"
"<canvas id=\"History\" height=\"70\" style=\"background-color:#474747;margin:0px;padding:0px;\"></canvas><canvas id=\"DetailedView\" height=\"200\" style=\"background-color:#474747;margin:0px;padding:0px;\"></canvas>\n"
"<div id=\"root\" class=\"root\">\n"
"<ul id=\"nav\">\n"
"<li><a href=\"javascript:void(0)\" onclick=\"ToggleDebugMode();\">?</a>\n"
"<div class=\"helpstart\" id=\"helpwindow\" style=\"left:20px;top:20px\">\n"
"History View:<br>\n"
"Click + Drag: Pan View<br>\n"
"Right Click + Drag : Zoom on region<br>\n"
"Click Frame : Center on frame<br>\n"
"<hr>\n"
"Main View:<br>\n"
"Ctrl + Mouse up/down: Zoom<br>\n"
"Mousewheel : Zoom<br>\n"
"Right Click + Drag: Zoom to region<br>\n"
"Ctrl + Drag: Pan<br>\n"
"Click + Drag: Pan<br>\n"
"<hr>\n"
"<table style=\"width:100%\">\n"
"<tr>\n"
"<td width=\"50%\" align=\"left\"><a href=\'javascript:void(0)\' onclick=\"ShowHelp(0, 0);\">Close</a></td>\n"
"<td width=\"50%\" align=\"right\"><a href=\'javascript:void(0)\' onclick=\"ShowHelp(0, 1);\">Close, Never Show</a></td>\n"
"</tr>\n"
"</table>\n"
"</div>\n"
"<div class=\"help\" id=\"divFrameInfo\" style=\"left:20px;top:300px;width:auto;\">\n"
"</div>\n"
"</li>\n"
"<li><a id=\'ModeSubMenuText\'>Mode</a>\n"
"    <ul id=\'ModeSubMenu\'>\n"
"       <li><a href=\"javascript:void(0)\" onclick=\"SetMode(\'timers\', 0);\" id=\"buttonTimers\">Timers</a></li>\n"
"       <li><a href=\"javascript:void(0)\" onclick=\"SetMode(\'timers\', 1);\" id=\"buttonGroups\">Groups</a></li> \n"
"       <li><a href=\"javascript:void(0)\" onclick=\"SetMode(\'timers\', 2);\" id=\"buttonThreads\">Threads</a></li>\n"
"       <li><a href=\"javascript:void(0)\" onclick=\"SetMode(\'detailed\', 0);\" id=\"buttonDetailed\">Detailed</a></li>\n"
"   </ul>\n"
"</li>\n"
"<li><a>Reference</a>\n"
"    <ul id=\'ReferenceSubMenu\'>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'5ms\');\">5ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'10ms\');\">10ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'15ms\');\">15ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'20ms\');\">20ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'33ms\');\">33ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'50ms\');\">50ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'100ms\');\">100ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'250ms\');\">250ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'500ms\');\">500ms</a></li>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"SetReferenceTime(\'1000ms\');\">1000ms</a></li>\n"
"    </ul>\n"
"</li>\n"
"<li id=\"ilThreads\"><a>Threads</a>\n"
"    <ul id=\"ThreadSubMenu\">\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"ToggleThread();\">All</a></li>\n"
"        <li><a>---</a></li>\n"
"    </ul>\n"
"</li>\n"
"<li id=\"ilGroups\"><a>Groups</a>\n"
"    <ul id=\"GroupSubMenu\">\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"ToggleGroup();\">All</a></li>\n"
"        <li><a>---</a></li>\n"
"    </ul>\n"
"</li>\n"
"<li id=\"ilOptions\"><a>Options&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>\n"
"    <ul id=\'OptionsMenu\'>\n"
"        <li><a href=\"javascript:void(0)\" onclick=\"ToggleContextSwitch();\">Context Switch</a></li>\n"
"       <li><a href=\"javascript:void(0)\" onclick=\"ToggleDisableMerge();\">MergeDisable</a></li>\n"
"       <li><a href=\"javascript:void(0)\" onclick=\"ToggleDisableLod();\">LodDisable</a></li>\n"
"       <li id=\'GroupColors\'><a href=\"javascript:void(0)\" onclick=\"ToggleGroupColors();\">Group Colors</a></li>\n"
"        <li id=\'TimersMeta\'><a href=\"javascript:void(0)\" onclick=\"ToggleTimersMeta();\">Meta</a></li>\n"
"        <li id=\'ShowHelp\'><a href=\"javascript:void(0)\" onclick=\"ShowHelp(1,1);\">Help</a></li>\n"
"<!--       <li><a href=\"javascript:void(0)\" onclick=\"ToggleDebug();\">DEBUG</a></li> -->\n"
"    </ul>\n"
"</li>\n"
"</ul>\n"
"</div>\n"
"<script>\n"
"function InvertColor(hexTripletColor) {\n"
"   var color = hexTripletColor;\n"
"   color = color.substring(1); // remove #\n"
"   color = parseInt(color, 16); // convert to integer\n"
"   var R = ((color >> 16) % 256)/255.0;\n"
"   var G = ((color >> 8) % 256)/255.0;\n"
"   var B = ((color >> 0) % 256)/255.0;\n"
"   var lum = (0.2126*R + 0.7152*G + 0.0722*B);\n"
"   if(lum < 0.7)\n"
"   {\n"
"       return \'#ffffff\';\n"
"   }\n"
"   else\n"
"   {\n"
"       return \'#333333\';\n"
"   }\n"
"}\n"
"function InvertColorIndex(hexTripletColor) {\n"
"   var color = hexTripletColor;\n"
"   color = color.substring(1); // remove #\n"
"   color = parseInt(color, 16); // convert to integer\n"
"   var R = ((color >> 16) % 256)/255.0;\n"
"   var G = ((color >> 8) % 256)/255.0;\n"
"   var B = ((color >> 0) % 256)/255.0;\n"
"   var lum = (0.2126*R + 0.7152*G + 0.0722*B);\n"
"   if(lum < 0.7)\n"
"   {\n"
"       return 0;\n"
"   }\n"
"   else\n"
"   {\n"
"       return 1;\n"
"   }\n"
"}\n"
"function MakeGroup(id, name, category, numtimers, isgpu, total, average, max, color)\n"
"{\n"
"   var group = {\"id\":id, \"name\":name, \"category\":category, \"numtimers\":numtimers, \"isgpu\":isgpu, \"total\": total, \"average\" : average, \"max\" : max, \"color\":color};\n"
"   return group;\n"
"}\n"
"\n"
"function MakeTimer(id, name, group, color, colordark, average, max, exclaverage, exclmax, callaverage, callcount, total, meta, metaavg, metamax)\n"
"{\n"
"   var timer = {\"id\":id, \"name\":name, \"len\":name.length, \"color\":color, \"colordark\":colordark,\"timercolor\":color, \"textcolor\":InvertColor(color), \"group\":group, \"average\":average, \"max\":max, \"exclaverage\":exclaverage, \"exclmax\":exclmax, \"callaverage\":callaverage, \"callcount\":callcount, \"total\":total, \"meta\":meta, \"textcolorindex\":InvertColorIndex(color), \"metaavg\":metaavg, \"metamax\":metamax};\n"
"   return timer;\n"
"}\n"
"function MakeFrame(id, framestart, frameend, framestartgpu, frameendgpu, ts, tt, ti)\n"
"{\n"
"   var frame = {\"id\":id, \"framestart\":framestart, \"frameend\":frameend, \"framestartgpu\":framestartgpu, \"frameendgpu\":frameendgpu, \"ts\":ts, \"tt\":tt, \"ti\":ti};\n"
"   return frame;\n"
"}\n"
"\n"
"";

const size_t g_MicroProfileHtml_begin_0_size = sizeof(g_MicroProfileHtml_begin_0);
const char* g_MicroProfileHtml_begin[] = {
&g_MicroProfileHtml_begin_0[0],
};
size_t g_MicroProfileHtml_begin_sizes[] = {
sizeof(g_MicroProfileHtml_begin_0),
};
size_t g_MicroProfileHtml_begin_count = 1;
const char g_MicroProfileHtml_end_0[] =
"\n"
"\n"
"\n"
"var CanvasDetailedView = document.getElementById(\'DetailedView\');\n"
"var CanvasHistory = document.getElementById(\'History\');\n"
"var CanvasDetailedOffscreen = document.createElement(\'canvas\');\n"
"var g_Msg = \'0\';\n"
"\n"
"var Initialized = 0;\n"
"var fDetailedOffset = Frames[0].framestart;\n"
"var fDetailedRange = Frames[0].frameend - fDetailedOffset;\n"
"var nWidth = CanvasDetailedView.width;\n"
"var nHeight = CanvasDetailedView.height;\n"
"var ReferenceTime = 33;\n"
"var nHistoryHeight = 70;\n"
"var nOffsetY = 0;\n"
"var nOffsetBarsX = 0;\n"
"var nOffsetBarsY = 0;\n"
"var nBarsWidth = 80;\n"
"var NameWidth = 200;\n"
"var MouseButtonState = [0,0,0,0,0,0,0,0];\n"
"var KeyShiftDown = 0;\n"
"var MouseDragButton = 0;\n"
"var KeyCtrlDown = 0;\n"
"var FlipToolTip = 0;\n"
"var DetailedViewMouseX = 0;\n"
"var DetailedViewMouseY = 0;\n"
"var HistoryViewMouseX = -1;\n"
"var HistoryViewMouseY = -1;\n"
"var MouseHistory = 0;\n"
"var MouseDetailed = 0;\n"
"var FontHeight = 10;\n"
"var FontWidth = 1;\n"
"var FontAscent = 3; //Set manually\n"
"var Font = \'Bold \' + FontHeight + \'px Courier New\';\n"
"var FontFlash = \'Bold \' + 35 + \'px Courier New\';\n"
"var BoxHeight = FontHeight + 2;\n"
"var ThreadsActive = new Object();\n"
"var ThreadsAllActive = 1;\n"
"var GroupsActive = new Object();\n"
"var GroupsAllActive = 1;\n"
"var nMinWidth = 0.01;//subpixel width\n"
"var nMinWidthPan = 1.0;//subpixel width when panning\n"
"var nContextSwitchEnabled = 1;\n"
"var DisableLod = 0;\n"
"var DisableMerge = 0;\n"
"var GroupColors = 0;\n"
"var nModDown = 0;\n"
"var g_MSG = \'no\';\n"
"var nDrawCount = 0;\n"
"var nBackColors = [\'#474747\', \'#313131\' ];\n"
"var nBackColorOffset = \'#606060\';\n"
"var CSwitchColors =[\"#9DD8AF\",\"#D7B6DA\",\"#EAAC76\",\"#DBDA61\",\"#8AD5E1\",\"#8CE48B\",\"#C4D688\",\"#57E5C4\"];//generated by http://tools.medialab.sciences-po.fr/iwanthue/index.php\n"
"var CSwitchHeight = 5;\n"
"var FRAME_HISTORY_COLOR_CPU = \'#ff7f27\';\n"
"var FRAME_HISTORY_COLOR_GPU = \'#ffffff\';\n"
"var ZOOM_TIME = 0.5;\n"
"var AnimationActive = false;\n"
"var nHoverCSCpu = -1;\n"
"var nHoverCSCpuNext = -1;\n"
"var nHoverCSToolTip = null;\n"
"var nHoverToken = -1;\n"
"var nHoverFrame = -1;\n"
"var nHoverTokenIndex = -1;\n"
"var nHoverTokenLogIndex = -1;\n"
"var nHoverCounter = 0;\n"
"var nHoverCounterDelta = 8;\n"
"var nHoverTokenNext = -1;\n"
"var nHoverTokenLogIndexNext = -1;\n"
"var nHoverTokenIndexNext = -1;\n"
"var nHideHelp = 0;\n"
"\n"
"\n"
"var fFrameScale = 33.33;\n"
"var fRangeBegin = 0;\n"
"var fRangeEnd = -1;\n"
"var fRangeBeginNext = 0;\n"
"var fRangeEndNext = 0;\n"
"var fRangeBeginGpuNext = 0;\n"
"var fRangeEndGpuNext = 0;\n"
"var fRangeBeginHistory = -1;\n"
"var fRangeEndHistory = -1;\n"
"var fRangeBeginHistoryGpu = -1;\n"
"var fRangeEndHistoryGpu = -1;\n"
"var fRangeBeginSelect = 0;\n"
"var fRangeEndSelect = -1;\n"
"\n"
"var ModeDetailed = 0;\n"
"var ModeTimers = 1;\n"
"var Mode = ModeDetailed;\n"
"\n"
"var DebugDrawQuadCount = 0;\n"
"var DebugDrawTextCount = 0;\n"
"var ProfileMode = 0;\n"
"var ProfileFps = 0;\n"
"var ProfileFpsAggr = 0;\n"
"var ProfileFpsCount = 0;\n"
"var ProfileLastTimeStamp = new Date();\n"
"\n"
"var CSwitchCache = {};\n"
"var CSwitchOnlyThreads = [];\n"
"var ProfileData = {};\n"
"var ProfileStackTime = {};\n"
"var ProfileStackName = {};\n"
"var Debug = 1;\n"
"\n"
"var g_MaxStack = Array();\n"
"var g_TypeArray;\n"
"var g_TimeArray;\n"
"var g_IndexArray;\n"
"var LodData = new Array();\n"
"var NumLodSplits = 10;\n"
"var SplitMin = 100;\n"
"var SPLIT_LIMIT = 1e20;\n"
"var DPR = 1;\n"
"var DetailedRedrawState = {};\n"
"var OffscreenData;\n"
"var DetailedFrameCounter = 0;\n"
"var Invalidate = 0;\n"
"var GroupOrder = Array();\n"
"var ThreadOrder = Array();\n"
"var TimersGroups = 0;\n"
"var TimersMeta = 1;\n"
"var MetaLengths = Array();\n"
"var MetaLengthsAvg = Array();\n"
"var MetaLengthsMax = Array();\n"
"\n"
"\n"
"function ProfileModeClear()\n"
"{\n"
"   if(ProfileMode)\n"
"   {\n"
"       ProfileData = new Object();\n"
"       ProfileStackTime = new Array();\n"
"       ProfileStackName = new Array();\n"
"   }\n"
"}\n"
"function ProfileEnter(Name)\n"
"{\n"
"   if(ProfileMode)\n"
"   {\n"
"       ProfileStackTime.push(new Date());\n"
"       ProfileStackName.push(Name);\n"
"   }\n"
"}\n"
"function ProfileLeave()\n"
"{\n"
"   if(ProfileMode)\n"
"   {\n"
"       var Time = new Date();\n"
"       var Delta = Time - ProfileStackTime.pop();\n"
"       var Name = ProfileStackName.pop();\n"
"       var Obj = ProfileData[Name];\n"
"       if(!Obj)\n"
"       {\n"
"           Obj = new Object();\n"
"           Obj.Count = 0;\n"
"           Obj.Name = Name;\n"
"           Obj.Time = 0;\n"
"           ProfileData[Name] = Obj;\n"
"       }\n"
"       Obj.Time += Delta;\n"
"       Obj.Count += 1;\n"
"   }\n"
"}\n"
"\n"
"function ProfilePlot(s)\n"
"{\n"
"   if(ProfileMode)\n"
"   {\n"
"       var A = ProfileData.Plot;\n"
"       if(!A)\n"
"       {\n"
"           ProfileData.Plot = Array();\n"
"           A = ProfileData.Plot;\n"
"       }\n"
"       if(A.length<10)\n"
"       {\n"
"           A.push(s);\n"
"       }\n"
"   }\n"
"}\n"
"function ProfileModeDump()\n"
"{\n"
"   for(var idx in ProfileData)\n"
"   {\n"
"       var Timer = ProfileData[idx];\n"
"       console.log(Timer.Name + \" \" + Timer.Time + \"ms \" + Timer.Count);\n"
"   }\n"
"\n"
"}\n"
"function ProfileModeDraw(Canvas)\n"
"{\n"
"   if(ProfileMode)\n"
"   {\n"
"       var StringArray = [];\n"
"       for(var idx in ProfileData)\n"
"       {\n"
"           if(idx == \"Plot\")\n"
"               continue;\n"
"           var Timer = ProfileData[idx];\n"
"           StringArray.push(Timer.Name);\n"
"           StringArray.push(Timer.Time + \"ms\");\n"
"           StringArray.push(\"#\");\n"
"           StringArray.push(\"\" + Timer.Count);\n"
"       }\n"
"       StringArray.push(\"debug\");\n"
"       StringArray.push(Debug);\n"
"       var Time = new Date();\n"
"       var Delta = Time - ProfileLastTimeStamp;\n"
"       ProfileLastTimeStamp = Time;\n"
"       StringArray.push(\"Frame Delta\");\n"
"       StringArray.push(Delta + \"ms\");\n"
"       if(ProfileMode == 2)\n"
"       {\n"
"           ProfileFpsAggr += Delta;\n"
"           ProfileFpsCount ++ ;\n"
"           var AggrFrames = 10;\n"
"           if(ProfileFpsCount == AggrFrames)\n"
"           {\n"
"               ProfileFps = 1000 / (ProfileFpsAggr / AggrFrames);\n"
"               ProfileFpsAggr = 0;\n"
"               ProfileFpsCount = 0;\n"
"           }\n"
"           StringArray.push(\"FPS\");\n"
"           StringArray.push(\"\" + ProfileFps.toFixed(2));\n"
"       }\n"
"\n"
"\n"
"       for(var i = 0; i < ProfileData.Plot; ++i)\n"
"       {\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(ProfileData.Plot[i]);\n"
"       }\n"
"       ProfileData.Plot = Array();\n"
"       DrawToolTip(StringArray, Canvas, 0, 200);\n"
"   }\n"
"}\n"
"\n"
"function ToggleDebugMode()\n"
"{\n"
"   ProfileMode = (ProfileMode+1)%4;\n"
"   console.log(\'Toggle Debug Mode \' + ProfileMode);\n"
"}\n"
"\n"
"function DetailedTotal()\n"
"{\n"
"   var Total = 0;\n"
"   for(var i = 0; i < Frames.length; i++)\n"
"   {\n"
"       var frfr = Frames[i];\n"
"       Total += frfr.frameend - frfr.framestart;\n"
"   }\n"
"   return Total;\n"
"}\n"
"\n"
"function InitFrameInfo()\n"
"{\n"
"\n"
"   var div = document.getElementById(\'divFrameInfo\');\n"
"   var txt = \'\';\n"
"   txt = txt + \'Timers View\' + \'<br>\';\n"
"   txt = txt + \'Frames:\' + AggregateInfo.Frames +\'<br>\';\n"
"   txt = txt + \'Time:\' + AggregateInfo.Time.toFixed(2) +\'ms<br>\';\n"
"   txt = txt + \'<hr>\';\n"
"   txt = txt + \'Detailed View\' + \'<br>\';\n"
"   txt = txt + \'Frames:\' + Frames.length +\'<br>\';\n"
"   txt = txt + \'Time:\' + DetailedTotal().toFixed(2) +\'ms<br>\';\n"
"   div.innerHTML = txt;\n"
"}\n"
"function InitGroups()\n"
"{\n"
"   for(groupid in GroupInfo)\n"
"   {\n"
"       var TimerArray = Array();\n"
"       for(timerid in TimerInfo)\n"
"       {\n"
"           if(TimerInfo[timerid].group == groupid)\n"
"           {\n"
"               TimerArray.push(timerid);\n"
"           }\n"
"       }\n"
"       GroupInfo[groupid].TimerArray = TimerArray;\n"
"   }\n"
"}\n"
"\n"
"function InitThreadMenu()\n"
"{\n"
"   var ulThreadMenu = document.getElementById(\'ThreadSubMenu\');\n"
"   var MaxLen = 7;\n"
"   ThreadOrder = CreateOrderArray(ThreadNames, function(a){return a;});\n"
"   for(var idx in ThreadOrder)\n"
"   {\n"
"       var name = ThreadNames[ThreadOrder[idx]];\n"
"       var li = document.createElement(\'li\');\n"
"       if(name.length > MaxLen)\n"
"       {\n"
"           MaxLen = name.length;\n"
"       }\n"
"       li.innerText = name;\n"
"       var asText = li.innerHTML;\n"
"       var html = \'<a href=\"javascript:void(0)\" onclick=\"ToggleThread(\\'\' + name + \'\\');\">\' + asText + \'</a>\';\n"
"       li.innerHTML = html;\n"
"       ulThreadMenu.appendChild(li);\n"
"   }\n"
"   var LenStr = (5+(1+MaxLen) * (1+FontWidth)) + \'px\';\n"
"   var Lis = ulThreadMenu.getElementsByTagName(\'li\');\n"
"   for(var i = 0; i < Lis.length; ++i)\n"
"   {\n"
"       Lis[i].style[\'width\'] = LenStr;\n"
"   }\n"
"}\n"
"\n"
"function UpdateThreadMenu()\n"
"{\n"
"   var ulThreadMenu = document.getElementById(\'ThreadSubMenu\');\n"
"   var as = ulThreadMenu.getElementsByTagName(\'a\');\n"
"   for(var i = 0; i < as.length; ++i)\n"
"   {\n"
"       var elem = as[i];\n"
"       var inner = elem.innerText;\n"
"       var bActive = false;\n"
"       if(i < 2)\n"
"       {\n"
"           if(inner == \'All\')\n"
"           {\n"
"               bActive = ThreadsAllActive;\n"
"           }\n"
"       }\n"
"       else\n"
"       {\n"
"           bActive = ThreadsActive[inner];\n"
"       }\n"
"       if(bActive)\n"
"       {\n"
"           elem.style[\'text-decoration\'] = \'underline\';\n"
"       }\n"
"       else\n"
"       {\n"
"           elem.style[\'text-decoration\'] = \'none\';\n"
"       }\n"
"   }\n"
"}\n"
"\n"
"function ToggleThread(ThreadName)\n"
"{\n"
"   if(ThreadName)\n"
"   {\n"
"       if(ThreadsActive[ThreadName])\n"
"       {\n"
"           ThreadsActive[ThreadName] = false;\n"
"       }\n"
"       else\n"
"       {\n"
"           ThreadsActive[ThreadName] = true;\n"
"       }\n"
"   }\n"
"   else\n"
"   {\n"
"       if(ThreadsAllActive)\n"
"       {\n"
"           ThreadsAllActive = 0;\n"
"       }\n"
"       else\n"
"       {\n"
"           ThreadsAllActive = 1;\n"
"       }\n"
"   }\n"
"   Invalidate = 0;\n"
"   UpdateThreadMenu();\n"
"   WriteCookie();\n"
"   Draw(1);\n"
"\n"
"}\n"
"\n"
"function CreateOrderArray(Source, NameFunc)\n"
"{\n"
"   var Temp = Array(Source.length);\n"
"   for(var i = 0; i < Source.length; ++i)\n"
"   {\n"
"       Temp[i] = {};\n"
"       Temp[i].index = i;\n"
"       Temp[i].namezz = NameFunc(Source[i]).toLowerCase();\n"
"   }\n"
"   Temp.sort(function(l, r)\n"
"   { \n"
"       if(r.namezz<l.namezz)\n"
"           {return 1;}\n"
"       if(l.namezz<r.namezz)\n"
"           {return -1;} \n"
"       return 0;\n"
"   } );\n"
"   var OrderArray = Array(Source.length);\n"
"   for(var i = 0; i < Source.length; ++i)\n"
"   {\n"
"       OrderArray[i] = Temp[i].index;\n"
"   }\n"
"   return OrderArray;\n"
"}\n"
"\n"
"\n"
"function InitGroupMenu()\n"
"{\n"
"   var ulGroupMenu = document.getElementById(\'GroupSubMenu\');\n"
"   var MaxLen = 7;\n"
"   var MenuArray = Array();\n"
"   for(var i = 0; i < GroupInfo.length; ++i)\n"
"   {\n"
"       var x = {};\n"
"       x.IsCategory = 0;\n"
"       x.category = GroupInfo[i].category;\n"
"       x.name = GroupInfo[i].name;\n"
"       x.index = i;\n"
"       MenuArray.push(x);\n"
"   }\n"
"   for(var i = 0; i < CategoryInfo.length; ++i)\n"
"   {\n"
"       var x = {};\n"
"       x.IsCategory = 1;\n"
"       x.category = i;\n"
"       x.name = CategoryInfo[i];\n"
"       x.index = i;\n"
"       MenuArray.push(x);\n"
"   }\n"
"   var OrderFunction = function(a){ return a.category + \"__\" + a.name; };\n"
"   var OrderFunctionMenu = function(a){ return a.IsCategory ? (a.category + \'\') : (a.category + \"__\" + a.name); };\n"
"   GroupOrder = CreateOrderArray(GroupInfo, OrderFunction);\n"
"   var MenuOrder = CreateOrderArray(MenuArray, OrderFunctionMenu);\n"
"\n"
"   for(var idx in MenuOrder)\n"
"   {\n"
"       var MenuItem = MenuArray[MenuOrder[idx]];\n"
"       var name = MenuItem.name;\n"
"       var li = document.createElement(\'li\');\n"
"       if(name.length > MaxLen)\n"
"       {\n"
"           MaxLen = name.length;\n"
"       }\n"
"       var jsfunc = \'\';\n"
"       if(MenuItem.IsCategory)\n"
"       {               \n"
"           li.innerText = \'[\' + name + \']\';\n"
"           jsfunc = \"ToggleCategory\";\n"
"       }\n"
"       else\n"
"       {\n"
"           li.innerText = name;\n"
"           jsfunc = \"ToggleGroup\";\n"
"       }\n"
"       var asText = li.innerHTML;\n"
"       var html = \'<a href=\"javascript:void(0)\" onclick=\"\' + jsfunc + \'(\\'\' + name + \'\\');\">\' + asText + \'</a>\';\n"
"       li.innerHTML = html;\n"
"       ulGroupMenu.appendChild(li);\n"
"   }\n"
"   var LenStr = (5+(1+MaxLen) * FontWidth) + \'px\';\n"
"   var Lis = ulGroupMenu.getElementsByTagName(\'li\');\n"
"   for(var i = 0; i < Lis.length; ++i)\n"
"   {\n"
"       Lis[i].style[\'width\'] = LenStr;\n"
"   }\n"
"   UpdateGroupMenu();\n"
"}\n"
"\n"
"function UpdateGroupMenu()\n"
"{\n"
"   var ulThreadMenu = document.getElementById(\'GroupSubMenu\');\n"
"   var as = ulThreadMenu.getElementsByTagName(\'a\');\n"
"   for(var i = 0; i < as.length; ++i)\n"
"   {\n"
"       var elem = as[i];\n"
"       var inner = elem.innerText;\n"
"       var bActive = false;\n"
"       if(i < 2)\n"
"       {\n"
"           if(inner == \'All\')\n"
"           {\n"
"               bActive = GroupsAllActive;\n"
"           }\n"
"       }\n"
"       else\n"
"       {\n"
"           var CategoryString = inner.length>2 ? inner.substring(1, inner.length-2) : \"\";\n"
"           var CategoryIdx = CategoryIndex(CategoryString);\n"
"           if(inner[0] == \'[\' && inner[inner.length-1] == \']\' && CategoryIdx >= 0)\n"
"           {\n"
"               bActive = IsCategoryActive(CategoryIdx);\n"
"           }\n"
"           else\n"
"           {\n"
"               bActive = GroupsActive[inner];\n"
"           }\n"
"       }\n"
"       if(bActive)\n"
"       {\n"
"           elem.style[\'text-decoration\'] = \'underline\';\n"
"       }\n"
"       else\n"
"       {\n"
"           elem.style[\'text-decoration\'] = \'none\';\n"
"       }\n"
"   }\n"
"}\n"
"function CategoryIndex(CategoryName)\n"
"{\n"
"   for(var i = 0; i < CategoryInfo.length; ++i)\n"
"   {\n"
"       if(CategoryInfo[i] == CategoryName)\n"
"       {\n"
"           return i;\n"
"       }\n"
"   }\n"
"   return -1;\n"
"}\n"
"function IsCategoryActive(CategoryIdx)\n"
"{\n"
"   for(var i = 0; i < GroupInfo.length; ++i)\n"
"   {\n"
"       if(GroupInfo[i].category == CategoryIdx)\n"
"       {\n"
"           var Name = GroupInfo[i].name;\n"
"           if(!GroupsActive[Name])\n"
"           {\n"
"               return false;\n"
"           }\n"
"       }\n"
"   }\n"
"   return true;\n"
"\n"
"}\n"
"function ToggleCategory(CategoryName)\n"
"{\n"
"   var CategoryIdx = CategoryIndex(CategoryName);\n"
"   if(CategoryIdx < 0)\n"
"       return;\n"
"   var CategoryActive = IsCategoryActive(CategoryIdx);\n"
"   for(var i = 0; i < GroupInfo.length; ++i)\n"
"   {\n"
"       if(GroupInfo[i].category == CategoryIdx)\n"
"       {\n"
"           var Name = GroupInfo[i].name;\n"
"           if(CategoryActive)\n"
"           {\n"
"               GroupsActive[Name] = false;\n"
"           }\n"
"           else\n"
"           {\n"
"               GroupsActive[Name] = true;\n"
"           }\n"
"       }\n"
"   }\n"
"   UpdateGroupMenu();\n"
"   WriteCookie();\n"
"   RequestRedraw();\n"
"}\n"
"\n"
"function ToggleGroup(GroupName)\n"
"{\n"
"   if(GroupName)\n"
"   {\n"
"       if(GroupsActive[GroupName])\n"
"       {\n"
"           GroupsActive[GroupName] = false;\n"
"       }\n"
"       else\n"
"       {\n"
"           GroupsActive[GroupName] = true;\n"
"       }\n"
"   }\n"
"   else\n"
"   {\n"
"       if(GroupsAllActive)\n"
"       {\n"
"           GroupsAllActive = 0;\n"
"       }\n"
"       else\n"
"       {\n"
"           GroupsAllActive = 1;\n"
"       }\n"
"   }\n"
"   UpdateGroupMenu();\n"
"   WriteCookie();\n"
"   RequestRedraw();\n"
"}\n"
"function UpdateGroupColors()\n"
"{\n"
"   for(var i = 0; i < TimerInfo.length; ++i)\n"
"   {\n"
"       if(GroupColors)\n"
"       {\n"
"           TimerInfo[i].color = GroupInfo[TimerInfo[i].group].color;\n"
"       }\n"
"       else\n"
"       {\n"
"           TimerInfo[i].color = TimerInfo[i].timercolor;\n"
"       }\n"
"       TimerInfo[i].textcolorindex = InvertColorIndex(TimerInfo[i].color);\n"
"   }\n"
"}\n"
"\n"
"function ToggleGroupColors()\n"
"{\n"
"   GroupColors = !GroupColors;\n"
"   UpdateGroupColors();\n"
"   UpdateOptionsMenu();\n"
"   WriteCookie();\n"
"   RequestRedraw();\n"
"}\n"
"\n"
"function UpdateOptionsMenu()\n"
"{\n"
"   var ulTimersMeta = document.getElementById(\'TimersMeta\');\n"
"   ulTimersMeta.style[\'text-decoration\'] = TimersMeta ? \'underline\' : \'none\';\n"
"   var ulGroupColors = document.getElementById(\'GroupColors\');\n"
"   ulGroupColors.style[\'text-decoration\'] = GroupColors ? \'underline\' : \'none\';\n"
"}\n"
"\n"
"function ToggleTimersMeta()\n"
"{\n"
"   TimersMeta = TimersMeta ? 0 : 1;\n"
"   WriteCookie();\n"
"   UpdateOptionsMenu();\n"
"   RequestRedraw();\n"
"}\n"
"\n"
"function ShowHelp(Show, Forever)\n"
"{\n"
"   var HelpWindow = document.getElementById(\'helpwindow\');\n"
"   if(Show)\n"
"   {\n"
"       HelpWindow.style[\'display\'] = \'block\';\n"
"   }\n"
"   else\n"
"   {\n"
"       HelpWindow.style[\'display\'] = \'none\';\n"
"   }\n"
"   if(Forever)\n"
"   {\n"
"       nHideHelp = Show ? 0 : 1;\n"
"       WriteCookie();\n"
"   }\n"
"}\n"
"function SetMode(NewMode, Groups)\n"
"{\n"
"   var buttonTimers = document.getElementById(\'buttonTimers\');\n"
"   var buttonDetailed = document.getElementById(\'buttonDetailed\');\n"
"   var buttonGroups = document.getElementById(\'buttonGroups\');\n"
"   var buttonThreads = document.getElementById(\'buttonThreads\');\n"
"   var ilThreads = document.getElementById(\'ilThreads\');\n"
"   var ilGroups = document.getElementById(\'ilGroups\');\n"
"   var ModeElement = null;\n"
"   if(NewMode == \'timers\' || NewMode == ModeTimers)\n"
"   {\n"
"       TimersGroups = Groups;\n"
"       buttonTimers.style[\'text-decoration\'] = TimersGroups ? \'none\' : \'underline\';\n"
"       buttonGroups.style[\'text-decoration\'] = TimersGroups == 1 ? \'underline\' : \'none\';\n"
"       buttonThreads.style[\'text-decoration\'] = TimersGroups == 2 ? \'underline\' : \'none\';\n"
"       buttonDetailed.style[\'text-decoration\'] = \'none\';\n"
"       if(TimersGroups == 0)\n"
"       {\n"
"           ilThreads.style[\'display\'] = \'none\';\n"
"       }\n"
"       else\n"
"       {\n"
"           ilThreads.style[\'display\'] = \'block\';\n"
"       }\n"
"       ilGroups.style[\'display\'] = \'block\';\n"
"       Mode = ModeTimers;\n"
"       ModeElement = TimersGroups == 2 ? buttonThreads : TimersGroups == 1 ? buttonGroups : buttonTimers;\n"
"   }\n"
"   else if(NewMode == \'detailed\' || NewMode == ModeDetailed)\n"
"   {\n"
"       buttonTimers.style[\'text-decoration\'] = \'none\';\n"
"       buttonGroups.style[\'text-decoration\'] = \'none\';\n"
"       buttonThreads.style[\'text-decoration\'] = \'none\';\n"
"       buttonDetailed.style[\'text-decoration\'] = \'underline\';\n"
"       ilThreads.style[\'display\'] = \'block\';\n"
"       ilGroups.style[\'display\'] = \'none\';\n"
"       Mode = ModeDetailed;\n"
"       ModeElement = buttonDetailed;\n"
"   }\n"
"   var ModeSubMenuText = document.getElementById(\'ModeSubMenuText\');\n"
"   ModeSubMenuText.innerText = \'Mode[\' + ModeElement.innerText + \']\';\n"
"\n"
"   WriteCookie();\n"
"   RequestRedraw();\n"
"\n"
"}\n"
"\n"
"function SetReferenceTime(TimeString)\n"
"{\n"
"   ReferenceTime = parseInt(TimeString);\n"
"   var ReferenceMenu = document.getElementById(\'ReferenceSubMenu\');\n"
"   var Links = ReferenceMenu.getElementsByTagName(\'a\');\n"
"   for(var i = 0; i < Links.length; ++i)\n"
"   {\n"
"       if(Links[i].innerHTML.match(\'^\' + TimeString))\n"
"       {\n"
"           Links[i].style[\'text-decoration\'] = \'underline\';\n"
"       }\n"
"       else\n"
"       {\n"
"           Links[i].style[\'text-decoration\'] = \'none\';\n"
"       }\n"
"   }\n"
"   WriteCookie();\n"
"   RequestRedraw();\n"
"\n"
"}\n"
"\n"
"function ToggleContextSwitch()\n"
"{\n"
"   SetContextSwitch(nContextSwitchEnabled ? 0 : 1);\n"
"}\n"
"function SetContextSwitch(Enabled)\n"
"{\n"
"   nContextSwitchEnabled = Enabled ? 1 : 0;\n"
"   var ReferenceMenu = document.getElementById(\'OptionsMenu\');\n"
"   var Links = ReferenceMenu.getElementsByTagName(\'a\');\n"
"   Links[0].style[\'text-decoration\'] = nContextSwitchEnabled ? \'underline\' : \'none\';\n"
"   WriteCookie();\n"
"   RequestRedraw();\n"
"}\n"
"\n"
"function ToggleDebug()\n"
"{\n"
"   Debug = (Debug + 1) % 2;\n"
"}\n"
"\n"
"function ToggleDisableMerge()\n"
"{\n"
"   DisableMerge = DisableMerge ? 0 : 1;\n"
"   var ReferenceMenu = document.getElementById(\'OptionsMenu\');\n"
"   var Links = ReferenceMenu.getElementsByTagName(\'a\');\n"
"   if(DisableMerge)\n"
"   {\n"
"       Links[1].style[\'text-decoration\'] = \'underline\';\n"
"   }\n"
"   else\n"
"   {\n"
"       Links[1].style[\'text-decoration\'] = \'none\';\n"
"   }\n"
"\n"
"}\n"
"\n"
"function ToggleDisableLod()\n"
"{\n"
"   DisableLod = DisableLod ? 0 : 1;\n"
"   var ReferenceMenu = document.getElementById(\'OptionsMenu\');\n"
"   var Links = ReferenceMenu.getElementsByTagName(\'a\');\n"
"   if(DisableLod)\n"
"   {\n"
"       Links[2].style[\'text-decoration\'] = \'underline\';\n"
"   }\n"
"   else\n"
"   {\n"
"       Links[2].style[\'text-decoration\'] = \'none\';\n"
"   }\n"
"\n"
"}\n"
"\n"
"function GatherHoverMetaCounters(TimerIndex, StartIndex, nLog, nFrameLast)\n"
"{\n"
"   var HoverInfo = new Object();\n"
"   var StackPos = 1;\n"
"   //search backwards, count meta counters \n"
"   for(var i = nFrameLast; i >= 0; i--)\n"
"   {\n"
"       var fr = Frames[i];\n"
"       var ts = fr.ts[nLog];\n"
"       var ti = fr.ti[nLog];\n"
"       var tt = fr.tt[nLog];\n"
"       var start = i == nFrameLast ? StartIndex-1 : ts.length-1;\n"
"\n"
"       for(var j = start; j >= 0; j--)\n"
"       {\n"
"           var type = tt[j];\n"
"           var index = ti[j];\n"
"           var time = ts[j];\n"
"           if(type == 1)\n"
"           {\n"
"               StackPos--;\n"
"               if(StackPos == 0 && index == TimerIndex)\n"
"               {\n"
"                   return HoverInfo;\n"
"               }\n"
"           }\n"
"           else if(type == 0)\n"
"           {\n"
"               StackPos++;\n"
"           }\n"
"           else if(type > 3)\n"
"           {\n"
"               var nMetaCount = type - 3;\n"
"               var nMetaIndex = MetaNames[index];\n"
"               if(nMetaIndex in HoverInfo)\n"
"               {\n"
"                   HoverInfo[nMetaIndex] += nMetaCount;\n"
"               }\n"
"               else\n"
"               {\n"
"                   HoverInfo[nMetaIndex] = nMetaCount;\n"
"               }\n"
"           }\n"
"       }\n"
"   }\n"
"}\n"
"function CalculateAllTimers(fBegin, fEnd)\n"
"{\n"
"   var Sum = [];\n"
"   var Count = [];\n"
"   var Sorted = [];\n"
"   for(var i = 0; i < TimerInfo.length; ++i)\n"
"   {\n"
"       Sum.push(0.0);\n"
"       Count.push(0);\n"
"       Sorted.push(i);\n"
"   }\n"
"   var nFrameFirst = 0;\n"
"   var nFrameLast = Frames.length;\n"
"\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   var StackPosArray = Array(nNumLogs);\n"
"   var StackArray = Array(nNumLogs);\n"
"   for(var i = 0; i < nNumLogs; ++i)\n"
"   {\n"
"       StackPosArray[i] = 0;\n"
"       StackArray[i] = Array(20);\n"
"   }\n"
"\n"
"   for(var i = nFrameFirst; i < nFrameLast; i++)\n"
"   {\n"
"       var fr = Frames[i];\n"
"       for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"       {\n"
"           var StackPos = StackPosArray[nLog];\n"
"           var Stack = StackArray[nLog];\n"
"           var ts = fr.ts[nLog];\n"
"           var ti = fr.ti[nLog];\n"
"           var tt = fr.tt[nLog];\n"
"           var count = ts.length;\n"
"           for(j = 0; j < count; j++)\n"
"           {\n"
"               var type = tt[j];\n"
"               var index = ti[j];\n"
"               var time = ts[j];\n"
"               if(type == 1 && time < fEnd) //enter\n"
"               {\n"
"                   Stack[StackPos] = time < fBegin ? fBegin : time;\n"
"                   if(StackArray[nLog][StackPos] != time)\n"
"                   {\n"
"                       console.log(\'fail fail fail\');\n"
"                   }\n"
"                   StackPos++;\n"
"               }\n"
"               else if(type == 0) // leave\n"
"               {\n"
"                   if(StackPos>0)\n"
"                   {\n"
"                       var timeend = time;\n"
"                       StackPos--;\n"
"                       timestart = Stack[StackPos];\n"
"                       var TimeDelta = timeend - timestart;\n"
"                       Sum[index] += TimeDelta;\n"
"                       Count[index]++;\n"
"                   }\n"
"               }\n"
"           }\n"
"           StackPosArray[nLog] = StackPos;\n"
"       }\n"
"   }\n"
"   Sorted.sort(function(a,b){ return Sum[b] - Sum[a]; } );\n"
"   var Result = {\"Sorted\" : Sorted, \"Sum\" : Sum, \"Count\" : Count};\n"
"   return Result;\n"
"}\n"
"function CalculateTimers(Result, TimerIndex, nFrameFirst, nFrameLast)\n"
"{\n"
"   if(!nFrameFirst || nFrameFirst < 0)\n"
"       nFrameFirst = 0;\n"
"   if(!nFrameLast || nFrameLast > Frames.length)\n"
"       nFrameLast = Frames.length;\n"
"   var FrameCount = nFrameLast - nFrameFirst;\n"
"   if(0 == FrameCount)\n"
"       return;\n"
"   var CallCount = 0;\n"
"   var Sum = 0;\n"
"   var Max = 0;\n"
"   var FrameMax = 0;\n"
"\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   var StackPosArray = Array(nNumLogs);\n"
"   var StackArray = Array(nNumLogs);\n"
"   for(var i = 0; i < nNumLogs; ++i)\n"
"   {\n"
"       StackPosArray[i] = 0;\n"
"       StackArray[i] = Array(20);\n"
"   }\n"
"\n"
"   for(var i = nFrameFirst; i < nFrameLast; i++)\n"
"   {\n"
"       var FrameSum = 0;\n"
"       var fr = Frames[i];\n"
"       for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"       {\n"
"           var StackPos = StackPosArray[nLog];\n"
"           var Stack = StackArray[nLog];\n"
"           var ts = fr.ts[nLog];\n"
"           var ti = fr.ti[nLog];\n"
"           var tt = fr.tt[nLog];\n"
"           var count = ts.length;\n"
"           for(j = 0; j < count; j++)\n"
"           {\n"
"               var type = tt[j];\n"
"               var index = ti[j];\n"
"               var time = ts[j];\n"
"               if(type == 1) //enter\n"
"               {\n"
"                   //push\n"
"                   Stack[StackPos] = time;\n"
"                   if(StackArray[nLog][StackPos] != time)\n"
"                   {\n"
"                       console.log(\'fail fail fail\');\n"
"                   }\n"
"                   StackPos++;\n"
"               }\n"
"               else if(type == 0) // leave\n"
"               {\n"
"                   var timestart;\n"
"                   var timeend = time;\n"
"                   if(StackPos>0)\n"
"                   {\n"
"                       StackPos--;\n"
"                       timestart = Stack[StackPos];\n"
"                   }\n"
"                   else\n"
"                   {\n"
"                       timestart = Frames[nFrameFirst].framestart;\n"
"                   }\n"
"                   if(index == TimerIndex)\n"
"                   {\n"
"                       var TimeDelta = timeend - timestart;\n"
"                       CallCount++;\n"
"                       FrameSum += TimeDelta;\n"
"                       Sum += TimeDelta;\n"
"                       if(TimeDelta > Max)\n"
"                           Max = TimeDelta;\n"
"                   }\n"
"               }\n"
"               else\n"
"               {\n"
"                   //meta\n"
"               }\n"
"           }\n"
"           if(FrameSum > FrameMax)\n"
"           {\n"
"               FrameMax = FrameSum;\n"
"           }\n"
"           StackPosArray[nLog] = StackPos;\n"
"       }\n"
"   }\n"
"\n"
"   Result.CallCount = CallCount;\n"
"   Result.Sum = Sum.toFixed(3);\n"
"   Result.Max = Max.toFixed(3);\n"
"   Result.Average = (Sum / CallCount).toFixed(3);\n"
"   Result.FrameAverage = (Sum / FrameCount).toFixed(3);\n"
"   Result.FrameCallAverage = (CallCount / FrameCount).toFixed(3);\n"
"   Result.FrameMax = FrameMax.toFixed(3);\n"
"   return Result;\n"
"}\n"
"\n"
"function PreprocessCalculateAllTimers()\n"
"{\n"
"   ProfileEnter(\"CalculateAllTimers\");\n"
"   var nFrameFirst = 0;\n"
"   var nFrameLast = Frames.length;\n"
"   var FrameCount = nFrameLast - nFrameFirst;\n"
"   if(0 == FrameCount)\n"
"       return;\n"
"   for(var j = 0; j < TimerInfo.length; j++)\n"
"   {\n"
"       TimerInfo[j].CallCount = 0;\n"
"       TimerInfo[j].Sum = 0;\n"
"       TimerInfo[j].Max = 0;\n"
"       TimerInfo[j].FrameMax = 0;\n"
"   }\n"
"\n"
"\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   var StackPosArray = Array(nNumLogs);\n"
"   var StackArray = Array(nNumLogs);\n"
"   for(var i = 0; i < nNumLogs; ++i)\n"
"   {\n"
"       StackPosArray[i] = 0;\n"
"       StackArray[i] = Array(20);\n"
"   }\n"
"\n"
"   for(var i = nFrameFirst; i < nFrameLast; i++)\n"
"   {\n"
"       for(var j = 0; j < TimerInfo.length; j++)\n"
"       {\n"
"           TimerInfo[j].FrameSum = 0;\n"
"       }\n"
"\n"
"       var fr = Frames[i];\n"
"       for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"       {\n"
"           var StackPos = StackPosArray[nLog];\n"
"           var Stack = StackArray[nLog];\n"
"           var ts = fr.ts[nLog];\n"
"           var ti = fr.ti[nLog];\n"
"           var tt = fr.tt[nLog];\n"
"           var count = ts.length;\n"
"           for(j = 0; j < count; j++)\n"
"           {\n"
"               var type = tt[j];\n"
"               var index = ti[j];\n"
"               var time = ts[j];\n"
"               if(type == 1) //enter\n"
"               {\n"
"                   //push\n"
"                   Stack[StackPos] = time;\n"
"                   if(StackArray[nLog][StackPos] != time)\n"
"                   {\n"
"                       console.log(\'fail fail fail\');\n"
"                   }\n"
"                   StackPos++;\n"
"               }\n"
"               else if(type == 0) // leave\n"
"               {\n"
"                   var timestart;\n"
"                   var timeend = time;\n"
"                   if(StackPos>0)\n"
"                   {\n"
"                       StackPos--;\n"
"                       timestart = Stack[StackPos];\n"
"                   }\n"
"                   else\n"
"                   {\n"
"                       timestart = Frames[nFrameFirst].framestart;\n"
"                   }\n"
"                   // if(index == TimerIndex)\n"
"                   {\n"
"                       var TimeDelta = timeend - timestart;\n"
"                       TimerInfo[index].CallCount++;\n"
"                       TimerInfo[index].FrameSum += TimeDelta;\n"
"                       TimerInfo[index].Sum += TimeDelta;\n"
"                       if(TimeDelta > TimerInfo[index].Max)\n"
"                           TimerInfo[index].Max = TimeDelta;\n"
"                   }\n"
"               }\n"
"               else\n"
"               {\n"
"                   //meta\n"
"               }\n"
"           }\n"
"           for(var j = 0; j < TimerInfo.length; j++)\n"
"           {\n"
"               if(TimerInfo[j].FrameSum > TimerInfo[j].FrameMax)\n"
"               {\n"
"                   TimerInfo[j].FrameMax = TimerInfo[j].FrameSum;\n"
"               }\n"
"           }\n"
"           StackPosArray[nLog] = StackPos;\n"
"       }\n"
"\n"
"\n"
"   }\n"
"\n"
"   for(var j = 0; j < TimerInfo.length; j++)\n"
"   {\n"
"       var CallCount = TimerInfo[j].CallCount;\n"
"       var Sum = TimerInfo[j].Sum.toFixed(3);\n"
"       var Max = TimerInfo[j].Max.toFixed(3);\n"
"       var Average = (TimerInfo[j].Sum / TimerInfo[j].CallCount).toFixed(3);\n"
"       var FrameAverage = (TimerInfo[j].Sum / FrameCount).toFixed(3);\n"
"       var FrameCallAverage = (TimerInfo[j].CallCount / FrameCount).toFixed(3);\n"
"       var FrameMax = TimerInfo[j].FrameMax.toFixed(3);\n"
"       TimerInfo[j].CallCount = CallCount;\n"
"       TimerInfo[j].Sum = Sum;\n"
"       TimerInfo[j].Max  = Max ;\n"
"       TimerInfo[j].Average = Average;\n"
"       TimerInfo[j].FrameAverage = FrameAverage;\n"
"       TimerInfo[j].FrameCallAverage = FrameCallAverage;\n"
"       TimerInfo[j].FrameMax = FrameMax;\n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"var FlashFrames = 10;\n"
"var FlashFrameCounter = 0;\n"
"var FlashMessage = \'\';\n"
"function TimeString(Diff)\n"
"{\n"
"   var DiffString = \"0 sec\";\n"
"   var DiffTable = [1,60,60*60,60*60*24];\n"
"   var DiffNameTable = [\"sec\", \"min\", \"hr\", \"day\"];\n"
"   for(var i = 0; i < DiffTable.length; ++i)\n"
"   {\n"
"       if(Diff >= DiffTable[i])\n"
"       {\n"
"           DiffString = Math.floor(Diff / DiffTable[i]) + \" \" + DiffNameTable[i];\n"
"       }\n"
"   }\n"
"   return DiffString;\n"
"\n"
"}\n"
"function ShowFlashMessage(Message, FrameCount)\n"
"{\n"
"   FlashMessage = Message;\n"
"   FlashFrameCounter = FrameCount;\n"
"}\n"
"function OnPageReady()\n"
"{\n"
"   var DumpDate = DumpUtcCaptureTime;\n"
"   var CurrentDate = Date.now() / 1000;\n"
"   var Diff = CurrentDate - DumpDate;\n"
"   var Limit = 10*60;//flash old message when loading captures older than 10 minutes \n"
"   if(Diff > Limit)\n"
"   {\n"
"       ShowFlashMessage(\"Captured \" + TimeString(Diff) + \" ago\", 100);\n"
"   }\n"
"   if(!nHideHelp)\n"
"   {\n"
"       ShowHelp(1,0);\n"
"   }\n"
"}\n"
"\n"
"function DrawFlashMessage(context)\n"
"{\n"
"   if(FlashFrameCounter > 0)\n"
"   {\n"
"       if(FlashFrameCounter>1)\n"
"       {\n"
"           var FlashPrc = Math.sin(FlashFrameCounter / FlashFrames);\n"
"           context.font = FontFlash;\n"
"           context.globalAlpha = FlashPrc * 0.35 + 0.5;\n"
"           context.textAlign = \'center\';\n"
"           context.fillStyle = \'red\';\n"
"           context.fillText(FlashMessage, nWidth * 0.5, 50);\n"
"           context.globalAlpha = 1;\n"
"           context.textAlign = \'left\';\n"
"           context.font = Font;\n"
"       }\n"
"       FlashFrameCounter -= 1;\n"
"\n"
"   }\n"
"}\n"
"\n"
"function DrawCaptureInfo(context)\n"
"{\n"
"   context.fillStyle = \'white\';\n"
"   context.textAlign = \'right\';\n"
"   context.font = Font;\n"
"   var DumpDate = DumpUtcCaptureTime;\n"
"   var CurrentDate = Date.now() / 1000;\n"
"   var Diff = CurrentDate - DumpDate;\n"
"   var DiffString = TimeString(Diff) + \" ago\";\n"
"   context.fillText(new Date(DumpDate*1000).toLocaleString(), nWidth, FontHeight);\n"
"   if(Mode == ModeTimers)\n"
"   {\n"
"       context.fillText(\"Timer Frames: \" + AggregateInfo.Frames, nWidth, FontHeight*2);\n"
"   }\n"
"   else\n"
"   {\n"
"       context.fillText(\"Detailed Frames \"+ Frames.length, nWidth, FontHeight*2);\n"
"   }\n"
"   context.fillText(DumpHost, nWidth, FontHeight*3);\n"
"   context.fillText(DiffString, nWidth, FontHeight*4);\n"
"   context.textAlign = \'left\';\n"
"   DrawFlashMessage(context);\n"
"}\n"
"\n"
"function DrawDetailedFrameHistory()\n"
"{\n"
"   ProfileEnter(\"DrawDetailedFrameHistory\");\n"
"   var x = HistoryViewMouseX;\n"
"\n"
"   var context = CanvasHistory.getContext(\'2d\');\n"
"   context.clearRect(0, 0, CanvasHistory.width, CanvasHistory.height);\n"
"\n"
"   var fHeight = nHistoryHeight;\n"
"   var fWidth = nWidth / Frames.length;\n"
"   var fHeightScale = fHeight / ReferenceTime;\n"
"   var fX = 0;\n"
"   var FrameIndex = -1;\n"
"   var MouseDragging = MouseDragState != MouseDragOff;\n"
"   fRangeBeginHistory = fRangeEndHistory = -1;\n"
"   fRangeBeginHistoryGpu = fRangeEndHistoryGpu = -1;\n"
"\n"
"   var FrameFirst = -1;\n"
"   var FrameLast = nWidth;\n"
"   var fDetailedOffsetEnd = fDetailedOffset + fDetailedRange;\n"
"   for(i = 0; i < Frames.length; i++)\n"
"   {\n"
"       var fMs = Frames[i].frameend - Frames[i].framestart;\n"
"       if(fDetailedOffset <= Frames[i].frameend && fDetailedOffset >= Frames[i].framestart)\n"
"       {\n"
"           var lerp = (fDetailedOffset - Frames[i].framestart) / (Frames[i].frameend - Frames[i].framestart);\n"
"           FrameFirst = fX + fWidth * lerp;\n"
"       }\n"
"       if(fDetailedOffsetEnd <= Frames[i].frameend && fDetailedOffsetEnd >= Frames[i].framestart)\n"
"       {\n"
"           var lerp = (fDetailedOffsetEnd - Frames[i].framestart) / (Frames[i].frameend - Frames[i].framestart);\n"
"           FrameLast = fX + fWidth * lerp;\n"
"       }\n"
"       var fH = fHeightScale * fMs;\n"
"       var bMouse = x > fX && x < fX + fWidth;\n"
"       if(bMouse && !MouseDragging)\n"
"       {\n"
"           context.fillStyle = FRAME_HISTORY_COLOR_GPU;\n"
"           fRangeBeginHistory = Frames[i].framestart;\n"
"           fRangeEndHistory = Frames[i].frameend;\n"
"           if(Frames[i].framestartgpu)\n"
"           {\n"
"               fRangeBeginHistoryGpu = Frames[i].framestartgpu;\n"
"               fRangeEndHistoryGpu = Frames[i].frameendgpu;\n"
"           }\n"
"           FrameIndex = i;\n"
"       }\n"
"       else\n"
"       {\n"
"           context.fillStyle = FRAME_HISTORY_COLOR_CPU;\n"
"       }\n"
"       context.fillRect(fX, fHeight - fH, fWidth-1, fH);\n"
"       fX += fWidth;\n"
"   }\n"
"\n"
"   var fRangeHistoryBegin = FrameFirst;\n"
"   var fRangeHistoryEnd = FrameLast;\n"
"   var X = fRangeHistoryBegin;\n"
"   var Y = 0;\n"
"   var W = fRangeHistoryEnd - fRangeHistoryBegin;\n"
"   context.globalAlpha = 0.35;\n"
"   context.fillStyle = \'#009900\';\n"
"   context.fillRect(X, Y, W, fHeight);\n"
"   context.globalAlpha = 1;\n"
"   context.strokeStyle = \'#00ff00\';\n"
"   context.beginPath();\n"
"   context.moveTo(X, Y);\n"
"   context.lineTo(X, Y+fHeight);\n"
"   context.moveTo(X+W, Y);\n"
"   context.lineTo(X+W, Y+fHeight);\n"
"   context.stroke();\n"
"\n"
"\n"
"\n"
"\n"
"   DrawCaptureInfo(context);\n"
"\n"
"   if(FrameIndex>=0 && !MouseDragging)\n"
"   {\n"
"       var StringArray = [];\n"
"       StringArray.push(\"Frame\");\n"
"       StringArray.push(\"\" + FrameIndex);\n"
"       StringArray.push(\"Time\");\n"
"       StringArray.push(\"\" + (Frames[FrameIndex].frameend - Frames[FrameIndex].framestart).toFixed(3));\n"
"\n"
"       DrawToolTip(StringArray, CanvasHistory, HistoryViewMouseX, HistoryViewMouseY+20);\n"
"\n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"function TimeToMsString(Time)\n"
"{\n"
"   return Time.toFixed(3) + \"ms\";\n"
"}\n"
"function TimeToString(Time)\n"
"{\n"
"   if(Time > 1000)\n"
"   {\n"
"       return (Time/1000.0).toFixed(0) +\"s\";\n"
"   }\n"
"   else if(Time > 0.9)\n"
"   {\n"
"       return Time.toFixed(0) + \"ms\";\n"
"   }\n"
"   else if(Time > 0.0009)\n"
"   {\n"
"       return (Time*1000).toFixed(0) + \"us\";\n"
"   }\n"
"   else\n"
"   {\n"
"       return (Time*1000000).toFixed(0) + \"ns\";\n"
"   }\n"
"}\n"
"\n"
"function DrawDetailedBackground(context)\n"
"{\n"
"   var fMs = fDetailedRange;\n"
"   var fMsEnd = fMs + fDetailedOffset;\n"
"   var fMsToScreen = nWidth / fMs;\n"
"   var fRate = Math.floor(2*((Math.log(fMs)/Math.log(10))-1))/2;\n"
"   var fStep = Math.pow(10, fRate);\n"
"   var fRcpStep = 1.0 / fStep;\n"
"   var nColorIndex = Math.floor(fDetailedOffset * fRcpStep) % 2;\n"
"   if(nColorIndex < 0)\n"
"       nColorIndex = -nColorIndex;\n"
"   var fStart = Math.floor(fDetailedOffset * fRcpStep) * fStep;\n"
"   var fHeight = CanvasDetailedView.height;\n"
"   var fScaleX = nWidth / fDetailedRange; \n"
"   var HeaderString = TimeToString(fStep);\n"
"   context.textAlign = \'center\';\n"
"   for(f = fStart; f < fMsEnd; )\n"
"   {\n"
"       var fNext = f + fStep;\n"
"       var X = (f - fDetailedOffset) * fScaleX;\n"
"       var W = (fNext-f)*fScaleX;\n"
"       context.fillStyle = nBackColors[nColorIndex];\n"
"       context.fillRect(X, 0, W+2, fHeight);\n"
"       nColorIndex = 1 - nColorIndex;\n"
"       context.fillStyle = \'#777777\'\n"
"       context.fillText(HeaderString, X + W * 0.5, 10);\n"
"       context.fillText(HeaderString, X + W * 0.5, nHeight - 10);\n"
"       f = fNext;\n"
"   }\n"
"   context.textAlign = \'left\';\n"
"   var fScaleX = nWidth / fDetailedRange; \n"
"   context.globalAlpha = 0.5;\n"
"   context.strokeStyle = \'#bbbbbb\';\n"
"   context.beginPath();\n"
"   for(var i = 0; i < Frames.length; i++)\n"
"   {\n"
"       var frfr = Frames[i];\n"
"       if(frfr.frameend < fDetailedOffset || frfr.framestart > fDetailedOffset + fDetailedRange)\n"
"       {\n"
"           continue;\n"
"       }\n"
"       var X = (frfr.framestart - fDetailedOffset) * fScaleX;\n"
"       if(X >= 0 && X < nWidth)\n"
"       {\n"
"           context.moveTo(X, 0);\n"
"           context.lineTo(X, nHeight);\n"
"       }\n"
"   }\n"
"   context.stroke();\n"
"   context.globalAlpha = 1;\n"
"\n"
"}\n"
"function DrawToolTip(StringArray, Canvas, x, y)\n"
"{\n"
"   var context = Canvas.getContext(\'2d\');\n"
"   context.font = Font;\n"
"   var WidthArray = Array(StringArray.length);\n"
"   var nMaxWidth = 0;\n"
"   var nHeight = 0;\n"
"   for(i = 0; i < StringArray.length; i += 2)\n"
"   {\n"
"       var nWidth0 = context.measureText(StringArray[i]).width;\n"
"       var nWidth1 = context.measureText(StringArray[i+1]).width;\n"
"       var nSum = nWidth0 + nWidth1;\n"
"       WidthArray[i] = nWidth0;\n"
"       WidthArray[i+1] = nWidth1;\n"
"       if(nSum > nMaxWidth)\n"
"       {\n"
"           nMaxWidth = nSum;\n"
"       }\n"
"       nHeight += BoxHeight;\n"
"   }\n"
"   nMaxWidth += 15;\n"
"   //bounds check.\n"
"   var CanvasRect = Canvas.getBoundingClientRect();\n"
"   if(y + nHeight > CanvasRect.height)\n"
"   {\n"
"       y = CanvasRect.height - nHeight;\n"
"       x += 20;\n"
"   }\n"
"   if(x + nMaxWidth > CanvasRect.width)\n"
"   {\n"
"       x = CanvasRect.width - nMaxWidth;\n"
"   }\n"
"\n"
"   context.fillStyle = \'black\';\n"
"   context.fillRect(x-1, y, nMaxWidth+2, nHeight);\n"
"   context.fillStyle = \'white\';\n"
"\n"
"   var XPos = x;\n"
"   var XPosRight = x + nMaxWidth;\n"
"   var YPos = y + BoxHeight-2;\n"
"   for(i = 0; i < StringArray.length; i += 2)\n"
"   {\n"
"       context.fillText(StringArray[i], XPos, YPos);\n"
"       context.fillText(StringArray[i+1], XPosRight - WidthArray[i+1], YPos);\n"
"       YPos += BoxHeight;\n"
"   }\n"
"}\n"
"function DrawHoverToolTip()\n"
"{\n"
"   ProfileEnter(\"DrawHoverToolTip\");\n"
"   if(nHoverToken != -1)\n"
"   {\n"
"       var StringArray = [];\n"
"       var groupid = TimerInfo[nHoverToken].group;\n"
"       StringArray.push(\"Timer\");\n"
"       StringArray.push(TimerInfo[nHoverToken].name);\n"
"       StringArray.push(\"Group\");\n"
"       StringArray.push(GroupInfo[groupid].name);\n"
"\n"
"       var bShowTimers = Mode == ModeTimers;\n"
"       if(FlipToolTip)\n"
"       {\n"
"           bShowTimers = !bShowTimers;\n"
"       }\n"
"       if(bShowTimers)\n"
"       {\n"
"\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"           var Timer = TimerInfo[nHoverToken];\n"
"           StringArray.push(\"Average\");\n"
"           StringArray.push(Timer.average);\n"
"           StringArray.push(\"Max\");\n"
"           StringArray.push(Timer.max);\n"
"           StringArray.push(\"Excl Max\");\n"
"           StringArray.push(Timer.exclmax);\n"
"           StringArray.push(\"Excl Average\");\n"
"           StringArray.push(Timer.exclaverage);\n"
"           StringArray.push(\"Call Average\");\n"
"           StringArray.push(Timer.callaverage);\n"
"           StringArray.push(\"Call Count\");\n"
"           StringArray.push(Timer.callcount);\n"
"\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"\n"
"\n"
"           StringArray.push(\"Group\");\n"
"           StringArray.push(GroupInfo[groupid].name);\n"
"           StringArray.push(\"Average\");\n"
"           StringArray.push(GroupInfo[groupid].average);\n"
"           StringArray.push(\"Max\");\n"
"           StringArray.push(GroupInfo[groupid].max);\n"
"\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"\n"
"           StringArray.push(\"";

const size_t g_MicroProfileHtml_end_0_size = sizeof(g_MicroProfileHtml_end_0);
const char g_MicroProfileHtml_end_1[] =
"Timer Capture\");\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"Frames\");\n"
"           StringArray.push(AggregateInfo.Frames);\n"
"           StringArray.push(\"Time\");\n"
"           StringArray.push(AggregateInfo.Time.toFixed(2) + \"ms\");\n"
"\n"
"\n"
"\n"
"\n"
"       }\n"
"       else\n"
"       {\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"\n"
"\n"
"\n"
"           StringArray.push(\"Time\");\n"
"           StringArray.push((fRangeEnd-fRangeBegin).toFixed(3));\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"Total\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].Sum);\n"
"           StringArray.push(\"Max\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].Max);\n"
"           StringArray.push(\"Average\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].Average);\n"
"           StringArray.push(\"Count\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].CallCount);\n"
"\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"\n"
"           StringArray.push(\"Max/Frame\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].FrameMax);\n"
"\n"
"           StringArray.push(\"Average Time/Frame\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].FrameAverage);\n"
"\n"
"           StringArray.push(\"Average Count/Frame\");\n"
"           StringArray.push(\"\" + TimerInfo[nHoverToken].FrameCallAverage);\n"
"\n"
"\n"
"\n"
"\n"
"\n"
"       \n"
"           if(nHoverFrame != -1)\n"
"           {\n"
"               StringArray.push(\"\");\n"
"               StringArray.push(\"\");\n"
"               StringArray.push(\"Frame \" + nHoverFrame);\n"
"               StringArray.push(\"\");\n"
"\n"
"               var FrameTime = new Object();\n"
"               CalculateTimers(FrameTime, nHoverToken, nHoverFrame, nHoverFrame+1);\n"
"               StringArray.push(\"Total\");\n"
"               StringArray.push(\"\" + FrameTime.Sum);\n"
"               StringArray.push(\"Count\");\n"
"               StringArray.push(\"\" + FrameTime.CallCount);\n"
"               StringArray.push(\"Average\");\n"
"               StringArray.push(\"\" + FrameTime.Average);\n"
"               StringArray.push(\"Max\");\n"
"               StringArray.push(\"\" + FrameTime.Max);\n"
"           }\n"
"\n"
"           var HoverInfo = GatherHoverMetaCounters(nHoverToken, nHoverTokenIndex, nHoverTokenLogIndex, nHoverFrame);\n"
"           var Header = 0;\n"
"           for(index in HoverInfo)\n"
"           {\n"
"               if(0 == Header)\n"
"               {\n"
"                   Header = 1;\n"
"                   StringArray.push(\"\");\n"
"                   StringArray.push(\"\");\n"
"                   StringArray.push(\"Meta\");\n"
"                   StringArray.push(\"\");\n"
"\n"
"               }\n"
"               StringArray.push(\"\"+index);\n"
"               StringArray.push(\"\"+HoverInfo[index]);\n"
"           }\n"
"\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"\");\n"
"\n"
"           StringArray.push(\"Detailed Capture\");\n"
"           StringArray.push(\"\");\n"
"           StringArray.push(\"Frames\");\n"
"           StringArray.push(Frames.length);\n"
"           StringArray.push(\"Time\");\n"
"           StringArray.push(DetailedTotal().toFixed(2) + \"ms\");\n"
"\n"
"\n"
"       }\n"
"       DrawToolTip(StringArray, CanvasDetailedView, DetailedViewMouseX, DetailedViewMouseY+20);\n"
"   }\n"
"   else if(nHoverCSCpu >= 0)\n"
"   {\n"
"       var StringArray = [];\n"
"       StringArray.push(\"Context Switch\");\n"
"       StringArray.push(\"\");\n"
"       StringArray.push(\"\");\n"
"       StringArray.push(\"\");\n"
"       StringArray.push(\"Cpu\");\n"
"       StringArray.push(\"\" + nHoverCSCpu);\n"
"       StringArray.push(\"Begin\");\n"
"       StringArray.push(\"\" + fRangeBegin);\n"
"       StringArray.push(\"End\");\n"
"       StringArray.push(\"\" + fRangeEnd);\n"
"       DrawToolTip(StringArray, CanvasDetailedView, DetailedViewMouseX, DetailedViewMouseY+20);\n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"function FormatMeta(Value, Dec)\n"
"{\n"
"   if(!Value)\n"
"   {\n"
"       Value = \"0\";\n"
"   }\n"
"   else\n"
"   {\n"
"       Value = \'\' + Value.toFixed(Dec);\n"
"   }\n"
"   return Value;\n"
"}\n"
"\n"
"function DrawBarView()\n"
"{\n"
"   ProfileEnter(\"DrawBarView\");\n"
"   Invalidate++;\n"
"   nHoverToken = -1;\n"
"   nHoverFrame = -1;\n"
"   var context = CanvasDetailedView.getContext(\'2d\');\n"
"   context.clearRect(0, 0, nWidth, nHeight);\n"
"\n"
"   var Height = BoxHeight;\n"
"   var Width = nWidth;\n"
"\n"
"   //clamp offset to prevent scrolling into the void\n"
"   var nTotalRows = 0;\n"
"   for(var groupid in GroupInfo)\n"
"   {\n"
"       if(GroupsAllActive || GroupsActive[GroupInfo[groupid].name])\n"
"       {\n"
"           nTotalRows += GroupInfo[groupid].TimerArray.length + 1;\n"
"       }\n"
"   }\n"
"   var nTotalRowPixels = nTotalRows * Height;\n"
"   var nFrameRows = nHeight - BoxHeight;\n"
"   if(nOffsetBarsY + nFrameRows > nTotalRowPixels && nTotalRowPixels > nFrameRows)\n"
"   {\n"
"       nOffsetBarsY = nTotalRowPixels - nFrameRows;\n"
"   }\n"
"\n"
"\n"
"   var Y = -nOffsetBarsY + BoxHeight;\n"
"   if(TimersGroups)\n"
"   {\n"
"       nOffsetBarsX = 0;\n"
"   }\n"
"   var XBase = -nOffsetBarsX;\n"
"   var nColorIndex = 0;\n"
"\n"
"   context.fillStyle = \'white\';\n"
"   context.font = Font;\n"
"   var bMouseIn = 0;\n"
"   var RcpReferenceTime = 1.0 / ReferenceTime;\n"
"   var CountWidth = 8 * FontWidth;\n"
"   var nMetaLen = TimerInfo[0].meta.length;\n"
"   var nMetaCharacters = 10;\n"
"   for(var i = 0; i < nMetaLen; ++i)\n"
"   {\n"
"       if(nMetaCharacters < MetaNames[i].length)\n"
"           nMetaCharacters = MetaNames[i].length;\n"
"   }\n"
"   var nWidthMeta = nMetaCharacters * FontWidth + 6;\n"
"   function DrawHeaderSplit(Header)\n"
"   {\n"
"       context.fillStyle = \'white\';\n"
"       context.fillText(Header, X, Height-FontAscent);\n"
"       X += nWidthBars;\n"
"       context.fillStyle = nBackColorOffset;\n"
"       X += nWidthMs;\n"
"       if(X >= NameWidth)\n"
"       {\n"
"           context.fillRect(X-3, 0, 1, nHeight);\n"
"       }\n"
"   }\n"
"   function DrawHeaderSplitSingle(Header, Width)\n"
"   {\n"
"       context.fillStyle = \'white\';\n"
"       context.fillText(Header, X, Height-FontAscent);\n"
"       X += Width;\n"
"       context.fillStyle = nBackColorOffset;\n"
"       if(X >= NameWidth)\n"
"       {\n"
"           context.fillRect(X-3, 0, 1, nHeight);\n"
"       }\n"
"   }\n"
"   function DrawHeaderSplitLeftRight(HeaderLeft, HeaderRight, Width)\n"
"   {\n"
"       context.textAlign = \'left\';\n"
"       context.fillStyle = \'white\';\n"
"       context.fillText(HeaderLeft, X, Height-FontAscent);\n"
"       X += Width;\n"
"       context.textAlign = \'right\';\n"
"       context.fillText(HeaderRight, X-5, Height-FontAscent);\n"
"       context.textAlign = \'left\';\n"
"       context.fillStyle = nBackColorOffset;\n"
"       if(X >= NameWidth)\n"
"       {\n"
"           context.fillRect(X-3, 0, 1, nHeight);\n"
"       }\n"
"   }\n"
"   function DrawTimer(Value, Color)\n"
"   {\n"
"       var Prc = Value * RcpReferenceTime;\n"
"       var YText = Y+Height-FontAscent;\n"
"       if(Prc > 1)\n"
"       {\n"
"           Prc = 1;\n"
"       }\n"
"       context.fillStyle = Color;\n"
"       context.fillRect(X+1, Y+1, Prc * nBarsWidth, InnerBoxHeight);\n"
"       X += nWidthBars;\n"
"       context.fillStyle = \'white\';\n"
"       context.fillText((\"      \" + Value.toFixed(2)).slice(-TimerLen), X, YText);\n"
"       X += nWidthMs;\n"
"   }\n"
"   function DrawMeta(Value, Width, Dec)\n"
"   {\n"
"       Value = FormatMeta(Value, Dec);\n"
"       X += (FontWidth*Width);\n"
"       context.textAlign = \'right\';\n"
"       context.fillText(Value, X-FontWidth, YText);\n"
"       context.textAlign = \'left\';\n"
"   }\n"
"   var InnerBoxHeight = BoxHeight-2;\n"
"   var TimerLen = 6;\n"
"   var TimerWidth = TimerLen * FontWidth;\n"
"   var nWidthBars = nBarsWidth+2;\n"
"   var nWidthMs = TimerWidth+2+10;\n"
"\n"
"\n"
"   if(2 == TimersGroups)\n"
"   {\n"
"       for(var i = 0; i < ThreadNames.length; ++i)\n"
"       {\n"
"           if(ThreadsActive[ThreadNames[i]] || ThreadsAllActive)\n"
"           {\n"
"               var X = 0;\n"
"               var YText = Y+Height-FontAscent;\n"
"               bMouseIn = DetailedViewMouseY >= Y && DetailedViewMouseY < Y + BoxHeight;\n"
"               nColorIndex = 1-nColorIndex;\n"
"               context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"               context.fillRect(0, Y, Width, Height);\n"
"               var ThreadColor = CSwitchColors[i % CSwitchColors.length];\n"
"               context.fillStyle = ThreadColor;\n"
"               context.fillText(ThreadNames[i], 1, YText);\n"
"               context.textAlign = \'left\';\n"
"               Y += Height;\n"
"               for(var idx in GroupOrder)\n"
"               {\n"
"                   var groupid = GroupOrder[idx];\n"
"                   var Group = GroupInfo[groupid];\n"
"                   var PerThreadTimer = ThreadGroupTimeArray[i][groupid];\n"
"                   var PerThreadTimerTotal = ThreadGroupTimeTotalArray[i][groupid];\n"
"                   if((PerThreadTimer > 0.0001|| PerThreadTimerTotal>0.1) && (GroupsAllActive || GroupsActive[Group.name]))\n"
"                   {\n"
"                       var GColor = GroupColors ? GroupInfo[groupid].color : \'white\';\n"
"                       var X = 0;\n"
"                       nColorIndex = 1-nColorIndex;\n"
"                       bMouseIn = DetailedViewMouseY >= Y && DetailedViewMouseY < Y + BoxHeight;\n"
"                       context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"                       context.fillRect(0, Y, Width, nHeight);\n"
"                       context.fillStyle = GColor;\n"
"                       context.textAlign = \'right\';\n"
"                       context.fillText(Group.name, NameWidth - 5, Y+Height-FontAscent);\n"
"                       context.textAlign = \'left\';\n"
"                       X += NameWidth;\n"
"                       DrawTimer(PerThreadTimer, GColor);\n"
"                       X += nWidthBars + nWidthMs; \n"
"                       DrawTimer(PerThreadTimerTotal, GColor);\n"
"\n"
"                       Y += Height;\n"
"                   }\n"
"               }\n"
"           }\n"
"       }\n"
"   }\n"
"   else\n"
"   {\n"
"       for(var idx in GroupOrder)\n"
"       {\n"
"           var groupid = GroupOrder[idx];\n"
"           var Group = GroupInfo[groupid];\n"
"           var GColor = GroupColors ? GroupInfo[groupid].color : \'white\';\n"
"           if(GroupsAllActive || GroupsActive[Group.name])\n"
"           {\n"
"               var TimerArray = Group.TimerArray;\n"
"               var X = XBase;\n"
"               nColorIndex = 1-nColorIndex;\n"
"               bMouseIn = DetailedViewMouseY >= Y && DetailedViewMouseY < Y + BoxHeight;\n"
"               context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"               context.fillRect(0, Y, Width, nHeight);\n"
"               context.fillStyle = GColor;\n"
"               context.fillText(Group.name, 1, Y+Height-FontAscent);\n"
"               X += NameWidth;\n"
"               DrawTimer(Group.average, GColor);\n"
"               DrawTimer(Group.max, GColor);\n"
"               DrawTimer(Group.total, GColor);\n"
"\n"
"               context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"               context.fillRect(0, Y, NameWidth, nHeight);\n"
"               context.fillStyle = GColor;\n"
"               context.fillText(Group.name, 1, Y+Height-FontAscent);\n"
"\n"
"\n"
"\n"
"               Y += Height;\n"
"               if(TimersGroups)\n"
"               {\n"
"                   for(var i = 0; i < ThreadNames.length; ++i)\n"
"                   {\n"
"                       var PerThreadTimer = ThreadGroupTimeArray[i][groupid];\n"
"                       var PerThreadTimerTotal = ThreadGroupTimeTotalArray[i][groupid];\n"
"                       if((PerThreadTimer > 0.0001|| PerThreadTimerTotal>0.1) && (ThreadsActive[ThreadNames[i]] || ThreadsAllActive))\n"
"                       {\n"
"                           var YText = Y+Height-FontAscent;\n"
"                           bMouseIn = DetailedViewMouseY >= Y && DetailedViewMouseY < Y + BoxHeight;\n"
"                           nColorIndex = 1-nColorIndex;\n"
"                           context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"                           context.fillRect(0, Y, Width, Height);\n"
"                           var ThreadColor = CSwitchColors[i % CSwitchColors.length];\n"
"                           context.fillStyle = ThreadColor;\n"
"                           context.textAlign = \'right\';\n"
"                           context.fillText(ThreadNames[i], NameWidth - 5, YText);\n"
"                           context.textAlign = \'left\';\n"
"                           X = NameWidth;\n"
"                           DrawTimer(PerThreadTimer, ThreadColor);\n"
"                           X += nWidthBars + nWidthMs; \n"
"                           DrawTimer(PerThreadTimerTotal, ThreadColor);\n"
"                           Y += Height;\n"
"                       }\n"
"                   }\n"
"               }\n"
"               else\n"
"               {\n"
"                   for(var timerindex in TimerArray)\n"
"                   {\n"
"                       var timerid = TimerArray[timerindex];\n"
"                       var Timer = TimerInfo[timerid];\n"
"                       var Average = Timer.average;\n"
"                       var Max = Timer.max;\n"
"                       var ExclusiveMax = Timer.exclmax;\n"
"                       var ExclusiveAverage = Timer.exclaverage;\n"
"                       var CallAverage = Timer.callaverage;\n"
"                       var CallCount = Timer.callcount;\n"
"                       var YText = Y+Height-FontAscent;\n"
"                       X = NameWidth + XBase;\n"
"\n"
"                       nColorIndex = 1-nColorIndex;\n"
"                       bMouseIn = DetailedViewMouseY >= Y && DetailedViewMouseY < Y + BoxHeight;\n"
"                       if(bMouseIn)\n"
"                       {\n"
"                           nHoverToken = timerid;\n"
"                       }\n"
"                       context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"                       context.fillRect(0, Y, Width, Height);\n"
"\n"
"                       DrawTimer(Average, Timer.color);\n"
"                       DrawTimer(Max,Timer.color);\n"
"                       DrawTimer(Timer.total,Timer.color);\n"
"                       DrawTimer(CallAverage,Timer.color);\n"
"                       context.fillStyle = \'white\';\n"
"                       context.fillText(CallCount, X, YText);\n"
"                       X += CountWidth;\n"
"                       DrawTimer(ExclusiveAverage,Timer.color);\n"
"                       DrawTimer(ExclusiveMax,Timer.color);\n"
"\n"
"                       if(TimersMeta)\n"
"                       {\n"
"                           context.fillStyle = \'white\';\n"
"                           for(var j = 0; j < nMetaLen; ++j)\n"
"                           {\n"
"                               // var Len = MetaNames[j].length + 1;\n"
"                               DrawMeta(Timer.meta[j], MetaLengths[j], 0);\n"
"                               DrawMeta(Timer.metaavg[j], MetaLengthsAvg[j], 2);\n"
"                               DrawMeta(Timer.metamax[j], MetaLengthsMax[j], 0);\n"
"                           }\n"
"                       }\n"
"                       context.fillStyle = bMouseIn ? nBackColorOffset : nBackColors[nColorIndex];\n"
"                       context.fillRect(0, Y, NameWidth, Height);\n"
"                       context.textAlign = \'right\';\n"
"                       context.fillStyle = Timer.color;\n"
"                       context.fillText(Timer.name, NameWidth - 5, YText);\n"
"                       context.textAlign = \'left\';\n"
"\n"
"\n"
"                       Y += Height;\n"
"                   }           \n"
"               }\n"
"           }\n"
"       }\n"
"   }\n"
"   X = 0;\n"
"   context.fillStyle = nBackColorOffset;\n"
"   context.fillRect(0, 0, Width, Height);\n"
"   context.fillStyle = \'white\';\n"
"   if(TimersGroups)\n"
"   {\n"
"       if(2 == TimersGroups)\n"
"       {\n"
"           DrawHeaderSplitLeftRight(\'Thread\', \'Group\', NameWidth);\n"
"           DrawHeaderSplit(\'Average\');\n"
"       }\n"
"       else\n"
"       {\n"
"           DrawHeaderSplitLeftRight(\'Group\', \'Thread\', NameWidth);\n"
"           DrawHeaderSplit(\'Average\');\n"
"           DrawHeaderSplit(\'Max\');\n"
"           DrawHeaderSplit(\'Total\');\n"
"       }\n"
"   }\n"
"   else\n"
"   {\n"
"       X = NameWidth + XBase;\n"
"       DrawHeaderSplit(\'Average\');\n"
"       DrawHeaderSplit(\'Max\');\n"
"       DrawHeaderSplit(\'Total\');\n"
"       DrawHeaderSplit(\'Call Average\');\n"
"       DrawHeaderSplitSingle(\'Count\', CountWidth);\n"
"       DrawHeaderSplit(\'Excl Average\');\n"
"       DrawHeaderSplit(\'Excl Max\');\n"
"       if(TimersMeta)\n"
"       {\n"
"           for(var i = 0; i < nMetaLen; ++i)\n"
"           {\n"
"               DrawHeaderSplitSingle(MetaNames[i], MetaLengths[i] * FontWidth);\n"
"               DrawHeaderSplitSingle(MetaNames[i] + \" Avg\", MetaLengthsAvg[i] * FontWidth);\n"
"               DrawHeaderSplitSingle(MetaNames[i] + \" Max\", MetaLengthsMax[i] * FontWidth);\n"
"           }\n"
"       }\n"
"       X = 0;\n"
"       context.fillStyle = nBackColorOffset;\n"
"       context.fillRect(0, 0, NameWidth, Height);\n"
"       context.fillStyle = \'white\';\n"
"   \n"
"       DrawHeaderSplitLeftRight(\'Group\', \'Timer\', NameWidth);\n"
"   \n"
"   }\n"
"\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"\n"
"//preprocess context switch data to contain array per thread\n"
"function PreprocessContextSwitchCacheItem(ThreadId)\n"
"{\n"
"   console.log(\'context switch preparing \' + ThreadId);\n"
"   var CSObject = CSwitchCache[ThreadId];\n"
"   if(ThreadId > 0 && !CSObject)\n"
"   {\n"
"       CSArrayIn = new Array();\n"
"       CSArrayOut = new Array();\n"
"       CSArrayCpu = new Array();\n"
"       var nCount = CSwitchTime.length;\n"
"       var j = 0;\n"
"       var TimeIn = -1.0;\n"
"       for(var i = 0; i < nCount; ++i)\n"
"       {   \n"
"           var ThreadIn = CSwitchThreadInOutCpu[j];\n"
"           var ThreadOut = CSwitchThreadInOutCpu[j+1];\n"
"           var Cpu = CSwitchThreadInOutCpu[j+2];\n"
"           if(TimeIn < 0)\n"
"           {\n"
"               if(ThreadIn == ThreadId)\n"
"               {\n"
"                   TimeIn = CSwitchTime[i];\n"
"               }\n"
"           }\n"
"           else\n"
"           {\n"
"               if(ThreadOut == ThreadId)\n"
"               {\n"
"                   var TimeOut = CSwitchTime[i];\n"
"                   CSArrayIn.push(TimeIn);\n"
"                   CSArrayOut.push(TimeOut);\n"
"                   CSArrayCpu.push(Cpu);\n"
"                   TimeIn = -1;\n"
"               }\n"
"           }\n"
"           j += 3;\n"
"       }\n"
"       CSObject = new Object();\n"
"       CSObject.Size = CSArrayIn.length;\n"
"       CSObject.In = CSArrayIn;\n"
"       CSObject.Out = CSArrayOut;\n"
"       CSObject.Cpu = CSArrayCpu;\n"
"       CSwitchCache[ThreadId] = CSObject;\n"
"   }\n"
"\n"
"}\n"
"function PreprocessContextSwitchCache()\n"
"{\n"
"   ProfileEnter(\"PreprocessContextSwitchCache\");\n"
"   var AllThreads = {};\n"
"   var nCount = CSwitchTime.length;\n"
"   for(var i = 0; i < nCount; ++i)\n"
"   {   \n"
"       var nThreadIn = CSwitchThreadInOutCpu[i];\n"
"       if(!AllThreads[nThreadIn])\n"
"       {\n"
"           AllThreads[nThreadIn] = \'\' + nThreadIn;\n"
"           var FoundThread = false;\n"
"           for(var i = 0; i < ThreadIds.length; ++i)\n"
"           {\n"
"               if(ThreadIds[i] == nThreadIn)\n"
"               {\n"
"                   FoundThread = true;\n"
"               }\n"
"           }\n"
"           if(!FoundThread)\n"
"           {\n"
"               CSwitchOnlyThreads.push(nThreadIn);\n"
"           }\n"
"       }\n"
"   }\n"
"   for(var i = 0; i < CSwitchOnlyThreads.length; ++i)\n"
"   {\n"
"       PreprocessContextSwitchCacheItem(CSwitchOnlyThreads[i]);\n"
"   }\n"
"   for(var i = 0; i < ThreadIds.length; ++i)\n"
"   {\n"
"       PreprocessContextSwitchCacheItem(ThreadIds[i]); \n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"function DrawContextSwitchBars(context, ThreadId, fScaleX, fOffsetY, fDetailedOffset, nHoverColor, MinWidth, bDrawEnabled)\n"
"{\n"
"   ProfileEnter(\"DrawContextSwitchBars\");\n"
"   var CSObject = CSwitchCache[ThreadId];\n"
"   if(CSObject)\n"
"   {\n"
"       var Size = CSObject.Size;       \n"
"       var In = CSObject.In;\n"
"       var Out = CSObject.Out;\n"
"       var Cpu = CSObject.Cpu;\n"
"       var nNumColors = CSwitchColors.length;\n"
"       for(var i = 0; i < Size; ++i)\n"
"       {\n"
"           var TimeIn = In[i];\n"
"           var TimeOut = Out[i];\n"
"           var ActiveCpu = Cpu[i];\n"
"\n"
"           var X = (TimeIn - fDetailedOffset) * fScaleX;\n"
"           if(X > nWidth)\n"
"           {\n"
"               break;\n"
"           }\n"
"           var W = (TimeOut - TimeIn) * fScaleX;\n"
"           if(W > MinWidth && X+W > 0)\n"
"           {\n"
"               if(nHoverCSCpu == ActiveCpu || bDrawEnabled)\n"
"               {\n"
"                   if(nHoverCSCpu == ActiveCpu)\n"
"                   {\n"
"                       context.fillStyle = nHoverColor;\n"
"                   }\n"
"                   else\n"
"                   {\n"
"                       context.fillStyle = CSwitchColors[ActiveCpu % nNumColors];\n"
"                   }\n"
"                   context.fillRect(X, fOffsetY, W, CSwitchHeight);\n"
"               }\n"
"               if(DetailedViewMouseX >= X && DetailedViewMouseX <= X+W && DetailedViewMouseY < fOffsetY+CSwitchHeight && DetailedViewMouseY >= fOffsetY)\n"
"               {\n"
"                   nHoverCSCpuNext = ActiveCpu;\n"
"                   fRangeBeginNext = TimeIn;\n"
"                   fRangeEndNext = TimeOut;\n"
"                   fRangeBeginGpuNext = fRangeEndGpuNext = -1;\n"
"               }\n"
"           }\n"
"       }\n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"function DrawDetailedView(context, MinWidth, bDrawEnabled)\n"
"{\n"
"   if(bDrawEnabled)\n"
"   {\n"
"       DrawDetailedBackground(context);\n"
"   }\n"
"\n"
"   var colors = [ \'#ff0000\', \'#ff00ff\', \'#ffff00\'];\n"
"\n"
"   var fScaleX = nWidth / fDetailedRange; \n"
"   var fOffsetY = -nOffsetY + BoxHeight;\n"
"   nHoverTokenNext = -1;\n"
"   nHoverTokenLogIndexNext = -1;\n"
"   nHoverTokenIndexNext = -1;\n"
"   nHoverCounter += nHoverCounterDelta;\n"
"   if(nHoverCounter >= 255) \n"
"   {\n"
"       nHoverCounter = 255;\n"
"       nHoverCounterDelta = -nHoverCounterDelta;\n"
"   }\n"
"   if(nHoverCounter < 128) \n"
"   {\n"
"       nHoverCounter = 128;\n"
"       nHoverCounterDelta = -nHoverCounterDelta;\n"
"   }\n"
"   var nHoverHigh = nHoverCounter.toString(16);\n"
"   var nHoverLow = (127+255-nHoverCounter).toString(16);\n"
"   var nHoverColor = \'#\' + nHoverHigh + nHoverHigh + nHoverHigh;\n"
"\n"
"   context.fillStyle = \'black\';\n"
"   context.font = Font;\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   var fTimeEnd = fDetailedOffset + fDetailedRange;\n"
"\n"
"   var FirstFrame = 0;\n"
"   for(var i = 0; i < Frames.length ; i++)\n"
"   {\n"
"       if(Frames[i].frameend < fDetailedOffset)\n"
"       {\n"
"           FirstFrame = i;\n"
"       }\n"
"   }\n"
"   var nMinTimeMs = MinWidth / fScaleX;\n"
"   {\n"
"\n"
"       var Batches = new Array(TimerInfo.length);\n"
"       var BatchesTxt = Array();\n"
"       var BatchesTxtPos = Array();\n"
"       var BatchesTxtColor = [\'#ffffff\', \'#333333\'];\n"
"\n"
"       for(var i = 0; i < 2; ++i)\n"
"       {\n"
"           BatchesTxt[i] = Array();\n"
"           BatchesTxtPos[i] = Array();\n"
"       }\n"
"       for(var i = 0; i < Batches.length; ++i)\n"
"       {\n"
"           Batches[i] = Array();\n"
"       }\n"
"       for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"       {\n"
"           var ThreadName = ThreadNames[nLog];\n"
"           if(ThreadsAllActive || ThreadsActive[ThreadName])\n"
"           {\n"
"\n"
"               var LodIndex = 0;\n"
"               var MinDelta = 0;\n"
"               var NextLod = 1;\n"
"               while(NextLod < LodData.length && LodData[NextLod].MinDelta[nLog] < nMinTimeMs)\n"
"               {\n"
"                   LodIndex = NextLod;\n"
"                   NextLod = NextLod + 1;\n"
"                   MinDelta = LodData[LodIndex].MinDelta[nLog];\n"
"               }\n"
"               if(LodIndex == LodData.length)\n"
"               {\n"
"                   LodIndex = LodData.length-1;\n"
"               }\n"
"               if(DisableLod)\n"
"               {\n"
"                   LodIndex = 0;\n"
"               }\n"
"\n"
"               context.fillStyle = \'white\';\n"
"               fOffsetY += BoxHeight;\n"
"               context.fillText(ThreadName, 0, fOffsetY);\n"
"               if(nContextSwitchEnabled)\n"
"               {\n"
"                   DrawContextSwitchBars(context, ThreadIds[nLog], fScaleX, fOffsetY, fDetailedOffset, nHoverColor, MinWidth, bDrawEnabled);\n"
"                   fOffsetY += CSwitchHeight+1;\n"
"               }\n"
"               var MaxDepth = 1;\n"
"               var StackPos = 0;\n"
"               var Stack = Array(20);\n"
"               var Lod = LodData[LodIndex];\n"
"\n"
"               var TypeArray = Lod.TypeArray[nLog];\n"
"               var IndexArray = Lod.IndexArray[nLog];\n"
"               var TimeArray = Lod.TimeArray[nLog];\n"
"\n"
"               var LocalFirstFrame = Frames[FirstFrame].FirstFrameIndex[nLog];\n"
"               var IndexStart = Lod.LogStart[LocalFirstFrame][nLog];\n"
"               var IndexEnd = TimeArray.length;\n"
"               IndexEnd = TimeArray.length;\n"
"               var HasSetHover = 0;\n"
"\n"
"\n"
"               for(var j = IndexStart; j < IndexEnd; ++j)\n"
"               {\n"
"                   var type = TypeArray[j];\n"
"                   var index = IndexArray[j];\n"
"                   var time = TimeArray[j];\n"
"                   if(type == 1)\n"
"                   {\n"
"                       //push\n"
"                       Stack[StackPos] = j;\n"
"                       StackPos++;\n"
"                       if(StackPos > MaxDepth)\n"
"                       {\n"
"                           MaxDepth = StackPos;\n"
"                       }\n"
"                   }\n"
"                   else if(type == 0)\n"
"                   {\n"
"                       if(StackPos>0)\n"
"                       {\n"
"                           StackPos--;\n"
"\n"
"                           var StartIndex = Stack[StackPos];\n"
"                           var timestart = TimeArray[StartIndex];\n"
"                           var timeend = time;\n"
"                           var X = (timestart - fDetailedOffset) * fScaleX;\n"
"                           var Y = fOffsetY + StackPos * BoxHeight;\n"
"                           var W = (timeend-timestart)*fScaleX;\n"
"\n"
"                           if(W > MinWidth && X < nWidth && X+W > 0)\n"
"                           {\n"
"                               if(bDrawEnabled || index == nHoverToken)\n"
"                               {\n"
"                                   Batches[index].push(X);\n"
"                                   Batches[index].push(Y);\n"
"                                   Batches[index].push(W);\n"
"                                   DebugDrawQuadCount++;\n"
"\n"
"                                   var XText = X < 0 ? 0 : X;\n"
"                                   var WText = W - (XText-X);\n"
"                                   if(XText + WText > nWidth)\n"
"                                   {\n"
"                                       WText = nWidth - XText;\n"
"                                   }\n"
"                                   var Name = TimerInfo[index].name;\n"
"                                   var NameLen = TimerInfo[index].len;\n"
"                                   var BarTextLen = Math.floor((WText-2)/FontWidth);\n"
"                                   var TimeText = TimeToMsString(timeend-timestart);\n"
"                                   var TimeTextLen = TimeText.length;\n"
"\n"
"                                   if(BarTextLen >= 2)\n"
"                                   {\n"
"                                       if(BarTextLen < NameLen)\n"
"                                           Name = Name.substr(0, BarTextLen);\n"
"                                       var txtidx = TimerInfo[index].textcolorindex;\n"
"                                       var YPos = Y+BoxHeight-FontAscent;\n"
"                                       BatchesTxt[txtidx].push(Name);\n"
"                                       BatchesTxtPos[txtidx].push(XText+2);\n"
"\n"
"                                       BatchesTxtPos[txtidx].push(YPos);\n"
"                                       DebugDrawTextCount++;\n"
"                                       if(BarTextLen - NameLen > TimeTextLen)\n"
"                                       {\n"
"                                           BatchesTxt[txtidx].push(TimeText);\n"
"                                           BatchesTxtPos[txtidx].push(XText+WText-2 - TimeTextLen * FontWidth);\n"
"                                           BatchesTxtPos[txtidx].push(YPos);\n"
"                                           DebugDrawTextCount++;\n"
"                                       }\n"
"\n"
"                                   }\n"
"                               }\n"
"\n"
"                               if(DetailedViewMouseX >= X && DetailedViewMouseX <= X+W && DetailedViewMouseY < Y+BoxHeight && DetailedViewMouseY >= Y)\n"
"                               {\n"
"                                   fRangeBeginNext = timestart;\n"
"                                   fRangeEndNext = timeend;\n"
"                                   if(TypeArray[StartIndex+1] == 3 && TypeArray[j+1] == 3)\n"
"                                   {\n"
"                                       fRangeBeginGpuNext = fRangeBeginNext;\n"
"                                       fRangeEndGpuNext = fRangeEndNext;\n"
"                                       //cpu tick is stored following\n"
"                                       fRangeBeginNext = TimeArray[StartIndex+1];\n"
"                                       fRangeEndNext = TimeArray[j+1];\n"
"                                   }\n"
"                                   else\n"
"                                   {\n"
"                                       fRangeBeginGpuNext = -1;\n"
"                                       fRangeEndGpuNext = -1;\n"
"                                   }\n"
"\n"
"                                   nHoverTokenNext = index;\n"
"                                   nHoverTokenIndexNext = j;\n"
"                                   nHoverTokenLogIndexNext = nLog;\n"
"                                   bHasSetHover = 1;\n"
"                               }\n"
"                           }\n"
"                           if(StackPos == 0 && time > fTimeEnd)\n"
"                               break;                                          \n"
"                       }\n"
"                   }\n"
"               }\n"
"               fOffsetY += (1+g_MaxStack[nLog]) * BoxHeight;\n"
"\n"
"               if(HasSetHover)\n"
"               {\n"
"                   for(var i = 0; i < Frames.length-1; ++i)\n"
"                   {\n"
"                       var IndexStart = Lod.LogStart[i][nLog];\n"
"                       if(nHoverTokenNext >= IndexStart)\n"
"                       {\n"
"                           nHoverFrame = i;\n"
"                       }\n"
"                   }\n"
"               }\n"
"           }\n"
"       }\n"
"\n"
"       if(nContextSwitchEnabled) //non instrumented threads.\n"
"       {\n"
"           var ContextSwitchThreads = CSwitchOnlyThreads;\n"
"           for(var i = 0; i < ContextSwitchThreads.length; ++i)\n"
"           {\n"
"               var ThreadId = ContextSwitchThreads[i];\n"
"               var ThreadName = \'\' + ThreadId;\n"
"               DrawContextSwitchBars(context, ThreadId, fScaleX, fOffsetY, fDetailedOffset, nHoverColor, MinWidth, bDrawEnabled);\n"
"               context.fillStyle = \'white\';\n"
"               context.fillText(ThreadName, 0, fOffsetY+5);\n"
"               fOffsetY += BoxHeight + 1;\n"
"           }\n"
"       }\n"
"\n"
"\n"
"       {\n"
"           for(var i = 0; i < Batches.length; ++i)\n"
"           {\n"
"               var a = Batches[i];\n"
"               if(a.length)\n"
"               {\n"
"                   context.fillStyle = TimerInfo[i].colordark;\n"
"                   if(!DisableMerge)\n"
"                   {\n"
"                       for(var j = 0; j < a.length; j += 3)\n"
"                       {                       \n"
"                           var X = a[j];\n"
"                           var Y = a[j+1];\n"
"                           var BaseWidth = j + 2;\n"
"                           var W = a[BaseWidth];\n"
"                           while(j+1 < a.length && W < 1)\n"
"                           {\n"
"                               var jnext = j+3;\n"
"                               var XNext = a[jnext];\n"
"                               var YNext = a[jnext+1];\n"
"                               var WNext = a[jnext+2];\n"
"                               var Delta = XNext - (X+W);\n"
"                               var YDelta = Math.abs(Y - YNext);                           \n"
"                               if(Delta < 0.3 && YDelta < 0.5 && WNext < 1)\n"
"                               {\n"
"                                   W = (XNext+WNext) - X;\n"
"                                   a[BaseWidth] = W;\n"
"                                   a[jnext+2] = 0;\n"
"                                   j += 3;\n"
"                               }\n"
"                               else\n"
"                               {\n"
"                                   break;\n"
"                               }\n"
"\n"
"                           }\n"
"                       }\n"
"                   }\n"
"                   var off = 0.7;\n"
"                   var off2 = 2*off;\n"
"                   context.fillStyle = TimerInfo[i].colordark;\n"
"                   for(var j = 0; j < a.length; j += 3)\n"
"                   {                       \n"
"                       var X = a[j];\n"
"                       var Y = a[j+1];\n"
"                       var W = a[j+2];\n"
"                       if(W >= 1)\n"
"                       {\n"
"                           context.fillRect(X, Y, W, BoxHeight-1);\n"
"                       }\n"
"                   }\n"
"   \n"
"\n"
"                   if(i == nHoverToken)\n"
"                   {\n"
"                       context.fillStyle = nHoverColor;\n"
"                   }\n"
"                   else\n"
"                   {\n"
"                       context.fillStyle = TimerInfo[i].color;\n"
"                   }\n"
"                   for(var j = 0; j < a.length; j += 3)\n"
"                   {                       \n"
"                       var X = a[j];\n"
"                       var Y = a[j+1];\n"
"                       var W = a[j+2];\n"
"                       if(W > 0)\n"
"                       {\n"
"                           context.fillRect(X+off, Y+off, W-off2, BoxHeight-1-off2);\n"
"                       }\n"
"                   }\n"
"               }\n"
"           }   \n"
"       }\n"
"       for(var i = 0; i < BatchesTxt.length; ++i)\n"
"       {\n"
"           context.fillStyle = BatchesTxtColor[i];\n"
"           var TxtArray = BatchesTxt[i];\n"
"           var PosArray = BatchesTxtPos[i];\n"
"           for(var j = 0; j < TxtArray.length; ++j)\n"
"           {\n"
"               var k = j * 2;\n"
"               context.fillText(TxtArray[j], PosArray[k],PosArray[k+1]);\n"
"           }\n"
"       }\n"
"\n"
"   }\n"
"}\n"
"function DrawTextBox(context, text, x, y, align)\n"
"{\n"
"   var textsize = context.measureText(text).width;\n"
"   var offsetx = 0;\n"
"   var offsety = -FontHeight;\n"
"   if(align == \'center\')\n"
"   {\n"
"       offsetx = -textsize / 2.0;\n"
"   }\n"
"   else if(align == \'right\')\n"
"   {\n"
"       offsetx = -textsize;\n"
"   }\n"
"   context.fillStyle = nBackColors[0];\n"
"   context.fillRect(x + offsetx, y + offsety, textsize+2, FontHeight + 2);\n"
"   context.fillStyle = \'white\';\n"
"   context.fillText(text, x, y);\n"
"\n"
"}\n"
"function DrawRange(context, fBegin, fEnd, ColorBack, ColorFront, Offset, Name)\n"
"{\n"
"   if(fBegin < fEnd)\n"
"   {\n"
"       var fScaleX = nWidth / fDetailedRange; \n"
"       var X = (fBegin - fDetailedOffset) * fScaleX;\n"
"       var YSpace = (FontHeight+2);\n"
"       var Y = YSpace * (Offset);\n"
"       var W = (fEnd - fBegin) * fScaleX;\n"
"       context.globalAlpha = 0.1;\n"
"       context.fillStyle = ColorBack;\n"
"       context.fillRect(X, 0, W, nHeight);\n"
"       context.globalAlpha = 1;\n"
"       context.strokeStyle = ColorFront;\n"
"       context.beginPath();\n"
"       context.moveTo(X, 0);\n"
"       context.lineTo(X, nHeight);\n"
"       context.moveTo(X+W, 0);\n"
"       context.lineTo(X+W, nHeight);\n"
"       context.stroke();\n"
"       var Duration = (fEnd - fBegin).toFixed(2) + \"ms\";\n"
"       var Center = ((fBegin + fEnd) / 2.0) - fDetailedOffset;\n"
"       var DurationWidth = context.measureText(Duration+ \"   \").width;\n"
"\n"
"       context.fillStyle = \'white\';\n"
"       context.textAlign = \'right\';\n"
"       var TextPosY = Y + YSpace;\n"
"       DrawTextBox(context, \'\' + fBegin.toFixed(2), X-3, TextPosY, \'right\');\n"
"       if(DurationWidth < W + 10)\n"
"       {\n"
"           context.textAlign = \'center\';\n"
"           DrawTextBox(context,\'\' + Duration,Center * fScaleX, TextPosY, \'center\');\n"
"\n"
"           var W0 = W - DurationWidth + FontWidth*1.5;\n"
"           if(W0 > 6)\n"
"           {\n"
"               var Y0 = Y + FontHeight * 0.5;\n"
"               W0 = W0 / 2.0;\n"
"               var X0 = X + W0;\n"
"               var X1 = X + W - W0;\n"
"               context.strokeStyle = ColorFront;\n"
"               context.beginPath();\n"
"               context.moveTo(X, Y0);\n"
"               context.lineTo(X0, Y0);\n"
"               context.moveTo(X0, Y0-2);\n"
"               context.lineTo(X0, Y0+2);\n"
"               context.moveTo(X1, Y0-2);\n"
"               context.lineTo(X1, Y0+2);\n"
"               context.moveTo(X1, Y0);\n"
"               context.lineTo(X + W, Y0);\n"
"               context.stroke();\n"
"           }\n"
"       }\n"
"       context.textAlign = \'left\';\n"
"       DrawTextBox(context, \'\' + fEnd.toFixed(2), X + W + 2, TextPosY, \'left\');\n"
"       DrawTextBox(context, Name, X + W + 2, nHeight - FontHeight - YSpace*Offset, \'left\');\n"
"       Offset += 1;\n"
"   }\n"
"   return Offset;\n"
"}\n"
"\n"
"function DrawDetailed(Animation)\n"
"{\n"
"   if(AnimationActive != Animation || !Initialized)\n"
"   {\n"
"       return;\n"
"   }\n"
"   ProfileEnter(\"DrawDetailed\");\n"
"   DebugDrawQuadCount = 0;\n"
"   DebugDrawTextCount = 0;\n"
"   nHoverCSCpuNext = -1;\n"
"\n"
"   fRangeBeginNext = fRangeEndNext = -1;\n"
"   fRangeBeginGpuNext = fRangeEndGpuNext = -1;\n"
"   var fRangeBeginGpu = -1;\n"
"   var fRangeEndGpu = -1;\n"
"\n"
"   var start = new Date();\n"
"   nDrawCount++;\n"
"\n"
"   var context = CanvasDetailedView.getContext(\'2d\');\n"
"   var offscreen = CanvasDetailedOffscreen.getContext(\'2d\');\n"
"   var fScaleX = nWidth / fDetailedRange; \n"
"   var fOffsetY = -nOffsetY + BoxHeight;\n"
"\n"
"   if(DetailedRedrawState.fOffsetY == fOffsetY && DetailedRedrawState.fDetailedOffset == fDetailedOffset && DetailedRedrawState.fDetailedRange == fDetailedRange && !KeyCtrlDown && !KeyShiftDown && !MouseDragButton)\n"
"   {\n"
"       Invalidate++;\n"
"   }\n"
"   else\n"
"   {\n"
"       Invalidate = 0;\n"
"       DetailedRedrawState.fOffsetY = fOffsetY;\n"
"       DetailedRedrawState.fDetailedOffset = fDetailedOffset;\n"
"       DetailedRedrawState.fDetailedRange = fDetailedRange;\n"
"   }\n"
"   if(Invalidate == 0) //when panning, only draw bars that are a certain width to keep decent framerate\n"
"   {\n"
"       context.clearRect(0, 0, CanvasDetailedView.width, CanvasDetailedView.height);\n"
"       DrawDetailedView(context, nMinWidthPan, true);\n"
"   }\n"
"   else if(Invalidate == 1) //draw full and store\n"
"   {\n"
"       offscreen.clearRect(0, 0, CanvasDetailedView.width, CanvasDetailedView.height);\n"
"       DrawDetailedView(offscreen, nMinWidth, true);\n"
"       OffscreenData = offscreen.getImageData(0, 0, CanvasDetailedOffscreen.width, CanvasDetailedOffscreen.height);\n"
"   }\n"
"   else//reuse stored result untill next time viewport is changed.\n"
"   {\n"
"       context.clearRect(0, 0, CanvasDetailedView.width, CanvasDetailedView.height);\n"
"       context.putImageData(OffscreenData, 0, 0);\n"
"       DrawDetailedView(context, nMinWidth, false);\n"
"   }\n"
"\n"
"   if(KeyShiftDown || KeyCtrlDown || MouseDragButton || MouseDragSelectRange())\n"
"   {\n"
"       nHoverToken = -1;\n"
"       nHoverTokenIndex = -1;\n"
"       nHoverTokenLogIndex = -1;\n"
"       fRangeBegin = fRangeEnd = -1;\n"
"   }\n"
"   else\n"
"   {\n"
"       nHoverToken = nHoverTokenNext;\n"
"       nHoverTokenIndex = nHoverTokenIndexNext;\n"
"       nHoverTokenLogIndex = nHoverTokenLogIndexNext;\n"
"       if(fRangeBeginHistory < fRangeEndHistory)\n"
"       {\n"
"           fRangeBegin = fRangeBeginHistory;\n"
"           fRangeEnd = fRangeEndHistory;\n"
"           fRangeBeginGpu = fRangeBeginHistoryGpu;\n"
"           fRangeEndGpu = fRangeEndHistoryGpu;\n"
"       }\n"
"       else\n"
"       {\n"
"           fRangeBegin = fRangeBeginNext;\n"
"           fRangeEnd = fRangeEndNext;\n"
"           fRangeBeginGpu = fRangeBeginGpuNext;\n"
"           fRangeEndGpu = fRangeEndGpuNext;\n"
"       }\n"
"   }\n"
"\n"
"   DrawTextBox(context, TimeToMsString(fDetailedOffset), 0, FontHeight, \'left\');\n"
"   context.textAlign = \'right\';\n"
"   DrawTextBox(context, TimeToMsString(fDetailedOffset + fDetailedRange), nWidth, FontHeight, \'right\');\n"
"   context.textAlign = \'left\';\n"
"\n"
"   var Offset = 0;\n"
"   Offset = DrawRange(context, fRangeBeginSelect, fRangeEndSelect, \'#59d0ff\', \'#00ddff\', Offset, \"Selection\");\n"
"   Offset = DrawRange(context, fRangeBegin, fRangeEnd, \'#009900\', \'#00ff00\', Offset, \"Cpu\");\n"
"   Offset = DrawRange(context, fRangeBeginGpu, fRangeEndGpu, \'#996600\', \'#775500\', Offset, \"Gpu\");\n"
"\n"
"   nHoverCSCpu = nHoverCSCpuNext;\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"function ZoomTo(fZoomBegin, fZoomEnd)\n"
"{\n"
"   if(fZoomBegin < fZoomEnd)\n"
"   {\n"
"       AnimationActive = true;\n"
"       var fDetailedOffsetOriginal = fDetailedOffset;\n"
"       var fDetailedRangeOriginal = fDetailedRange;\n"
"       var fDetailedOffsetTarget = fZoomBegin;\n"
"       var fDetailedRangeTarget = fZoomEnd - fZoomBegin;\n"
"       var TimestampStart = new Date();\n"
"       var count = 0;\n"
"       function ZoomFunc(Timestamp)\n"
"       {\n"
"           var fPrc = (new Date() - TimestampStart) / (ZOOM_TIME * 1000.0);\n"
"           if(fPrc > 1.0)\n"
"           {\n"
"               fPrc = 1.0;\n"
"           }\n"
"           fPrc = Math.pow(fPrc, 0.3);\n"
"           fDetailedOffset = fDetailedOffsetOriginal + (fDetailedOffsetTarget - fDetailedOffsetOriginal) * fPrc;\n"
"           fDetailedRange = fDetailedRangeOriginal + (fDetailedRangeTarget - fDetailedRangeOriginal) * fPrc;\n"
"           DrawDetailed(true);\n"
"           if(fPrc >= 1.0)\n"
"           {\n"
"               AnimationActive = false;\n"
"               fDetailedOffset = fDetailedOffsetTarget;\n"
"               fDetailedRange = fDetailedRangeTarget;\n"
"           }\n"
"           else\n"
"           {\n"
"               requestAnimationFrame(ZoomFunc);\n"
"           }\n"
"       }\n"
"       requestAnimationFrame(ZoomFunc);\n"
"   }\n"
"}\n"
"function RequestRedraw()\n"
"{\n"
"   Invalidate = 0;\n"
"   Draw(1);\n"
"}\n"
"function Draw(RedrawMode)\n"
"{\n"
"   if(ProfileMode)\n"
"   {\n"
"       ProfileModeClear();\n"
"       ProfileEnter(\"Total\");\n"
"   }\n"
"   if(RedrawMode == 1)\n"
"   {\n"
"       if(Mode == ModeTimers)\n"
"       {\n"
"           DrawBarView();\n"
"           DrawHoverToolTip();\n"
"       }\n"
"       else if(Mode == ModeDetailed)\n"
"       {\n"
"           DrawDetailed(false);\n"
"           DrawHoverToolTip();\n"
"       }\n"
"   }\n"
"   DrawDetailedFrameHistory();\n"
"\n"
"   if(ProfileMode)\n"
"   {\n"
"       ProfileLeave();\n"
"       ProfileModeDraw(CanvasDetailedView);\n"
"   }\n"
"}\n"
"\n"
"function AutoRedraw(Timestamp)\n"
"{\n"
"   var RedrawMode = 0;\n"
"   if(Mode == ModeDetailed)\n"
"   {\n"
"       if(ProfileMode == 2 || ((nHoverCSCpu >= 0 || nHoverToken != -1) && !KeyCtrlDown && !KeyShiftDown && !MouseDragButton)||(Invalidate<2 && !KeyCtrlDown && !KeyShiftDown && !MouseDragButton))\n"
"       {\n"
"           RedrawMode = 1;\n"
"       }\n"
"   }\n"
"   else\n"
"   {\n"
"       if(Invalidate < 1)\n"
"       {\n"
"           RedrawMode = 1;\n"
"       }\n"
"   }\n"
"   if(RedrawMode)\n"
"   {\n"
"       Draw(RedrawMode);\n"
"   }\n"
"   else if(FlashFrameCounter>0)\n"
"   {\n"
"       Draw(0);\n"
"   }\n"
"   requestAnimationFrame(AutoRedraw);\n"
"}\n"
"\n"
"\n"
"function ZoomGraph(nZoom)\n"
"{\n"
"   var fOldRange = fDetailedRange;\n"
"   if(nZoom>0)\n"
"   {\n"
"       fDetailedRange *= Math.pow(nModDown ? 1.40 : 1.03, nZoom);\n"
"   }\n"
"   else\n"
"   {\n"
"       var fNewDetailedRange = fDetailedRange / Math.pow((nModDown ? 1.40 : 1.03), -nZoom);\n"
"       if(fNewDetailedRange < 0.0001) //100ns\n"
"           fNewDetailedRange = 0.0001;\n"
"       fDetailedRange = fNewDetailedRange;\n"
"   }\n"
"\n"
"   var fDiff = fOldRange - fDetailedRange;\n"
"   var fMousePrc = DetailedViewMouseX / nWidth;\n"
"   if(fMousePrc < 0)\n"
"   {\n"
"       fMousePrc = 0;\n"
"   }\n"
"   fDetailedOffset += fDiff * fMousePrc;\n"
"\n"
"}\n"
"\n"
"function MeasureFont()\n"
"{\n"
"   var context = CanvasDetailedView.getContext(\'2d\');\n"
"   context.font = Font;\n"
"   FontWidth = context.measureText(\'W\').width;\n"
"\n"
"}\n"
"function ResizeCanvas() \n"
"{\n"
"   nWidth = window.innerWidth;\n"
"   nHeight = window.innerHeight - CanvasHistory.height-2;\n"
"   DPR = window.devicePixelRatio;\n"
"\n"
"   if(DPR)\n"
"   {\n"
"       CanvasDetailedView.style.width = nWidth + \'px\'; \n"
"       CanvasDetailedView.style.height = nHeight + \'px\';\n"
"       CanvasDetailedView.width = nWidth * DPR;\n"
"       CanvasDetailedView.height = nHeight * DPR;\n"
"       CanvasHistory.style.width = window.innerWidth + \'px\';\n"
"       CanvasHistory.style.height = 70 + \'px\';\n"
"       CanvasHistory.width = window.innerWidth * DPR;\n"
"       CanvasHistory.height = 70 * DPR;\n"
"       CanvasHistory.getContext(\'2d\').scale(DPR,DPR);\n"
"       CanvasDetailedView.getContext(\'2d\').scale(DPR,DPR);\n"
"\n"
"       CanvasDetailedOffscreen.style.width = nWidth + \'px\';\n"
"       CanvasDetailedOffscreen.style.height = nHeight + \'px\';\n"
"       CanvasDetailedOffscreen.wid";

const size_t g_MicroProfileHtml_end_1_size = sizeof(g_MicroProfileHtml_end_1);
const char g_MicroProfileHtml_end_2[] =
"th = nWidth * DPR;\n"
"       CanvasDetailedOffscreen.height = nHeight * DPR;\n"
"       CanvasDetailedOffscreen.getContext(\'2d\').scale(DPR,DPR);\n"
"\n"
"   }\n"
"   else\n"
"   {\n"
"       DPR = 1;\n"
"       CanvasDetailedView.width = nWidth;\n"
"       CanvasDetailedView.height = nHeight;\n"
"       CanvasDetailedOffscreen.width = nWidth;\n"
"       CanvasDetailedOffscreen.height = nHeight;\n"
"       CanvasHistory.width = window.innerWidth;\n"
"   }\n"
"   RequestRedraw();\n"
"}\n"
"\n"
"var MouseDragOff = 0;\n"
"var MouseDragDown = 1;\n"
"var MouseDragUp = 2;\n"
"var MouseDragMove = 3;\n"
"var MouseDragState = MouseDragOff;\n"
"var MouseDragTarget = 0;\n"
"var MouseDragButton = 0;\n"
"var MouseDragKeyShift = 0;\n"
"var MouseDragKeyCtrl = 0;\n"
"var MouseDragX = 0;\n"
"var MouseDragY = 0;\n"
"var MouseDragXLast = 0;\n"
"var MouseDragYLast = 0;\n"
"var MouseDragXStart = 0;\n"
"var MouseDragYStart = 0;\n"
"\n"
"function clamp(number, min, max)\n"
"{\n"
"  return Math.max(min, Math.min(number, max));\n"
"}\n"
"\n"
"function MouseDragPan()\n"
"{\n"
"   return MouseDragButton == 1 || MouseDragKeyShift;\n"
"}\n"
"function MouseDragSelectRange()\n"
"{\n"
"   return MouseDragState == MouseDragMove && (MouseDragButton == 3 || (MouseDragKeyShift && MouseDragKeyCtrl));\n"
"}\n"
"function MouseHandleDrag()\n"
"{\n"
"   if(MouseDragTarget == CanvasDetailedView)\n"
"   {\n"
"       if(Mode == ModeDetailed)\n"
"       {\n"
"           if(MouseDragSelectRange())\n"
"           {\n"
"               var xStart = MouseDragXStart;\n"
"               var xEnd = MouseDragX;\n"
"               if(xStart > xEnd)\n"
"               {\n"
"                   var Temp = xStart;\n"
"                   xStart = xEnd;\n"
"                   xEnd = Temp;\n"
"               }\n"
"               if(xEnd - xStart > 1)\n"
"               {\n"
"                   fRangeBegin = fDetailedOffset + fDetailedRange * (xStart / nWidth);\n"
"                   fRangeEnd = fDetailedOffset + fDetailedRange * (xEnd / nWidth);\n"
"                   fRangeBeginSelect = fDetailedOffset + fDetailedRange * (xStart / nWidth);\n"
"                   fRangeEndSelect = fDetailedOffset + fDetailedRange * (xEnd / nWidth);\n"
"               }\n"
"           }\n"
"           else if(MouseDragPan())\n"
"           {\n"
"               var X = MouseDragX - MouseDragXLast;\n"
"               var Y = MouseDragY - MouseDragYLast;\n"
"               if(X)\n"
"               {\n"
"                   fDetailedOffset += -X * fDetailedRange / nWidth;\n"
"               }\n"
"               nOffsetY -= Y;\n"
"               if(nOffsetY < 0)\n"
"               {\n"
"                   nOffsetY = 0;\n"
"               }\n"
"           }\n"
"           else if(MouseDragKeyCtrl)\n"
"           {\n"
"               if(MouseDragY != MouseDragYLast)\n"
"               {\n"
"                   ZoomGraph(MouseDragY - MouseDragYLast);\n"
"               }\n"
"           }\n"
"       }\n"
"       else if(Mode == ModeTimers)\n"
"       {\n"
"           if(MouseDragKeyShift || MouseDragButton == 1)\n"
"           {\n"
"               var X = MouseDragX - MouseDragXLast;\n"
"               var Y = MouseDragY - MouseDragYLast;\n"
"               nOffsetBarsY -= Y;\n"
"               nOffsetBarsX -= X;\n"
"               if(nOffsetBarsY < 0)\n"
"               {\n"
"                   nOffsetBarsY = 0;\n"
"               }\n"
"               if(nOffsetBarsX < 0)\n"
"               {\n"
"                   nOffsetBarsX = 0;\n"
"               }\n"
"           }\n"
"\n"
"       }\n"
"\n"
"   }\n"
"   else if(MouseDragTarget == CanvasHistory)\n"
"   {\n"
"       function HistoryFrameTime(x)\n"
"       {\n"
"           var NumFrames = Frames.length;\n"
"           var fBarWidth = nWidth / NumFrames;\n"
"           var Index = clamp(Math.floor(NumFrames * x / nWidth), 0, NumFrames-1);\n"
"           var Lerp = clamp((x/fBarWidth - Index) , 0, 1);\n"
"           var time = Frames[Index].framestart + (Frames[Index].frameend - Frames[Index].framestart) * Lerp;\n"
"           return time;\n"
"       }\n"
"       if(MouseDragSelectRange())\n"
"       {\n"
"           fRangeBegin = fRangeEnd = -1;\n"
"\n"
"           var xStart = MouseDragXStart;\n"
"           var xEnd = MouseDragX;\n"
"           if(xStart > xEnd)\n"
"           {\n"
"               var Temp = xStart;\n"
"               xStart = xEnd;\n"
"               xEnd = Temp;\n"
"           }\n"
"           if(xEnd - xStart > 2)\n"
"           {\n"
"               var timestart = HistoryFrameTime(xStart);\n"
"               var timeend = HistoryFrameTime(xEnd);\n"
"               fDetailedOffset = timestart;\n"
"               fDetailedRange = timeend-timestart;\n"
"           }\n"
"       }\n"
"       else if(MouseDragPan())\n"
"       {\n"
"           var Time = HistoryFrameTime(MouseDragX);\n"
"           fDetailedOffset = Time - fDetailedRange / 2.0;\n"
"       }\n"
"   }\n"
"}\n"
"function MouseHandleDragEnd()\n"
"{\n"
"   if(MouseDragTarget == CanvasDetailedView)\n"
"   {\n"
"\n"
"   }\n"
"   else if(MouseDragTarget == CanvasHistory)\n"
"   {\n"
"       if(!MouseDragSelectRange() && !MouseDragPan())\n"
"       {\n"
"           ZoomTo(fRangeBegin, fRangeEnd);\n"
"           fRangeBegin = fRangeEnd = -1;\n"
"       }\n"
"\n"
"\n"
"   }\n"
"\n"
"}\n"
"\n"
"function MouseHandleDragClick()\n"
"{\n"
"   if(MouseDragTarget == CanvasDetailedView)\n"
"   {\n"
"       ZoomTo(fRangeBegin, fRangeEnd);\n"
"   }\n"
"   else if(MouseDragTarget == CanvasHistory)\n"
"   {\n"
"       if(Mode == ModeDetailed)\n"
"       {\n"
"           ZoomTo(fRangeBegin, fRangeEnd);\n"
"       }\n"
"   }\n"
"}\n"
"\n"
"function MapMouseButton(Event)\n"
"{\n"
"   if(event.button == 1 || event.which == 1)\n"
"   {\n"
"       return 1;\n"
"   }\n"
"   else if(event.button == 3 || event.which == 3)\n"
"   {\n"
"       return 3;\n"
"   }\n"
"   else\n"
"   {\n"
"       return 0;\n"
"   }\n"
"}\n"
"\n"
"function MouseDragReset()\n"
"{\n"
"   MouseDragState = MouseDragOff;\n"
"   MouseDragTarget = 0;\n"
"   MouseDragKeyShift = 0;\n"
"   MouseDragKeyCtrl = 0;\n"
"   MouseDragButton = 0;\n"
"}\n"
"function MouseDragKeyUp()\n"
"{\n"
"   if((MouseDragKeyShift && !KeyShiftDown) || (MouseDragKeyCtrl && !KeyCtrlDown))\n"
"   {\n"
"       MouseHandleDragEnd();\n"
"       MouseDragReset();\n"
"   }\n"
"}\n"
"function MouseDrag(Source, Event)\n"
"{\n"
"   if(Source == MouseDragOff || (MouseDragTarget && MouseDragTarget != Event.target))\n"
"   {\n"
"       MouseDragReset();\n"
"       return;\n"
"   }\n"
"\n"
"   var LocalRect = Event.target.getBoundingClientRect();\n"
"   MouseDragX = Event.clientX - LocalRect.left;\n"
"   MouseDragY = Event.clientY - LocalRect.top;\n"
"   // console.log(\'cur drag state \' + MouseDragState + \' Source \' + Source);\n"
"   if(MouseDragState == MouseDragMove)\n"
"   {\n"
"       var dx = Math.abs(MouseDragX - MouseDragXStart);\n"
"       var dy = Math.abs(MouseDragY - MouseDragYStart);\n"
"       if((Source == MouseDragUp && MapMouseButton(Event) == MouseDragButton) ||\n"
"           (MouseDragKeyCtrl && !KeyCtrlDown) ||\n"
"           (MouseDragKeyShift && !KeyShiftDown))\n"
"       {\n"
"           MouseHandleDragEnd();\n"
"           MouseDragReset();\n"
"           return;\n"
"       }\n"
"       else\n"
"       {\n"
"           MouseHandleDrag();\n"
"       }\n"
"   }\n"
"   else if(MouseDragState == MouseDragOff)\n"
"   {\n"
"       if(Source == MouseDragDown || KeyShiftDown || KeyCtrlDown)\n"
"       {\n"
"           MouseDragTarget = Event.target;\n"
"           MouseDragButton = MapMouseButton(Event);\n"
"           MouseDragState = MouseDragDown;\n"
"           MouseDragXStart = MouseDragX;\n"
"           MouseDragYStart = MouseDragY;\n"
"           MouseDragKeyCtrl = 0;\n"
"           MouseDragKeyShift = 0;\n"
"\n"
"           if(KeyShiftDown || KeyCtrlDown)\n"
"           {\n"
"               MouseDragKeyShift = KeyShiftDown;\n"
"               MouseDragKeyCtrl = KeyCtrlDown;\n"
"               MouseDragState = MouseDragMove;\n"
"           }\n"
"       }\n"
"   }\n"
"   else if(MouseDragState == MouseDragDown)\n"
"   {\n"
"       if(Source == MouseDragUp)\n"
"       {\n"
"           MouseHandleDragClick();\n"
"           MouseDragReset();\n"
"       }\n"
"       else if(Source == MouseDragMove)\n"
"       {\n"
"           var dx = Math.abs(MouseDragX - MouseDragXStart);\n"
"           var dy = Math.abs(MouseDragY - MouseDragYStart);\n"
"           if(dx+dy>1)\n"
"           {\n"
"               MouseDragState = MouseDragMove;\n"
"           }\n"
"       }\n"
"   }\n"
"   MouseDragXLast = MouseDragX;\n"
"   MouseDragYLast = MouseDragY;\n"
"}\n"
"\n"
"function MouseMove(evt)\n"
"{\n"
"    evt.preventDefault();\n"
"    MouseDrag(MouseDragMove, evt);\n"
"   MouseHistory = 0;\n"
"   MouseDetailed = 0;\n"
"   HistoryViewMouseX = HistoryViewMouseY = -1;\n"
"   var rect = evt.target.getBoundingClientRect();\n"
"   var x = evt.clientX - rect.left;\n"
"   var y = evt.clientY - rect.top;\n"
"   if(evt.target == CanvasDetailedView)\n"
"   {\n"
"       if(!MouseDragSelectRange())\n"
"       {\n"
"           fRangeBegin = fRangeEnd = -1;\n"
"       }\n"
"       DetailedViewMouseX = x;\n"
"       DetailedViewMouseY = y;\n"
"   }\n"
"   else if(evt.target = CanvasHistory)\n"
"   {\n"
"       var Rect = CanvasHistory.getBoundingClientRect();\n"
"       HistoryViewMouseX = x;\n"
"       HistoryViewMouseY = y;\n"
"   }\n"
"   Draw(1);\n"
"}\n"
"\n"
"function MouseButton(bPressed, evt)\n"
"{\n"
"    evt.preventDefault();\n"
"   MouseDrag(bPressed ? MouseDragDown : MouseDragUp, evt);\n"
"}\n"
"\n"
"function MouseOut(evt)\n"
"{\n"
"   MouseDrag(MouseDragOff, evt);\n"
"   KeyCtrlDown = 0;\n"
"   KeyShiftDown = 0;\n"
"   MouseDragButton = 0;\n"
"   nHoverToken = -1;\n"
"   fRangeBegin = fRangeEnd = -1;\n"
"}\n"
"\n"
"function MouseWheel(e)\n"
"{\n"
"    var e = window.event || e;\n"
"    var delta = (e.wheelDelta || e.detail * (-120));\n"
"    ZoomGraph((-4 * delta / 120.0) | 0);\n"
"    Draw(1);\n"
"}\n"
"\n"
"\n"
"function KeyUp(evt)\n"
"{\n"
"   if(evt.keyCode == 17)\n"
"   {\n"
"       KeyCtrlDown = 0;\n"
"       MouseDragKeyUp();\n"
"   }\n"
"   else if(evt.keyCode == 16)\n"
"   {\n"
"       KeyShiftDown = 0;\n"
"       MouseDragKeyUp();\n"
"   }\n"
"   if(evt.keyCode == 18)\n"
"   {\n"
"       FlipToolTip = 0;\n"
"   }\n"
"   if(evt.keyCode == 32)\n"
"   {\n"
"       if(fRangeBeginSelect < fRangeEndSelect)\n"
"       {\n"
"           ZoomTo(fRangeBeginSelect, fRangeEndSelect);\n"
"           fRangeBeginSelect = fRangeEndSelect = -1;\n"
"           MouseHandleDragEnd();\n"
"       }\n"
"   }\n"
"   if(evt.keyCode == 27)\n"
"   {\n"
"       fRangeBeginSelect = fRangeEndSelect = -1;       \n"
"   }\n"
"   Invalidate = 0;\n"
"}\n"
"\n"
"function KeyDown(evt)\n"
"{\n"
"   if(evt.keyCode == 18)\n"
"   {\n"
"       FlipToolTip = 1;\n"
"   }\n"
"   if(evt.keyCode == 17)\n"
"   {\n"
"       KeyCtrlDown = 1;\n"
"   }\n"
"   else if(evt.keyCode == 16)\n"
"   {\n"
"       KeyShiftDown = 1;\n"
"   }\n"
"   Invalidate = 0;\n"
"}\n"
"\n"
"function ReadCookie()\n"
"{\n"
"   var result = document.cookie.match(/fisk=([^;]+)/);\n"
"   var NewMode = ModeDetailed;\n"
"   var ReferenceTimeString = \'33ms\';\n"
"   if(result && result.length > 0)\n"
"   {\n"
"       var Obj = JSON.parse(result[1]);\n"
"       if(Obj.Mode)\n"
"       {\n"
"           NewMode = Obj.Mode;\n"
"       }\n"
"       if(Obj.ReferenceTime)\n"
"       {\n"
"           ReferenceTimeString = Obj.ReferenceTime;\n"
"       }\n"
"       if(Obj.ThreadsAllActive || Obj.ThreadsAllActive == 0 || Obj.ThreadsAllActive == false)\n"
"       {\n"
"           ThreadsAllActive = Obj.ThreadsAllActive;\n"
"       }\n"
"       else\n"
"       {\n"
"           ThreadsAllActive = 1;\n"
"       }\n"
"       if(Obj.ThreadsActive)\n"
"       {\n"
"           ThreadsActive = Obj.ThreadsActive;\n"
"       }\n"
"       if(Obj.GroupsAllActive || Obj.GroupsAllActive == 0 || Obj.GroupsAllActive)\n"
"       {\n"
"           GroupsAllActive = Obj.GroupsAllActive;\n"
"       }\n"
"       else\n"
"       {\n"
"           GroupsAllActive = 1;\n"
"       }\n"
"       if(Obj.GroupsActive)\n"
"       {\n"
"           GroupsActive = Obj.GroupsActive;\n"
"       }\n"
"       if(Obj.nContextSwitchEnabled)\n"
"       {\n"
"           nContextSwitchEnabled = Obj.nContextSwitchEnabled; \n"
"       }\n"
"       else\n"
"       {\n"
"           nContextSwitchEnabled = 1;\n"
"       }\n"
"       if(Obj.GroupColors)\n"
"       {\n"
"           GroupColors = Obj.GroupColors;\n"
"       }\n"
"       else\n"
"       {\n"
"           GroupColors = 0;\n"
"       }\n"
"       if(Obj.nHideHelp)\n"
"       {\n"
"           nHideHelp = 1;\n"
"       }\n"
"       TimersGroups = Obj.TimersGroups?Obj.TimersGroups:0;\n"
"       TimersMeta = Obj.TimersMeta?0:1;\n"
"   }\n"
"   SetContextSwitch(nContextSwitchEnabled);\n"
"   SetMode(NewMode, TimersGroups);\n"
"   SetReferenceTime(ReferenceTimeString);\n"
"   UpdateOptionsMenu();\n"
"   UpdateGroupColors();\n"
"}\n"
"function WriteCookie()\n"
"{\n"
"   var Obj = new Object();\n"
"   Obj.Mode = Mode;\n"
"   Obj.ReferenceTime = ReferenceTime + \'ms\';\n"
"   Obj.ThreadsActive = ThreadsActive;\n"
"   Obj.ThreadsAllActive = ThreadsAllActive;\n"
"   Obj.GroupsActive = GroupsActive;\n"
"   Obj.GroupsAllActive = GroupsAllActive;\n"
"   Obj.nContextSwitchEnabled = nContextSwitchEnabled;\n"
"   Obj.TimersGroups = TimersGroups?TimersGroups:0;\n"
"   Obj.TimersMeta = TimersMeta?0:1;\n"
"   Obj.GroupColors = GroupColors;\n"
"   if(nHideHelp)\n"
"   {\n"
"       Obj.nHideHelp = 1;\n"
"   }\n"
"   var date = new Date();\n"
"   date.setFullYear(2099);\n"
"   var cookie = \'fisk=\' + JSON.stringify(Obj) + \';expires=\' + date;\n"
"   document.cookie = cookie;\n"
"}\n"
"\n"
"var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? \"DOMMouseScroll\" : \"mousewheel\" //FF doesn\'t recognize mousewheel as of FF3.x\n"
"\n"
"CanvasDetailedView.addEventListener(\'mousemove\', MouseMove, false);\n"
"CanvasDetailedView.addEventListener(\'mousedown\', function(evt) { MouseButton(true, evt); });\n"
"CanvasDetailedView.addEventListener(\'mouseup\', function(evt) { MouseButton(false, evt); } );\n"
"CanvasDetailedView.addEventListener(\'mouseout\', MouseOut);\n"
"CanvasDetailedView.addEventListener(\"contextmenu\", function (e) { e.preventDefault(); }, false);\n"
"CanvasDetailedView.addEventListener(mousewheelevt, MouseWheel, false);\n"
"CanvasHistory.addEventListener(\'mousemove\', MouseMove);\n"
"CanvasHistory.addEventListener(\'mousedown\', function(evt) { MouseButton(true, evt); });\n"
"CanvasHistory.addEventListener(\'mouseup\', function(evt) { MouseButton(false, evt); } );\n"
"CanvasHistory.addEventListener(\'mouseout\', MouseOut);\n"
"CanvasHistory.addEventListener(\"contextmenu\", function (e) { e.preventDefault(); }, false);\n"
"CanvasHistory.addEventListener(mousewheelevt, MouseWheel, false);\n"
"window.addEventListener(\'keydown\', KeyDown);\n"
"window.addEventListener(\'keyup\', KeyUp);\n"
"window.addEventListener(\'resize\', ResizeCanvas, false);\n"
"\n"
"function CalcAverage()\n"
"{\n"
"   var Sum = 0;\n"
"   var Count = 0;\n"
"   for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"   {\n"
"       StackPos = 0;\n"
"       for(var i = 0; i < Frames.length; i++)\n"
"       {\n"
"           var Frame_ = Frames[i];         \n"
"           var tt = Frame_.tt[nLog];\n"
"           var ts = Frame_.ts[nLog];\n"
"\n"
"           var count = tt.length;\n"
"           for(var j = 0; j < count; j++)\n"
"           {\n"
"               var type = tt[j];\n"
"               var time = ts[j];\n"
"               if(type == 1)\n"
"               {\n"
"                   Stack[StackPos] = time;//store the frame which it comes from\n"
"                   StackPos++;\n"
"               }\n"
"               else if(type == 0)\n"
"               {\n"
"                   if(StackPos>0)\n"
"                   {\n"
"\n"
"                       StackPos--;\n"
"                       var localtime = time - Stack[StackPos];\n"
"                       Count++;\n"
"                       Sum += localtime;\n"
"                   }\n"
"               }\n"
"           }\n"
"       }\n"
"   }\n"
"   return Sum / Count;\n"
"\n"
"}\n"
"\n"
"function MakeLod(index, MinDelta, TimeArray, TypeArray, IndexArray, LogStart)\n"
"{\n"
"   if(LodData[index])\n"
"   {\n"
"       console.log(\"error!!\");\n"
"   }\n"
"   // debugger;\n"
"   var o = new Object();\n"
"   o.MinDelta = MinDelta;\n"
"   o.TimeArray = TimeArray;\n"
"   o.TypeArray = TypeArray;\n"
"   o.IndexArray = IndexArray;\n"
"   o.LogStart = LogStart;\n"
"   LodData[index] = o;\n"
"}\n"
"\n"
"function PreprocessBuildSplitArray()\n"
"{\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"\n"
"   ProfileEnter(\"PreprocessBuildSplitArray\");\n"
"   var SplitArrays = new Array(nNumLogs);\n"
"\n"
"   for(nLog = 0; nLog < nNumLogs; ++nLog)\n"
"   {\n"
"       console.log(\"source log \" + nLog + \" size \" + LodData[0].TypeArray[nLog].length);\n"
"   }\n"
"\n"
"\n"
"   for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"   {\n"
"       var MaxDepth = 1;\n"
"       var StackPos = 0;\n"
"       var Stack = Array(20);\n"
"       var TypeArray = LodData[0].TypeArray[nLog];\n"
"       var TimeArray = LodData[0].TimeArray[nLog];\n"
"       var DeltaTimes = new Array(TypeArray.length);\n"
"\n"
"       for(var j = 0; j < TypeArray.length; ++j)\n"
"       {\n"
"           var type = TypeArray[j];\n"
"           var time = TimeArray[j];\n"
"           if(type == 1)\n"
"           {\n"
"               //push\n"
"               Stack[StackPos] = time;\n"
"               StackPos++;\n"
"           }\n"
"           else if(type == 0)\n"
"           {\n"
"               if(StackPos>0)\n"
"               {\n"
"                   StackPos--;\n"
"                   DeltaTimes[j] = time - Stack[StackPos];\n"
"               }\n"
"               else\n"
"               {\n"
"                   DeltaTimes[j] = 0;\n"
"               }\n"
"           }\n"
"       }\n"
"       DeltaTimes.sort(function(a,b){return b-a;});\n"
"       var SplitArray = Array(NumLodSplits);\n"
"       var SplitIndex = DeltaTimes.length;\n"
"\n"
"       var j = 0;\n"
"       for(j = 0; j < NumLodSplits; ++j)\n"
"       {\n"
"           SplitIndex = Math.floor(SplitIndex / 2);\n"
"           while(SplitIndex > 0 && !DeltaTimes[SplitIndex])\n"
"           {\n"
"               SplitIndex--;\n"
"           }\n"
"           if(SplitIndex < SplitMin)\n"
"           {\n"
"               break;\n"
"           }\n"
"           //search.. if 0\n"
"           var SplitTime = DeltaTimes[SplitIndex];\n"
"           if(SplitTime>=0)\n"
"           {\n"
"               SplitArray[j] = SplitTime;\n"
"           }\n"
"           else\n"
"           {\n"
"               SplitArray[j] = SPLIT_LIMIT;\n"
"           }\n"
"           if(j>0)\n"
"           {\n"
"               console.assert(SplitArray[j-1] <= SplitArray[j], \"must be less\");\n"
"           }\n"
"\n"
"       }\n"
"       for(; j < NumLodSplits; ++j)\n"
"       {\n"
"           SplitArray[j] = SPLIT_LIMIT;\n"
"           // console.log(\"split skipping \" + j + \" \" + SPLIT_LIMIT);\n"
"       }\n"
"\n"
"\n"
"       SplitArrays[nLog] = SplitArray;\n"
"   }\n"
"   ProfileLeave();\n"
"   return SplitArrays;\n"
"}\n"
"\n"
"function PreprocessBuildDurationArray()\n"
"{\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   ProfileEnter(\"PreprocessBuildDurationArray\");\n"
"   var DurationArrays = new Array(nNumLogs);\n"
"   for(nLog = 0; nLog < nNumLogs; ++nLog)\n"
"   {\n"
"       var MaxDepth = 1;\n"
"       var StackPos = 0;\n"
"       var Stack = Array(20);\n"
"       var StackIndex = Array(20);\n"
"       var TypeArray = LodData[0].TypeArray[nLog];\n"
"       var TimeArray = LodData[0].TimeArray[nLog];\n"
"       var DurationArray = Array(LodData[0].TypeArray[nLog].length);\n"
"       for(var j = 0; j < TypeArray.length; ++j)\n"
"       {\n"
"           var type = TypeArray[j];\n"
"           var time = TimeArray[j];\n"
"           if(type == 1)\n"
"           {\n"
"               //push\n"
"               Stack[StackPos] = time;\n"
"               StackIndex[StackPos] = j;\n"
"               StackPos++;\n"
"           }\n"
"           else if(type == 0)\n"
"           {\n"
"               if(StackPos>0)\n"
"               {\n"
"                   StackPos--;\n"
"                   var Duration = time - Stack[StackPos];\n"
"                   DurationArray[StackIndex[StackPos]] = Duration;\n"
"                   DurationArray[j] = Duration;\n"
"               }\n"
"               else\n"
"               {\n"
"                   DurationArray[j] = 0;\n"
"               }\n"
"           }\n"
"       }\n"
"       for(var j = 0; j < StackPos; ++j)\n"
"       {\n"
"           DurationArray[j] = 0;\n"
"       }\n"
"       DurationArrays[nLog] = DurationArray;\n"
"   }\n"
"   ProfileLeave();\n"
"   return DurationArrays;\n"
"\n"
"}\n"
"function PreprocessLods()\n"
"{\n"
"   ProfileEnter(\"PreprocessLods\");\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   var SplitArrays = PreprocessBuildSplitArray();\n"
"   var DurationArrays = PreprocessBuildDurationArray();\n"
"   var Source = LodData[0];\n"
"   var SourceLogStart = Source.LogStart;\n"
"   var NumFrames = SourceLogStart.length;\n"
"\n"
"   for(var i = 0; i < NumLodSplits-1; ++i)\n"
"   {\n"
"       var DestLogStart = Array(SourceLogStart.length);\n"
"       for(var j = 0; j < DestLogStart.length; ++j)\n"
"       {\n"
"           DestLogStart[j] = Array(nNumLogs);\n"
"       }\n"
"       var MinDelta = Array(nNumLogs);\n"
"       var TimeArray = Array(nNumLogs);\n"
"       var IndexArray = Array(nNumLogs);\n"
"       var TypeArray = Array(nNumLogs);\n"
"\n"
"\n"
"\n"
"       for(nLog = 0; nLog < nNumLogs; ++nLog)\n"
"       {\n"
"           var SourceTypeArray = Source.TypeArray[nLog];\n"
"           var SourceTimeArray = Source.TimeArray[nLog];\n"
"           var SourceIndexArray = Source.IndexArray[nLog];\n"
"           var Duration = DurationArrays[nLog];\n"
"           console.assert(Duration.length == SourceTypeArray.length, \"must be equal!\");\n"
"           var SplitTime = SplitArrays[nLog][i];\n"
"\n"
"           MinDelta[nLog] = SplitTime;\n"
"           if(SplitTime < SPLIT_LIMIT)\n"
"           {\n"
"               var SourceCount = SourceTypeArray.length;\n"
"               var DestTypeArray = Array();\n"
"               var DestTimeArray = Array();\n"
"               var DestIndexArray = Array();\n"
"               var RemapArray = Array(SourceCount);\n"
"               var DiscardLast = 0;\n"
"\n"
"               for(var j = 0; j < SourceCount; ++j)\n"
"               {\n"
"                   RemapArray[j] = DestTypeArray.length;\n"
"                   if(Duration[j] >= SplitTime || (SourceTypeArray[j] == 3 && 0 == DiscardLast))\n"
"                   {\n"
"                       DiscardLast = 0;\n"
"                       DestTypeArray.push(SourceTypeArray[j]);\n"
"                       DestTimeArray.push(SourceTimeArray[j]);\n"
"                       DestIndexArray.push(SourceIndexArray[j]);\n"
"                   }\n"
"                   else\n"
"                   {\n"
"                       DiscardLast = 1;\n"
"                   }\n"
"               }\n"
"               TimeArray[nLog] = DestTimeArray;\n"
"               IndexArray[nLog] = DestIndexArray;\n"
"               TypeArray[nLog] = DestTypeArray;\n"
"               for(var j = 0; j < NumFrames; ++j)\n"
"               {\n"
"                   var OldStart = SourceLogStart[j][nLog];\n"
"                   var NewStart = RemapArray[OldStart];\n"
"                   var FrameArray = DestLogStart[j];\n"
"                   FrameArray[nLog] = NewStart;\n"
"               }\n"
"           }\n"
"           else\n"
"           {\n"
"\n"
"               for(var j = 0; j < NumFrames; ++j)\n"
"               {\n"
"                   var FrameArray = DestLogStart[j];\n"
"   \n"
"                   FrameArray[nLog] = 0;\n"
"               }\n"
"\n"
"           }\n"
"\n"
"       }\n"
"       MakeLod(i+1, MinDelta, TimeArray, TypeArray, IndexArray, DestLogStart);\n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"function PreprocessGlobalArray()\n"
"{\n"
"   ProfileEnter(\"PreprocessGlobalArray\");\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   var CaptureStart = Frames[0].framestart;\n"
"   var CaptureEnd = Frames[Frames.length-1].frameend;\n"
"   g_TypeArray = new Array(nNumLogs);\n"
"   g_TimeArray = new Array(nNumLogs);\n"
"   g_IndexArray = new Array(nNumLogs);\n"
"   var StackPos = 0;\n"
"   var Stack = Array(20);\n"
"   var LogStartArray = new Array(Frames.length);\n"
"   for(var i = 0; i < Frames.length; i++)\n"
"   {\n"
"       Frames[i].LogStart = new Array(nNumLogs);   \n"
"       LogStartArray[i] = Frames[i].LogStart;\n"
"\n"
"       Frames[i].LogEnd = new Array(nNumLogs);\n"
"   }\n"
"   var MinDelta = Array(nNumLogs);\n"
"   for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"   {\n"
"       MinDelta[nLog] = 0;\n"
"       var Discard = 0;\n"
"       var TypeArray = new Array();\n"
"       var TimeArray = new Array();\n"
"       var IndexArray = new Array();\n"
"       for(var i = 0; i < Frames.length; i++)\n"
"       {\n"
"           var Frame_ = Frames[i]; \n"
"           Frame_.LogStart[nLog] = TimeArray.length;\n"
"           var FrameDiscard = Frame_.frameend + 33;//if timestamps are more than 33ms after current frame, we assume buffer has wrapped.\n"
"           var tt = Frame_.tt[nLog];\n"
"           var ts = Frame_.ts[nLog];\n"
"           var ti = Frame_.ti[nLog];\n"
"           var len = tt.length;\n"
"           var DiscardLast = 0;\n"
"           for(var xx = 0; xx < len; ++xx)\n"
"           {\n"
"               var Skip = (tt[i] == 3) ? DiscardLast : ts[xx] > FrameDiscard;\n"
"               if(Skip)\n"
"               {\n"
"                   Discard++;\n"
"                   DiscardLast = 1;\n"
"               }\n"
"               else\n"
"               {\n"
"                   DiscardLast = 0;\n"
"                   TypeArray.push(tt[xx]);\n"
"                   TimeArray.push(ts[xx]);\n"
"                   IndexArray.push(ti[xx]);\n"
"               }\n"
"           }\n"
"           Frame_.LogEnd[nLog] = TimeArray.length;\n"
"       }\n"
"       g_TypeArray[nLog] = TypeArray;\n"
"       g_TimeArray[nLog] = TimeArray;\n"
"       g_IndexArray[nLog] = IndexArray;\n"
"       if(Discard)\n"
"       {\n"
"           console.log(\'discarded \' + Discard + \' markers from \' + ThreadNames[nLog]);\n"
"       }\n"
"   }\n"
"   MakeLod(0, MinDelta, g_TimeArray, g_TypeArray, g_IndexArray, LogStartArray);\n"
"   ProfileLeave();\n"
"}\n"
"\n"
"function PreprocessFindFirstFrames()\n"
"{\n"
"   ProfileEnter(\"PreprocesFindFirstFrames\");\n"
"   //create arrays that show how far back we need to start search in order to get all markers.\n"
"   var nNumLogs = Frames[0].ts.length;\n"
"   for(var i = 0; i < Frames.length; i++)\n"
"   {\n"
"       Frames[i].FirstFrameIndex = new Array(nNumLogs);\n"
"   }\n"
"\n"
"   var StackPos = 0;\n"
"   var Stack = Array(20);\n"
"   g_MaxStack = Array(nNumLogs);\n"
"   \n"
"   for(nLog = 0; nLog < nNumLogs; nLog++)\n"
"   {\n"
"       var MaxStack = 0;\n"
"       StackPos = 0;\n"
"       for(var i = 0; i < Frames.length; i++)\n"
"       {\n"
"           var Frame_ = Frames[i];         \n"
"           var tt = Frame_.tt[nLog];\n"
"           var count = tt.length;\n"
"\n"
"           var FirstFrame = i;\n"
"           if(StackPos>0)\n"
"           {\n"
"               FirstFrame = Stack[0];\n"
"           }\n"
"           Frames[i].FirstFrameIndex[nLog] = FirstFrame;\n"
"\n"
"           for(var j = 0; j < count; j++)\n"
"           {\n"
"               var type = tt[j];\n"
"               if(type == 1)\n"
"               {\n"
"                   Stack[StackPos] = i;//store the frame which it comes from\n"
"                   StackPos++;\n"
"                   if(StackPos > MaxStack)\n"
"                   {\n"
"                       MaxStack = StackPos;\n"
"                   }\n"
"               }\n"
"               else if(type == 0)\n"
"               {\n"
"                   if(StackPos>0)\n"
"                   {\n"
"                       StackPos--;\n"
"                   }\n"
"               }\n"
"           }\n"
"       }\n"
"       g_MaxStack[nLog] = MaxStack;\n"
"   }\n"
"   ProfileLeave();\n"
"}\n"
"function PreprocessMeta()\n"
"{\n"
"   MetaLengths = Array(MetaNames.length);\n"
"   MetaLengthsAvg = Array(MetaNames.length);\n"
"   MetaLengthsMax = Array(MetaNames.length);\n"
"   for(var i = 0; i < MetaNames.length; ++i)\n"
"   {\n"
"       MetaLengths[i] = MetaNames[i].length+1;\n"
"       MetaLengthsAvg[i] = MetaNames[i].length+5;\n"
"       MetaLengthsMax[i] = MetaNames[i].length+5;\n"
"       if(MetaLengths[i]<12)\n"
"           MetaLengths[i] = 12;\n"
"       if(MetaLengthsAvg[i]<12)\n"
"           MetaLengthsAvg[i] = 12;\n"
"       if(MetaLengthsMax[i]<12)\n"
"           MetaLengthsMax[i] = 12;\n"
"   }\n"
"   for(var i = 0; i < TimerInfo.length; ++i)\n"
"   {\n"
"       var Timer = TimerInfo[i];\n"
"       for(var j = 0; j < MetaNames.length; ++j)\n"
"       {\n"
"           var Len = FormatMeta(Timer.meta[j],0).length + 2;\n"
"           var LenAvg = FormatMeta(Timer.meta[j],2).length + 2;\n"
"           var LenMax = FormatMeta(Timer.meta[j],0).length + 2;\n"
"           if(Len > MetaLengths[j])\n"
"           {\n"
"               MetaLengths[j] = Len;\n"
"           }\n"
"           if(LenAvg > MetaLengthsAvg[j])\n"
"           {\n"
"               MetaLengthsAvg[j] = LenAvg;\n"
"           }\n"
"           if(LenMax > MetaLengthsMax[j])\n"
"           {\n"
"               MetaLengthsMax[j] = LenMax;\n"
"           }\n"
"       }\n"
"   }\n"
"}\n"
"\n"
"function Preprocess()\n"
"{\n"
"   var ProfileModeOld = ProfileMode;\n"
"   ProfileMode = 1;\n"
"   ProfileModeClear();\n"
"   ProfileEnter(\"Preprocess\");\n"
"   PreprocessCalculateAllTimers();\n"
"   PreprocessFindFirstFrames();\n"
"   PreprocessGlobalArray();\n"
"   PreprocessLods();\n"
"   PreprocessMeta();\n"
"   PreprocessContextSwitchCache();\n"
"   ProfileLeave();\n"
"   ProfileModeDump();\n"
"   ProfileMode = ProfileModeOld;\n"
"   Initialized = 1;\n"
"}\n"
"\n"
"InitGroups();\n"
"ReadCookie();\n"
"MeasureFont()\n"
"InitThreadMenu();\n"
"InitGroupMenu();\n"
"InitFrameInfo();\n"
"UpdateThreadMenu();\n"
"ResizeCanvas();\n"
"Preprocess();\n"
"OnPageReady();\n"
"Draw(1);\n"
"AutoRedraw();\n"
"\n"
"</script>\n"
"</body>\n"
"</html>      ";

const size_t g_MicroProfileHtml_end_2_size = sizeof(g_MicroProfileHtml_end_2);
const char* g_MicroProfileHtml_end[] = {
&g_MicroProfileHtml_end_0[0],
&g_MicroProfileHtml_end_1[0],
&g_MicroProfileHtml_end_2[0],
};
size_t g_MicroProfileHtml_end_sizes[] = {
sizeof(g_MicroProfileHtml_end_0),
sizeof(g_MicroProfileHtml_end_1),
sizeof(g_MicroProfileHtml_end_2),
};
size_t g_MicroProfileHtml_end_count = 3;
#endif //MICROPROFILE_EMBED_HTML

///end file generated from  microprofile.html