var origSize = 1024;
    
    function changeSize(ds) {
      var obr = document.getElementById("nahled") 
      if (zoom+ds <= 150 && zoom + ds >= 30) {
        zoom += ds;
        var scaled = Math.floor(origSize * zoom/100) 
        obr.style.width =  scaled + "px";
        obr.style.height = scaled + "px"; 
      }
     document.getElementById("zoomInfo").value = zoom + " %"  
    }
   

   
   var preparates = [
    { title: "Lidský plod (9. týden) – sagitální řez, zelený trichrom",
      src_dir: "_0345a-72_",
      /*mini: { width: 256, height: 118 },*/
      mini: { width: 200, height: 92 },
      big: { width: 46788, height: 21518 },
      markers: [
       { title:"základ jazyka", x:18760, y:9710, zMin: 1, zMax: 10 },
{ title:"vestibulum oris", x:19910, y:8730, zMin: 1, zMax: 10 },
{ title:"dutina ústní", x:17450, y:9390, zMin: 1, zMax: 10 },
{ title:"dentogingivální lišta", x:18530, y:8200, zMin: 2, zMax: 10 },
{ title:"zubní primordium", x:20215, y:9040, zMin: 2, zMax: 10 },
{ title:"Meckelova chrupavka (ventrální část)", x:20605, y:9675, zMin: 1, zMax: 10 },
{ title:"osifikace mandibuly (dezmogenní)", x:20810, y:9375, zMin: 2, zMax: 10 },
{ title:"osifikace maxilly (dezmogenní)", x:17640, y:7980, zMin: 2, zMax: 10 },
{ title:"dutina nosní ", x:15585, y:7695, zMin: 1, zMax: 10 },
{ title:"epitel dýchacích cest", x:16210, y:8375, zMin: 2, zMax: 10 },
{ title:"čichový epitel", x:14230, y:8305, zMin: 2, zMax: 10 },
{ title:"patrová ploténka ", x:16270, y:11165, zMin: 1, zMax: 10 },
{ title:"glandula submandibularis", x:18690, y:13370, zMin: 1, zMax: 10 },
{ title:"Meckelova chrupavka (dorzální část)", x:17265, y:14845, zMin: 2, zMax: 10 },
{ title:"základ středoušní kůstky ", x:15760, y:16080, zMin: 2, zMax: 10 },
{ title:"nálevkovitý tvar hltanu (pharyngu)", x:15930, y:14630, zMin: 1, zMax: 10 },
{ title:"základ klíční kosti", x:21155, y:16350, zMin: 1, zMax: 2 },
{ title:"osifikující chrupavčitý základ mediální části klíční kosti", x:21080, y:15900, zMin: 5, zMax: 10 },
{ title:"krční svaly - příčně pruhované svalstvo (myotuby)", x:19470, y:16338, zMin: 2, zMax: 10 },
{ title:"mezižeberní svaly (ventrálně)", x:24740, y:13520, zMin: 2, zMax: 10 },
{ title:"chrupavčité základy žeber (dorzálně)", x:29200, y:19170, zMin: 1, zMax: 10 },
{ title:"mezižeberní svaly (dorzálně)", x:27410, y:18560, zMin: 2, zMax: 10 },
{ title:"musculus pectoralis", x:23190, y:14110, zMin: 2, zMax: 10 },
{ title:"chrupavčitý základ lopatky", x:24640, y:19530, zMin: 1, zMax: 10 },
{ title:"dorzální zádové svaly", x:27700, y:19650, zMin: 2, zMax: 10 },
{ title:"perikardová dutina", x:27060, y:13120, zMin: 1, zMax: 10 },
{ title:"srdeční předsíň", x:26615, y:13755, zMin: 1, zMax: 10 },
{ title:"plicní lalok", x:28260, y:15935, zMin: 1, zMax: 10 },
{ title:"větvení bronchů", x:28315, y:16800, zMin: 2, zMax: 10 },
{ title:"epitelová výstelka bronchů", x:28260, y:16975, zMin: 2, zMax: 10 },
{ title:"mezenchym", x:27120, y:17030, zMin: 2, zMax: 10 },
{ title:"viscerální pleura", x:27810, y:17995, zMin: 1, zMax: 10 },
{ title:"parietální pleura", x:23710, y:15410, zMin: 1, zMax: 10 },
{ title:"pleurální dutina", x:24870, y:14865, zMin: 1, zMax: 10 },
{ title:"bránice", x:28265, y:14855, zMin: 1, zMax: 10 },
{ title:"přední břišní stěna", x:29240, y:9810, zMin: 1, zMax: 10 },
{ title:"trámce hepatocytů", x:32610, y:9763, zMin: 2, zMax: 10 },
{ title:"střevní kličky", x:39605, y:6660, zMin: 1, zMax: 10 },
{ title:"mezenterium s cévami", x:38415, y:5980, zMin: 1, zMax: 10 },
{ title:"pupečník s cévami", x:39920, y:2745, zMin: 1, zMax: 10 },
{ title:"hlavice kosti stehenní", x:42770, y:11430, zMin: 1, zMax: 10 },
{ title:"jamka (acetabulum) kosti pánevní", x:42280, y:11860, zMin: 1, zMax: 10 },
{ title:"svaly pánevního dna", x:39610, y:10860, zMin: 1, zMax: 10 },
{ title:"hýžďové svaly", x:44510, y:12690, zMin: 1, zMax: 10 },
{ title:"svaly stehna – musculi femoris", x:42660, y:9730, zMin: 1, zMax: 10 },
{ title:"střevní klička", x:37820, y:11140, zMin: 1, zMax: 10 },
{ title:"telencephalon", x:7010, y:8140, zMin: 1, zMax: 10 },
{ title:"laterální mozková komora", x:4540, y:11500, zMin: 1, zMax: 10 },
{ title:"rhombencephalon se 4. mozkovou komorou", x:10310, y:15030, zMin: 1, zMax: 10 },
{ title:"plexus choroideus", x:11710, y:16330, zMin: 1, zMax: 10 },
{ title:"dezmokranium", x:3520, y:14000, zMin: 1, zMax: 10 },
{ title:"chondrokranium", x:13250, y:11330, zMin: 1, zMax: 10 },
{ title:"ductus cochlearis", x:13610, y:14050, zMin: 2, zMax: 10 },
{ title:"ductus semicircularis ", x:13750, y:15660, zMin: 2, zMax: 10 },
{ title:"ductus semicircularis ", x:13300, y:17310, zMin: 2, zMax: 10 },
{ title:"ganglion n. VIII.", x:13280, y:14740, zMin: 2, zMax: 10 },
{ title:"capsula otica", x:14830, y:16820, zMin: 2, zMax: 10 },
{ title:"horní ret", x:19380, y:7705, zMin: 1, zMax: 10 },
{ title:"dolní ret", x:20230, y:8220, zMin: 1, zMax: 10 },
{ title:"základ zubu - stádium zubního pupenu", x:18330, y:8400, zMin: 5, zMax: 10 },
{ title:"základ vnitřního ucha", x:14310, y:15500, zMin: 1, zMax: 1 },
{ title:"objemný základ jater", x:31750, y:12340, zMin: 1, zMax: 10 },
{ title:"chrupavčité základy žeber (ventrálně)", x:27385, y:11315, zMin: 1, zMax: 10 },
{ title:"přední hrudní stěna", x:23730, y:13220, zMin: 1, zMax: 10 }



      ]
     }
     ,
    { title: "Lidský plod (9. týden) – sagitální řez, TRIPARS",
      src_dir: "_3549a-121_",
      /* mini: { width: 256, height: 94 }, */
      mini: { width: 200, height: 73 },
      big: { width: 48813, height: 18023 },
      markers: [
      { title:"prosencephalon", x:7315, y:5775, zMin: 1, zMax: 10 },
{ title:"laterální mozková komora", x:5390, y:7310, zMin: 1, zMax: 10 },
{ title:"rhombencephalon ", x:9840, y:10090, zMin: 1, zMax: 10 },
{ title:"primordium mozečku", x:9370, y:11845, zMin: 1, zMax: 10 },
{ title:"plexus choroideus", x:11600, y:13080, zMin: 1, zMax: 10 },
{ title:"dezmokranium", x:1820, y:9610, zMin: 1, zMax: 10 },
{ title:"chondrokranium", x:15910, y:10540, zMin: 1, zMax: 10 },
{ title:"atlas", x:17965, y:12480, zMin: 1, zMax: 10 },
{ title:"sella turcica", x:13645, y:8035, zMin: 2, zMax: 10 },
{ title:"dutina Rathkeho váčku", x:12690, y:8175, zMin: 2, zMax: 10 },
{ title:"adenohypofýza", x:12870, y:7860, zMin: 1, zMax: 10 },
{ title:"horní víčko", x:13700, y:3550, zMin: 2, zMax: 10 },
{ title:"dolní víčko", x:15075, y:3515, zMin: 2, zMax: 10 },
{ title:"základ rohovky", x:14540, y:3670, zMin: 2, zMax: 10 },
{ title:"přední epitel rohovky", x:15202, y:3822, zMin: 2, zMax: 10 },
{ title:"pigmentová vrstva sítnice", x:15060, y:4810, zMin: 2, zMax: 10 },
{ title:"skléra", x:15410, y:4576, zMin: 2, zMax: 10 },
{ title:"zrakový nerv - část", x:12850, y:6722, zMin: 2, zMax: 10 },
{ title:"orbita", x:12492, y:6348, zMin: 2, zMax: 10 },
{ title:"4. mozková komora", x:10725, y:10815, zMin: 1, zMax: 10 },
{ title:"horní ret", x:18215, y:4830, zMin: 1, zMax: 10 },
{ title:"dolní ret", x:19025, y:5320, zMin: 1, zMax: 10 },
{ title:"objemný základ jazyka", x:17430, y:7860, zMin: 2, zMax: 10 },
{ title:"vysoký epitel na dorzální straně jazyka", x:17538, y:8776, zMin: 2, zMax: 10 },
{ title:"dutina ústní", x:17500, y:6610, zMin: 1, zMax: 10 },
{ title:"dentogingivální lišta", x:17755, y:5290, zMin: 2, zMax: 10 },
{ title:"základ zubu ve stádiu zubního pupenu", x:17335, y:5515, zMin: 2, zMax: 10 },
{ title:"zubní papila", x:18688, y:6216, zMin: 2, zMax: 10 },
{ title:"Meckelova chrupavka", x:19065, y:6795, zMin: 1, zMax: 10 },
{ title:"osifikace mandibuly (dezmogenní)", x:20105, y:6530, zMin: 2, zMax: 10 },
{ title:"osifikace maxilly (dezmogenní) ", x:16760, y:5090, zMin: 2, zMax: 10 },
{ title:"osifikace maxilly (dezmogenní) ", x:15465, y:6535, zMin: 2, zMax: 10 },
{ title:"patro", x:17245, y:6200, zMin: 1, zMax: 10 },
{ title:"uvula (čípek)", x:16505, y:7385, zMin: 1, zMax: 10 },
{ title:"glandula sublingualis", x:18926, y:7588, zMin: 2, zMax: 10 },
{ title:"epiglottis", x:17510, y:9500, zMin: 1, zMax: 10 },
{ title:"pharynx", x:16120, y:8955, zMin: 1, zMax: 10 },
{ title:"larynx", x:18355, y:9760, zMin: 1, zMax: 10 },
{ title:"cartilago thyroidea", x:19410, y:8845, zMin: 1, zMax: 10 },
{ title:"cartilago cricoidea", x:20370, y:10475, zMin: 1, zMax: 10 },
{ title:"štítná žláza", x:21345, y:10900, zMin: 1, zMax: 10 },
{ title:"jícen", x:18545, y:10630, zMin: 1, zMax: 10 },
{ title:"mediastinum", x:22190, y:11215, zMin: 1, zMax: 10 },
{ title:"thymus", x:23930, y:9930, zMin: 1, zMax: 10 },
{ title:"chrupavčitý základ hrudní kosti", x:22155, y:9200, zMin: 1, zMax: 10 },
{ title:"chrupavčité základy žeber (ventrálně)", x:25045, y:7285, zMin: 1, zMax: 10 },
{ title:"chrupavčité základy žeber (dorzálně)", x:26580, y:14615, zMin: 1, zMax: 10 },
{ title:"přední hrudní stěna", x:24465, y:6675, zMin: 1, zMax: 10 },
{ title:"základ zubu ve stádiu zubního pohárku", x:18515, y:6350, zMin: 2, zMax: 10 },
{ title:"část nervové vrstvy sítnice", x:14470, y:4265, zMin: 2, zMax: 10 },
{ title:"cévnatka", x:14450, y:5130, zMin: 2, zMax: 10 },
{ title:"perikardová dutina", x:25385, y:10135, zMin: 1, zMax: 10 },
{ title:"vena cava superior", x:25095, y:11005, zMin: 1, zMax: 10 },
{ title:"základ trojcípé chlopně", x:27900, y:10420, zMin: 1, zMax: 10 },
{ title:"pravá síň", x:27525, y:10785, zMin: 1, zMax: 10 },
{ title:"pravá komora", x:27445, y:9135, zMin: 1, zMax: 10 },
{ title:"levá síň", x:25635, y:9445, zMin: 1, zMax: 10 },
{ title:"levá komora", x:26625, y:7935, zMin: 1, zMax: 10 },
{ title:"myokard", x:26200, y:8730, zMin: 2, zMax: 10 },
{ title:"přední břišní stěna", x:31935, y:3385, zMin: 1, zMax: 10 },
{ title:"část pupečníku s cévami", x:37150, y:3390, zMin: 1, zMax: 10 },
{ title:"základ jater", x:30070, y:5900, zMin: 1, zMax: 10 },
{ title:"část jater", x:39210, y:6940, zMin: 1, zMax: 10 },
{ title:"větvení bronchů", x:29350, y:11775, zMin: 1, zMax: 10 },
{ title:"epitelová výstelka bronchů", x:31110, y:12894, zMin: 2, zMax: 10 },
{ title:"mezenchym", x:29960, y:13590, zMin: 2, zMax: 10 },
{ title:"viscerální pleura", x:31550, y:11920, zMin: 1, zMax: 10 },
{ title:"parietální pleura", x:25575, y:13870, zMin: 1, zMax: 10 },
{ title:"pleurální dutina", x:28250, y:14165, zMin: 2, zMax: 10 },
{ title:"bránice", x:29350, y:9835, zMin: 1, zMax: 10 },
{ title:"dorzální zádové svaly", x:28810, y:15435, zMin: 1, zMax: 10 },
{ title:"žaludek", x:35435, y:6965, zMin: 1, zMax: 10 },
{ title:"luminizované tubuly pankreatu", x:36660, y:7415, zMin: 2, zMax: 10 },
{ title:"mezenchym", x:37465, y:7880, zMin: 2, zMax: 10 },
{ title:"tenké střevo", x:39780, y:6390, zMin: 1, zMax: 10 },
{ title:"mezenterium", x:38815, y:6195, zMin: 2, zMax: 10 },
{ title:"tlusté střevo", x:36950, y:5085, zMin: 1, zMax: 10 },
{ title:"mezokolon", x:36740, y:5415, zMin: 2, zMax: 10 },
{ title:"nadledvina", x:35330, y:10730, zMin: 1, zMax: 10 },
{ title:"ledvinné tělísko", x:39564, y:10040, zMin: 2, zMax: 10 },
{ title:"sběrací kanálek", x:39468, y:9034, zMin: 2, zMax: 10 },
{ title:"lobulus renis", x:39080, y:10172, zMin: 2, zMax: 10 },
{ title:"dřeň ledviny", x:38462, y:10234, zMin: 5, zMax: 10 },
{ title:"kůra ledviny", x:39096, y:10470, zMin: 5, zMax: 10 },
{ title:"močový kanálek (tubulus renis)", x:39684, y:9636, zMin: 5, zMax: 10 },
{ title:"ledvinná pánvička", x:38490, y:9810, zMin: 2, zMax: 10 },
{ title:"mezonefros", x:40332, y:8048, zMin: 1, zMax: 10 },
{ title:"zanikající glomerulus", x:40624, y:7760, zMin: 2, zMax: 10 },
{ title:"kanálky mezonefros", x:40834, y:7572, zMin: 2, zMax: 10 },
{ title:"ovarium", x:39884, y:7442, zMin: 1, zMax: 10 },
{ title:"coelomový epitel", x:40078, y:7200, zMin: 2, zMax: 10 },
{ title:"plica genitalis", x:41114, y:6544, zMin: 2, zMax: 10 },
{ title:"Müllerův vývod ", x:41210, y:6700, zMin: 2, zMax: 10 },
{ title:"pohlavní hrbolek", x:43185, y:2840, zMin: 1, zMax: 10 },
{ title:"orificium urogenitale", x:44005, y:3725, zMin: 1, zMax: 10 },
{ title:"základ kosti křížové", x:43905, y:7605, zMin: 1, zMax: 10 },
{ title:"část kostrče", x:46775, y:4920, zMin: 1, zMax: 10 },
{ title:"část kosti stydké", x:42130, y:5065, zMin: 1, zMax: 10 },
{ title:"vegetativní ganglia", x:44310, y:6615, zMin: 1, zMax: 10 },
{ title:"základ oka", x:14050, y:4380, zMin: 1, zMax: 1 },
{ title:"vestibulum oris", x:18725, y:5710, zMin: 1, zMax: 10 },
{ title:"základ plic", x:28140, y:12440, zMin: 1, zMax: 1 },
{ title:"pankreas", x:36680, y:7610, zMin: 1, zMax: 1 },
{ title:"definitivní ledvina", x:39150, y:9880, zMin: 1, zMax: 1 }


      
      ] 
     }
     ,
     { title: "Lidský plod (9. týden) – sagitální řez, TRIPARS",
      src_dir: "_3549a-139_",
      /*mini: { width: 256, height: 94 }, */
      mini: { width: 200, height: 73 },
      big: { width: 47081, height: 17207 },
      markers: [
      { title:"prosencephalon", x:7020, y:6520, zMin: 1, zMax: 10 },
{ title:"laterální mozková komora", x:3990, y:7700, zMin: 1, zMax: 10 },
{ title:"mesencephalon", x:7070, y:10210, zMin: 1, zMax: 10 },
{ title:"aqueductus Sylvii", x:6990, y:11040, zMin: 1, zMax: 10 },
{ title:"primordium mozečku", x:8810, y:11990, zMin: 1, zMax: 10 },
{ title:"rhombencephalon", x:12750, y:11030, zMin: 1, zMax: 10 },
{ title:"zadní roh postranní komory", x:6360, y:12330, zMin: 1, zMax: 10 },
{ title:"4. mozková komora", x:10840, y:10650, zMin: 1, zMax: 10 },
{ title:"plexus choroideus", x:11530, y:13500, zMin: 1, zMax: 10 },
{ title:"dezmokranium", x:1560, y:9410, zMin: 1, zMax: 10 },
{ title:"chondrokranium", x:16340, y:10640, zMin: 1, zMax: 10 },
{ title:"oční víčko", x:15075, y:2885, zMin: 1, zMax: 10 },
{ title:"čočka ", x:13775, y:3560, zMin: 1, zMax: 2 },
{ title:"rohovka", x:13605, y:2825, zMin: 1, zMax: 10 },
{ title:"duhovka", x:13325, y:3150, zMin: 2, zMax: 10 },
{ title:"nervová vrstva sítnice", x:14900, y:3765, zMin: 1, zMax: 10 },
{ title:"intraretinální prostor", x:15025, y:4105, zMin: 1, zMax: 10 },
{ title:"pigmentová vrstva sítnice", x:14905, y:4535, zMin: 1, zMax: 10 },
{ title:"bělima ", x:15180, y:3315, zMin: 2, zMax: 10 },
{ title:"zrakový nerv", x:13630, y:5245, zMin: 1, zMax: 10 },
{ title:"základ okohybných svalů", x:12380, y:5335, zMin: 2, zMax: 10 },
{ title:"část dutiny ústní", x:17090, y:5410, zMin: 1, zMax: 10 },
{ title:"Meckelova chrupavka", x:18010, y:6760, zMin: 1, zMax: 10 },
{ title:"osifikace dolní čelisti (dezmogenní)", x:18745, y:5960, zMin: 2, zMax: 10 },
{ title:"glandula submandibularis", x:18760, y:7610, zMin: 1, zMax: 10 },
{ title:"hltan", x:16265, y:8600, zMin: 1, zMax: 10 },
{ title:"hrtan", x:18205, y:9390, zMin: 1, zMax: 10 },
{ title:"základ jazylky", x:19105, y:8480, zMin: 2, zMax: 10 },
{ title:"chrupavka štítná", x:19685, y:8840, zMin: 1, zMax: 10 },
{ title:"chrupavka prstencová", x:20645, y:9615, zMin: 2, zMax: 10 },
{ title:"chrupavka prstencová", x:20040, y:10545, zMin: 1, zMax: 10 },
{ title:"štítná žláza", x:21330, y:9310, zMin: 1, zMax: 10 },
{ title:"chrupavčité prstence trachey", x:23165, y:10850, zMin: 2, zMax: 10 },
{ title:"jícen", x:19950, y:11175, zMin: 1, zMax: 10 },
{ title:"mediastinum", x:22705, y:9250, zMin: 2, zMax: 10 },
{ title:"thymus", x:23960, y:9440, zMin: 1, zMax: 10 },
{ title:"bronchy", x:28950, y:11505, zMin: 1, zMax: 10 },
{ title:"mezenchym", x:29730, y:12295, zMin: 2, zMax: 10 },
{ title:"plicní lalok", x:31120, y:10880, zMin: 1, zMax: 10 },
{ title:"vena cava inferior", x:29410, y:9570, zMin: 1, zMax: 10 },
{ title:"pravá síň", x:28575, y:8215, zMin: 1, zMax: 10 },
{ title:"poloměsíčité chlopně", x:28125, y:8845, zMin: 1, zMax: 10 },
{ title:"základ srdeční komory", x:25725, y:7655, zMin: 1, zMax: 10 },
{ title:"aorta", x:25275, y:9395, zMin: 1, zMax: 10 },
{ title:"levá síň", x:24105, y:7830, zMin: 1, zMax: 10 },
{ title:"perikardová dutina", x:26225, y:5025, zMin: 1, zMax: 10 },
{ title:"bránice", x:28150, y:6335, zMin: 1, zMax: 10 },
{ title:"plicní véna", x:28880, y:10475, zMin: 1, zMax: 10 },
{ title:"plicní arterie", x:26770, y:10205, zMin: 1, zMax: 10 },
{ title:"základ jater", x:31530, y:6160, zMin: 1, zMax: 10 },
{ title:"chrupavčité základy žeber", x:27140, y:3770, zMin: 1, zMax: 10 },
{ title:"chrupavčité základy obratlových těl", x:30280, y:14200, zMin: 1, zMax: 10 },
{ title:"žaludek", x:34810, y:5080, zMin: 1, zMax: 10 },
{ title:"mezenterium", x:37090, y:6050, zMin: 2, zMax: 10 },
{ title:"tlusté střevo", x:37065, y:3285, zMin: 1, zMax: 10 },
{ title:"mezokolon", x:36785, y:3810, zMin: 2, zMax: 10 },
{ title:"základ pankreatu", x:35755, y:5855, zMin: 1, zMax: 10 },
{ title:"luminizované tubuly ", x:35840, y:5565, zMin: 2, zMax: 10 },
{ title:"nadledvina", x:35230, y:9585, zMin: 1, zMax: 10 },
{ title:"definitivní ledvina", x:37585, y:8510, zMin: 1, zMax: 10 },
{ title:"močový měchýř", x:40230, y:3160, zMin: 1, zMax: 10 },
{ title:"arteria umbilicalis", x:38330, y:2950, zMin: 1, zMax: 10 },
{ title:"základ konečníku", x:41505, y:4225, zMin: 1, zMax: 10 },
{ title:"kostrč", x:45705, y:1850, zMin: 1, zMax: 10 },
{ title:"tenké střevo", x:38245, y:4490, zMin: 1, zMax: 10 },
{ title:"zubní primordium", x:16165, y:5700, zMin: 2, zMax: 10 },
{ title:"trachea", x:21730, y:10120, zMin: 1, zMax: 10 },
{ title:"sklivec s cévami", x:13380, y:4480, zMin: 2, zMax: 10 },
{ title:"přední epitel čočky", x:13830, y:3124, zMin: 5, zMax: 10 },
{ title:"vlákna čočky", x:13672, y:3652, zMin: 5, zMax: 10 },
{ title:"zubní primordium", x:16650, y:5206, zMin: 2, zMax: 10 },
{ title:"dentální lišta", x:16950, y:5034, zMin: 1, zMax: 10 },
{ title:"osteocyty", x:18826, y:6498, zMin: 5, zMax: 10 },
{ title:"omentum majus", x:36210, y:4040, zMin: 2, zMax: 10 },
{ title:"omentum minus", x:34555, y:5860, zMin: 2, zMax: 10 },
{ title:"ligamentum hepatogastricum", x:34192, y:6186, zMin: 2, zMax: 10 },
{ title:"trámce hepatocytů", x:31886, y:7406, zMin: 2, zMax: 10 },
{ title:"hematopoetické krevní buňky", x:33278, y:8540, zMin: 2, zMax: 10 }


      
      ] 
     }
    ,
     { title: "Lidský plod (9. týden) – sagitální řez, modrý AZAN",
      src_dir: "_3549a-152_",
      /* mini: { width: 256, height: 132 }, */
      mini: { width: 200, height: 103 },
      big: { width: 45476, height: 23480 },
      markers: [
      { title:"desmogenní osifikace klenby lební", x:10740, y:2990, zMin: 1, zMax: 10 },
{ title:"chondrokranium", x:11380, y:5910, zMin: 1, zMax: 10 },
{ title:"dezmokranium", x:5980, y:12780, zMin: 1, zMax: 10 },
{ title:"telencephalon", x:5930, y:4760, zMin: 1, zMax: 10 },
{ title:"postranní mozková komora", x:4980, y:5960, zMin: 1, zMax: 10 },
{ title:"mesencephalon", x:7110, y:8290, zMin: 1, zMax: 10 },
{ title:"zadní roh postranní komory", x:3910, y:9760, zMin: 1, zMax: 10 },
{ title:"primordium mozečku", x:6490, y:11200, zMin: 1, zMax: 10 },
{ title:"4. mozková komora", x:7730, y:9970, zMin: 1, zMax: 10 },
{ title:"rhombencephalon", x:10910, y:11350, zMin: 1, zMax: 10 },
{ title:"plexus choroideus", x:9230, y:12600, zMin: 1, zMax: 10 },
{ title:"část vnitřního ucha", x:13520, y:9960, zMin: 1, zMax: 10 },
{ title:"capsula otica", x:13365, y:10525, zMin: 1, zMax: 10 },
{ title:"dezmogenní osifikace mandibuly", x:16520, y:8480, zMin: 1, zMax: 10 },
{ title:"Meckelova chrupavka", x:16365, y:9425, zMin: 1, zMax: 10 },
{ title:"glandula submandibularis", x:17695, y:10600, zMin: 1, zMax: 10 },
{ title:"čočka", x:14425, y:4845, zMin: 1, zMax: 10 },
{ title:"rohovka", x:15022, y:4286, zMin: 1, zMax: 10 },
{ title:"zadní epitel rohovky", x:15100, y:4388, zMin: 5, zMax: 10 },
{ title:"duhovka (iris)", x:15202, y:4582, zMin: 2, zMax: 10 },
{ title:"oční víčko", x:15902, y:4948, zMin: 1, zMax: 10 },
{ title:"pigmentová vrstva sítnice", x:15636, y:5556, zMin: 1, zMax: 10 },
{ title:"cévnatka", x:13644, y:4307, zMin: 2, zMax: 10 },
{ title:"skléra ", x:13014, y:4430, zMin: 2, zMax: 10 },
{ title:"sklivec s cévami", x:13912, y:5758, zMin: 2, zMax: 10 },
{ title:"základy okohybných svalů", x:13330, y:6885, zMin: 1, zMax: 10 },
{ title:"hltan (pharynx)", x:16675, y:12290, zMin: 1, zMax: 10 },
{ title:"hrtanová chrupavka", x:17865, y:12785, zMin: 1, zMax: 10 },
{ title:"trámce buněk štítné žlázy", x:18960, y:13205, zMin: 2, zMax: 10 },
{ title:"trachea", x:19990, y:14515, zMin: 1, zMax: 10 },
{ title:"chrupavčité prstence trachey", x:21810, y:15785, zMin: 2, zMax: 10 },
{ title:"epitelová výstelka trachey", x:20625, y:15020, zMin: 2, zMax: 10 },
{ title:"jícen", x:17540, y:14165, zMin: 1, zMax: 10 },
{ title:"epitelová výstelka s vakuolizací", x:18985, y:15170, zMin: 2, zMax: 10 },
{ title:"vazivo jícnu", x:17615, y:14460, zMin: 2, zMax: 10 },
{ title:"svalovina jícnu", x:17975, y:14865, zMin: 2, zMax: 10 },
{ title:"mediastinum s cévami", x:20680, y:13525, zMin: 1, zMax: 10 },
{ title:"základ meziobratlové ploténky", x:16458, y:15342, zMin: 1, zMax: 10 },
{ title:"základ těla obratle", x:15580, y:14375, zMin: 1, zMax: 10 },
{ title:"bránice", x:26920, y:12865, zMin: 1, zMax: 10 },
{ title:"základ žeber", x:24950, y:10705, zMin: 1, zMax: 10 },
{ title:"musculus pectoralis", x:23055, y:10655, zMin: 2, zMax: 10 },
{ title:"základ jater", x:29610, y:13890, zMin: 1, zMax: 10 },
{ title:"epitel žaludku", x:34798, y:15518, zMin: 2, zMax: 10 },
{ title:"vazivo žaludku", x:33770, y:15580, zMin: 2, zMax: 10 },
{ title:"2-vrstevná svalovina žaludku", x:34070, y:14560, zMin: 2, zMax: 10 },
{ title:"základ pankreatu", x:34780, y:16240, zMin: 1, zMax: 10 },
{ title:"aorta", x:35975, y:17845, zMin: 1, zMax: 10 },
{ title:"paraaortální ganglia", x:35570, y:17480, zMin: 1, zMax: 10 },
{ title:"ovarium", x:38070, y:16555, zMin: 1, zMax: 10 },
{ title:"plica genitalis", x:38830, y:16030, zMin: 2, zMax: 10 },
{ title:"Mullerův vývod", x:39175, y:16260, zMin: 2, zMax: 10 },
{ title:"břišní svaly", x:36210, y:12866, zMin: 1, zMax: 10 },
{ title:"autonomní ganglia", x:31885, y:19675, zMin: 1, zMax: 10 },
{ title:"míšní ganglia", x:35905, y:20385, zMin: 1, zMax: 10 },
{ title:"šedá hmota míšní", x:43135, y:18885, zMin: 2, zMax: 10 },
{ title:"bílá hmota míšní", x:43030, y:18290, zMin: 2, zMax: 10 },
{ title:"peritoneum", x:36945, y:13625, zMin: 1, zMax: 10 },
{ title:"intrapulmonální bronchy", x:26480, y:18165, zMin: 2, zMax: 10 },
{ title:"mezenchym", x:25570, y:19045, zMin: 2, zMax: 10 },
{ title:"pleurální dutina", x:24365, y:19795, zMin: 1, zMax: 10 },
{ title:"viscerální pleura", x:28980, y:18460, zMin: 2, zMax: 10 },
{ title:"levá komora", x:24930, y:13180, zMin: 1, zMax: 10 },
{ title:"aorta", x:23255, y:14535, zMin: 1, zMax: 10 },
{ title:"poloměsíčité chlopně ", x:23410, y:13940, zMin: 1, zMax: 10 },
{ title:"levá síň", x:23025, y:12690, zMin: 1, zMax: 10 },
{ title:"část pravé komory", x:24790, y:14730, zMin: 1, zMax: 10 },
{ title:"pravá síň", x:25755, y:15480, zMin: 1, zMax: 10 },
{ title:"perikardová dutina", x:26320, y:16080, zMin: 1, zMax: 10 },
{ title:"nervová vrstva sítnice", x:14710, y:6270, zMin: 1, zMax: 10 },
{ title:"intraretinální prostor", x:15360, y:6025, zMin: 2, zMax: 10 },
{ title:"přední epitel čočky", x:14456, y:4392, zMin: 5, zMax: 10 },
{ title:"štítná žláza", x:19010, y:13590, zMin: 1, zMax: 1 },
{ title:"základ plic", x:26120, y:18600, zMin: 1, zMax: 1 },
{ title:"žaludek", x:34070, y:14900, zMin: 1, zMax: 1 },
{ title:"tlusté střevo", x:36680, y:14495, zMin: 1, zMax: 10 },
{ title:"tlusté střevo", x:37720, y:15580, zMin: 2, zMax: 10 },
{ title:"mezokolon", x:36250, y:15075, zMin: 2, zMax: 10 },
{ title:"mezenchym s bohatou vaskularizací", x:18918, y:13646, zMin: 2, zMax: 10 },
{ title:"dezmogenní osifikace maxily", x:16090, y:7005, zMin: 2, zMax: 10 }


      ] 
     }
     
   ]
      
   function generateGrid(zoomLevel) { 
      var grid = document.getElementById("imgGrid" + zoomLevel);   //alert(grid)
      var zoomSf = zoomLevel/100;
      
      grid.innerHTML = "<img alt=\"nahled dlazdice preparatu\" class=\"nahled\" />";
      var imgBase= "pics/" + src_dir + "/" + zoomLevel; 
      
      var nahled = grid.querySelector(".nahled");
      nahled.src = "pics/" + src_dir + "/mini.jpg";
      nahled.setAttribute("width", img_width * zoomSf);
      nahled.setAttribute("height", img_height* zoomSf);
      //code = code.replace("{dir}", src_dir)
      //code = code.replace("{w}", tile_width)
      //code = code.replace("{h}", tile_height)
        
      var hcount = Math.ceil(img_width*zoomSf/tile_width)
      var vcount = Math.ceil(img_height*zoomSf/tile_height)
      
      //var vystup = ""
      for (var i = 0; i < hcount; i++) {
        for (var j = 0; j < vcount; j++) {
          
          var tile = document.createElement("div");
          tile.setAttribute("id", "tile" + zoomLevel +"_" + i + "_" + j)
          tile.className = "tile";
          //tile.style.backgroundColor = "rgb(" + Math.floor(255*Math.random()) + "," + Math.floor(255*Math.random()) + "," + Math.floor(255*Math.random()) + ")"
          
          
          tile.style.left = i*tile_width + "px"
          tile.style.top = j*tile_height + "px"
          
          tile.style.width = Math.min(img_width*zoomSf - i*tile_width, tile_width) + "px"
          tile.style.height = Math.min(img_height*zoomSf - j*tile_height, tile_height) + "px"
          
          grid.appendChild(tile)
        }
      }
    
    // value = vystup;
    }  
  
 
   
   function getMiniCoords(evt) {
     var rect = evt.target.getBoundingClientRect()
     
     var mouseX = Math.round( evt.clientX - rect.left )
     var mouseY = Math.round( evt.clientY - rect.top )
     
     miniCoords.x = mouseX;
     miniCoords.y = mouseY;
     
     //var div = document.getElementById("coords");
     //div.innerHTML = mouseX + ", " + mouseY
     //div.style.left = mouseX + "px";
     //div.style.top = (mouseY -30) + "px";  
   }
  
  function getCoords(evt ) {
   var rect = evt.target.getBoundingClientRect()
     
     var mouseX = Math.round( evt.clientX - rect.left )
     var mouseY = Math.round( evt.clientY - rect.top )
     
     //coords.x = mouseX;
     //coords.y = mouseY;
    /* 
      var div = document.getElementById("bigcoords");
     div.innerHTML = mouseX + ", " + mouseY
     div.style.left = (mouseX + 30) + "px";
     div.style.top = (mouseY -30) + "px";
     */
    //document.getElementById("coords").innerHTML = pozice.X + ", " +  pozice.Y
    //document.getElementById("coords").innerHTML = element.style.left + ", " +  element.style.top
  
  }
  
  var casovac; 
  function getImgCoords(evt ) {  
  var element = document.querySelector("#imgGrid")
  var el = evt.target
    //document.getElementById("coords").innerHTML = element.style.left + ", " +  element.style.top
    //document.getElementById("coords").innerHTML = el.scrollLeft + ", " +  el.scrollTop
    clearTimeout(casovac);
    casovac = setTimeout(updateView,50);
    
  
  }
 
 var currentTiles = [ [0,0] ];
 var viewport = { width: 960, height: 600 }
 var mini_width;
 var mini_height;
 var mini_x = 0;
 var mini_y = 0;
 var sf; //faktor zvetseni sirka velkeho obrazku/sirka miniatury

 var zoom = 10;
 var miniCoords = { x: 0, y: 0 }; 
 var img_width
 var img_height
      
 var tile_width = 1024;
 var tile_height = 1024;
 
 var src_dir;
 
 var miniview; 

 var actualPrep = null;
 
 function showPreparate(index) {
  showSection("preps")
  
  var prep = preparates[index];
  
  actualPrep = prep;
  
  document.getElementById("prep_title").innerHTML = prep.title
  
  src_dir = prep.src_dir;
  
  mini_width = prep.mini.width;
  mini_height = prep.mini.height;
  
  img_width = prep.big.width;
  img_height = prep.big.height; 
  
  sf = mini_width/img_width*100/zoom;
  var mini = document.querySelector(".minimap img")
  mini.src =  "pics/" + src_dir + "/mini.jpg"
  mini.style.height = mini_height + "px"
  mini.style.width = mini_width + "px"
  mini.parentNode.style.height = mini_height + "px"
  mini.parentNode.style.width = mini_width + "px"
  
  generateGrid(100);
  generateGrid(50);
  generateGrid(20);
  generateGrid(10);
   var el = document.querySelector(".preparat");
   el.scrollLeft = 500;
   el.scrollTop = 500; 
  
  showMarkers();
  setZoom(zoom);
  updateView()  
 }
    
function updateView() {
   
   
   
   //alert("Update");
   clearTimeout(casovac);
   
   var el = document.querySelector(".preparat")
   var scrollX = el.scrollLeft 
   var scrollY = el.scrollTop
   
   miniview.style.left = Math.ceil(scrollX*sf) - 3 + "px" 
   miniview.style.top = Math.ceil(scrollY*sf) - 3 + "px"
   
   var cx = Math.floor(scrollX/tile_width);
   var cy = Math.floor(scrollY/tile_height);
   
   var dx = scrollX - cx* tile_width;
   var dy = scrollY - cy* tile_height;
   
   clearCurrentTiles()
   //currentTiles = [] 
   var i = 0
   while ( i*tile_width - dx < viewport.width) {
     
     var j =0;
     while (j*tile_height - dy < viewport.height) {
       currentTiles.push([ cy+j, cx+i ])
       var col = (cx+i<10) ? "0" + (cx+i) : "" + (cx+i)
       var row = (cy+j<10) ? "0" + (cy+j) : "" + (cy+j)
       var tile = document.getElementById("tile" + zoom + "_" + (cx+i) + "_" + (cy+j))
       tile.style.backgroundImage = "url('pics/" + src_dir + "/" +  zoom + "/tile" + row + "_" + col + ".jpg')";
       //tile.style.backgroundRepeat = "no-repeat";
       j++;
     }
     i++;
   }
    
}

function updateFromMini(evt) {
   getMiniCoords(evt);
   var el = document.querySelector(".preparat")
   el.scrollLeft = Math.round(miniCoords.x/sf - viewport.width /2) 
   el.scrollTop = Math.round(miniCoords.y/sf - viewport.height/2)
   
   updateView()
   /*
   miniview.style.left = Math.ceil(scrollX*sf) + "px" 
   miniview.style.top = Math.ceil(scrollY*sf) + "px" 
   */
}

  
  function clearCurrentTiles() {
    for (var i = 0; i < currentTiles.length; i++) {
    //alert("cistim " + currentTiles[i])
    //document.getElementById("coords").innerHTML = currentTiles
      var tile = document.getElementById("tile_" + currentTiles[i][0] + "_" + currentTiles[i][1])
       //
       if (tile) tile.style.background = "transparent"; 
       
    }
    currentTiles = [];
  }
  
  function afterStop( element ) {
  // var obr = document.getElementById("imgGrid");
  //alert(element.nodeName)
    //document.getElementById("coords").innerHTML = pozice.X + ", " +  pozice.Y
    //document.getElementById("coords").innerHTML = element.style.left + ", " +  element.style.top
   updateView()
  }
  
  function setZoom(zl) {
    //if (zl == zoom) return;
    
    document.querySelector("#imgGrid" + zoom).style.display = "none";
    document.querySelector("#imgGrid" + zl).style.display = "block";
    
    var prep = document.querySelector("#preparat");
    var sl0 = prep.scrollLeft;
    var st0 = prep.scrollTop;
    var koef = zl/zoom;
    prep.scrollLeft = koef * sl0 + viewport.width/2*(-1+koef)
    prep.scrollTop = koef * st0 + viewport.height/2*(-1+koef)
    //prep.style.width = Math.round(actualPrep.big.width*koef) + "px"
    //prep.style.height = Math.round(actualPrep.big.height*koef) + "px"
    
    var ms = actualPrep.markers;
    for (var i = 0; i < ms.length; i++) {
     var marker = document.querySelector("[data-id=" + ms[i].id + "]");
     marker.style.left = Math.round(ms[i].x*zl/100) + "px"; 
     marker.style.top = Math.round(ms[i].y*zl/100) + "px";
     var mzoom = Math.round(zl/10)
     marker.style.display = (mzoom >= ms[i].zMin && ms[i].zMax >= mzoom) ? "block" : "none"
    
      var marker_li = document.querySelector("[id=" + ms[i].id + "]");
      marker_li.style.display = (mzoom >= ms[i].zMin && ms[i].zMax >= mzoom) ? "block" : "none"
    } 
    
    document.querySelector("#zoom" + zoom).className = ""
    document.querySelector("#zoom" + zl).className = "active"
    
    zoom = zl;  
    
    sf = mini_width/img_width*100/zl;
    
    miniview = document.getElementById("miniview");
    miniview.style.width = Math.ceil(viewport.width*sf) + "px" 
    miniview.style.height = Math.ceil(viewport.height*sf) + "px"
    
   document.querySelector("#searched_phrase").value = "" 
   }
 
 /* funkce pro popisky */


 //pridani markeru - vyparsovaneho pri importu
 function addMarker2(mtitle, cx, cy, zi, za, isNew) {  
    
    markerCounter++;
    
    var mid = "marker_" + markerCounter;
      
    var marker = document.createElement("div");
    marker.className = "popisek"
    marker.style.top = cy*100/zoom + "px"
    marker.style.left = cx*100/zoom + "px"
    marker.setAttribute("data-id", mid);

    var obsah = document.createElement("span")
    obsah.className = "popis_obsah"
    obsah.innerHTML = mtitle
    
    marker.appendChild(obsah)
     
    document.querySelector(".preparat").appendChild(marker)
   
    var li = document.createElement("li");
    li.onclick = function () { gotoMarker(this.getAttribute("id")) }
    
    var cont = document.createElement("span")
    cont.className = "content"
    
    cont.innerHTML = mtitle
      
    
    var magns = [1, 2, 5, 10]
       
    li.setAttribute("id", mid);
    li.appendChild(cont)
   
    
    document.querySelector(".marker_list").appendChild(li)
    
    li.setAttribute("data-x", cx);
    li.setAttribute("data-y",cy);
    
    
    if (isNew) actualPrep.markers.push( { id: mid, title: mtitle, x: cx, y: cy, zMin: 1, zMax: 10  })
  
 }

  //prechod na vybrany marker ve velkem obrazku
function gotoMarker(mid ) {
  var marker = getMarker(mid);
  if (marker) { 
    var prep = document.querySelector("#preparat");
    prep.scrollLeft = Math.round(marker.x*zoom/100 - viewport.width/2);
    prep.scrollTop = Math.round(marker.y*zoom/100 - viewport.height/2);
   }
}

 

//vyhledani markeru v poli u soucasneho preparatu  
function getMarker(mid) {
  var ms = actualPrep.markers;
  for (var i = 0; i < ms.length; i++) {
    if (mid == ms[i].id) return ms[i]    
  }
  return null;
}


  var actualMarker = null
  var markerCounter = 0;

 
 
 /* export a import popisku */





  //nacteni popisku pri zmene preparatu
function showMarkers() {
  markerCounter = 0;
  //var vstup = document.querySelector("#importWindow textarea").value;
  document.querySelector(".marker_list").innerHTML = "";
  
  var ms = document.querySelectorAll(".popisek");
  for (var i = ms.length-1; i > -1; i--) {
    ms[i].parentNode.removeChild(ms[i])
  }
    
  var descs = actualPrep.markers
  for (var i = 0; i < actualPrep.markers.length; i++) {
    var mk = actualPrep.markers[i];
    mk.id = "marker_" + (i+1)
    addMarker2(mk.title, mk.x, mk.y, mk.zMin, mk.zMax, false);
  } 
}

function searchPhrase() {
  var phrase = document.querySelector("#searched_phrase").value.toLowerCase();
  phrase = phrase.replace(/^\s+/, "")
  phrase = phrase.replace(/\s+$/, "")
  //alert(phrase)
  if (phrase == "") showAllDescs();
  
  var spans = document.querySelectorAll(".marker_list .content");
  var mzoom = Math.round(zoom/10)
  
  for (var i = 0; i < spans.length; i++) {
    var li = spans[i].parentNode;
    var cont = actualPrep.markers[i].title.toLowerCase();
    
    if (cont.search(phrase) > -1 && mzoom >= actualPrep.markers[i].zMin && actualPrep.markers[i].zMax >= mzoom )   li.style.display = "block"
    else {   li.style.display = "none" }
     
  }
}

function showAllDescs() {
var spans = document.querySelectorAll(".marker_list .content");
  var mzoom = Math.round(zoom/10)
  
  for (var i = 0; i < spans.length; i++) {
    var li = spans[i].parentNode;
    var cont = actualPrep.markers[i].title.toLowerCase();
    
    if ( mzoom >= actualPrep.markers[i].zMin && actualPrep.markers[i].zMax >= mzoom )   li.style.display = "block"
    else {   li.style.display = "none" }
     
  }
  
  document.querySelector("#searched_phrase").value = "" 
}
 
 function closeWindow(uzel) {
   uzel.style.display = "none";
 }
 
 function openWindow(uid, obsah) {
   uzel = document.querySelector("#" + uid);
   uzel.style.display = "block";
   uzel.querySelector("textarea").value = obsah;
 }


var sections = [ "intro", "preps" ]

var actSection = null;

function showSection(sid) {
  if (actSection && sid == actSection.id) return; 
  if (actSection) actSection.style.display = "none"
  actSection = document.getElementById(sid)
  actSection.style.display = "block"
    
} 
      
  window.onload = function () { 
    showSection("intro")
    //showPreparate(0);
    
    miniview = document.getElementById("miniview");
    miniview.style.width = Math.ceil(viewport.width*sf) + "px" 
    miniview.style.height = Math.ceil(viewport.height*sf) + "px"
    var mini = document.querySelector(".minimap img")
    mini.onmousemove = getMiniCoords;
    mini.onclick = updateFromMini;
    
    //var el = document.getElementById('imgGrid');
    var prep = document.querySelector(".preparat")
    prep.onscroll = getImgCoords;
    prep.onmousemove = getCoords;
     new DragDivScroll( 'preparat' );
    
      }