// map markers
    var map;
    var markers = [];
    
    // main markers
    markers[1] = [];
    markers[2] = [];
    markers[3] = [];
    markers[4] = [];
    markers[5] = [];
    markers[6] = [];
    markers[7] = [];
    markers[8] = [];
    markers[9] = [];
    markers[10] = [];
    
    // geo markers
    markers[101] = [];
    markers[102] = [];
    markers[103] = [];   
    markers[104] = [];
    markers[105] = [];  
    markers[106] = [];
    markers[107] = []; 
    markers[109] = [];
    markers[110] = []; 
    
    var cur_type = new Array();
    cur_type = {0:true,1:true,2:true,3:true,4:true,5:true,6:true,7:true,8:true,9:true,10:true,101:true,102:true,103:true,104:true,105:true,106:true,107:true,109:true,110:true};
    var markers_list = [];
    var markers_source = [];
    var markers_id = [];
    var markers_xy = [];
    var markers_pcs = [];
    var markers_title = [];
    var markers_text = [];
    var topRight;
    var bottomLeft;
    var scale;
    var detailShow = false;
    var marker_box_x = 12; // default right margin of overlay from marker
    var image1,image2,image3,image4,image5,image6,image7,image8,image9,image10,image101,image102,image103,image104,image105,image106,image107,image109,image110;
          
    // markers in arrays

    markers_source[1] = [50.6264,16.2282,101];
    markers_pcs[1] = 'galerie/poi/123/s-143.jpg';
    markers_title[1] = 'Stěnavský břeh';
    markers_id[1] = '123';
    markers_source[2] = [50.5813,16.3764,110];
    markers_pcs[2] = 'galerie/poi/125/s-147.jpg';
    markers_title[2] = 'Rožmitálský úvoz';
    markers_id[2] = '125';
    markers_source[3] = [50.5868,16.2887,106];
    markers_pcs[3] = 'galerie/poi/117/s-130.jpg';
    markers_title[3] = 'Bulty u Šléglu';
    markers_id[3] = '117';
    markers_source[4] = [50.5333,16.2272,102];
    markers_pcs[4] = 'galerie/poi/119/s-134.jpg';
    markers_title[4] = 'U Hadrovny';
    markers_id[4] = '119';
    markers_source[5] = [50.5537,16.2554,107];
    markers_pcs[5] = 'galerie/poi/122/s-141.jpg';
    markers_title[5] = 'Lom v Hlavňově';
    markers_id[5] = '122';
    markers_source[6] = [50.5258,16.2243,101];
    markers_pcs[6] = 'galerie/poi/89/s-74.jpg';
    markers_title[6] = 'U chaloupky';
    markers_id[6] = '89';
    markers_source[7] = [50.5086,16.2165,110];
    markers_pcs[7] = 'galerie/poi/96/s-609.jpg';
    markers_title[7] = 'Lom Kalabon - Na Mýtě';
    markers_id[7] = '96';
    markers_source[8] = [50.6578,16.3306,110];
    markers_pcs[8] = 'galerie/poi/115/s-126.jpg';
    markers_title[8] = 'Mufloní skála';
    markers_id[8] = '115';
    markers_source[9] = [50.5012,16.2067,101];
    markers_pcs[9] = 'galerie/poi/92/s-80.jpg';
    markers_title[9] = 'Kozínek';
    markers_id[9] = '92';
    markers_source[10] = [50.5232,16.2187,101];
    markers_pcs[10] = 'galerie/poi/121/s-140.jpg';
    markers_title[10] = 'Za Königovou továrnou';
    markers_id[10] = '121';
    markers_source[11] = [50.6686,15.9277,109];
    markers_pcs[11] = 'galerie/poi/277/s-569.jpg';
    markers_title[11] = 'Hornický skanzen Důl Jan Šverma v Žacléři';
    markers_id[11] = '277';
    markers_source[12] = [50.6616,16.3206,101];
    markers_pcs[12] = 'galerie/poi/114/s-124.jpg';
    markers_title[12] = 'Heřmánkovické údolí';
    markers_id[12] = '114';
    markers_source[13] = [50.573,16.199,101];
    markers_pcs[13] = 'galerie/poi/86/s-66.jpg';
    markers_title[13] = 'Hejda';
    markers_id[13] = '86';
    markers_source[14] = [50.5366,16.1626,101];
    markers_pcs[14] = 'galerie/poi/84/s-64.jpg';
    markers_title[14] = 'Vysoký kámen';
    markers_id[14] = '84';
    markers_source[15] = [50.5431,16.1313,102];
    markers_pcs[15] = 'galerie/poi/116/s-128.jpg';
    markers_title[15] = 'Vápenka - křižovatka';
    markers_id[15] = '116';
    markers_source[16] = [50.5434,16.2608,101];
    markers_pcs[16] = 'galerie/poi/91/s-608.jpg';
    markers_title[16] = 'Čertova skála';
    markers_id[16] = '91';
    markers_source[17] = [50.5228,16.2075,101];
    markers_pcs[17] = 'galerie/poi/88/s-149.jpg';
    markers_title[17] = 'Poradní skála';
    markers_id[17] = '88';
    markers_source[18] = [50.4721,16.2396,110];
    markers_pcs[18] = 'galerie/poi/307/s-715.jpg';
    markers_title[18] = 'Borek';
    markers_id[18] = '307';
    markers_source[19] = [50.6617,15.9085,107];
    markers_pcs[19] = 'galerie/poi/292/s-658.jpg';
    markers_title[19] = 'Geologická expozice Žacléř';
    markers_id[19] = '292';
    markers_source[20] = [50.5365,16.2333,105];
    markers_pcs[20] = 'galerie/poi/289/s-635.jpg';
    markers_title[20] = 'Artéský pramen Julinka';
    markers_id[20] = '289';
    markers_source[21] = [50.5222,16.2146,110];
    markers_pcs[21] = 'galerie/poi/90/s-76.jpg';
    markers_title[21] = 'Petrovice - u mostu';
    markers_id[21] = '90';
    markers_source[22] = [50.5838,16.3349,110];
    markers_pcs[22] = 'galerie/poi/106/s-108.jpg';
    markers_title[22] = 'Nad příkopy';
    markers_id[22] = '106';
    markers_source[23] = [50.5973,16.4083,110];
    markers_pcs[23] = 'galerie/poi/283/s-585.jpg';
    markers_title[23] = 'Kamenec';
    markers_id[23] = '283';
    markers_source[24] = [50.5906,16.4307,107];
    markers_pcs[24] = 'galerie/poi/272/s-536.jpg';
    markers_title[24] = 'Pseudosopka u Šonova';
    markers_id[24] = '272';
    markers_source[25] = [50.6524,16.1045,102];
    markers_pcs[25] = 'galerie/poi/273/s-538.jpg';
    markers_title[25] = 'Poslední lom';
    markers_id[25] = '273';
    markers_source[26] = [50.5988,16.2081,104];
    markers_pcs[26] = 'galerie/poi/74/s-62.jpg';
    markers_title[26] = 'Mořská transgrese';
    markers_id[26] = '74';
    markers_source[27] = [50.5583,16.2074,101];
    markers_pcs[27] = 'galerie/poi/129/s-155.jpg';
    markers_title[27] = 'Ostaš - stůl s knihou pověstí uprostřed broumovské světnice';
    markers_id[27] = '129';
    markers_source[28] = [50.6048,16.403,110];
    markers_pcs[28] = 'galerie/poi/310/s-c9deed55.jpg';
    markers_title[28] = 'Rudný vrch';
    markers_id[28] = '310';
    markers_source[29] = [50.5998,16.2126,104];
    markers_pcs[29] = 'galerie/poi/118/s-646.jpg';
    markers_title[29] = 'Bohdašín - písník';
    markers_id[29] = '118';
    markers_source[30] = [50.4731,16.2465,109];
    markers_pcs[30] = 'galerie/poi/278/s-572.jpg';
    markers_title[30] = 'Důl Vilemína ve Žďárkách';
    markers_id[30] = '278';
    markers_source[31] = [50.5249,16.0998,101];
    markers_pcs[31] = 'galerie/poi/75/s-90.jpg';
    markers_title[31] = 'Kryštofovy kameny';
    markers_id[31] = '75';
    markers_source[32] = [50.5178,16.2108,101];
    markers_pcs[32] = 'galerie/poi/97/s-86.jpg';
    markers_title[32] = 'Dědek';
    markers_id[32] = '97';
    markers_source[33] = [50.5055,16.3371,110];
    markers_pcs[33] = 'galerie/poi/291/s-652.jpg';
    markers_title[33] = 'Lom Božanov';
    markers_id[33] = '291';
    markers_source[34] = [50.565,16.2116,101];
    markers_pcs[34] = 'galerie/poi/284/s-589.jpg';
    markers_title[34] = 'Kočičí skály';
    markers_id[34] = '284';
    markers_source[35] = [50.5998,16.2455,110];
    markers_pcs[35] = 'galerie/poi/120/s-551.jpg';
    markers_title[35] = 'Jetřichovský písník';
    markers_id[35] = '120';
    markers_source[36] = [50.6624,16.2459,110];
    markers_pcs[36] = 'galerie/poi/275/s-562.jpg';
    markers_title[36] = 'Lom Vižňov - ignimbrity';
    markers_id[36] = '275';
    markers_source[37] = [50.6179,16.2469,110];
    markers_pcs[37] = 'galerie/poi/113/s-122.jpg';
    markers_title[37] = 'Alpská víska - lom';
    markers_id[37] = '113';
    markers_source[38] = [50.6151,16.1229,101];
    markers_pcs[38] = 'galerie/poi/127/s-154.jpg';
    markers_title[38] = 'Národní přírodní rezervace Adršpašsko-teplické skály';
    markers_id[38] = '127';
    markers_source[39] = [50.535,16.2274,110];
    markers_pcs[39] = 'galerie/poi/104/s-104.jpg';
    markers_title[39] = 'Na Splachově';
    markers_id[39] = '104';
    markers_source[40] = [50.5479,16.1791,101];
    markers_pcs[40] = 'galerie/poi/73/s-58.jpg';
    markers_title[40] = 'Pískovcové sloupky v České Metuji';
    markers_id[40] = '73';
    markers_source[41] = [50.616,16.3731,103];
    markers_pcs[41] = 'galerie/poi/279/s-618.jpg';
    markers_title[41] = 'Rožmitál - lomy';
    markers_id[41] = '279';
    markers_source[42] = [50.5568,16.3858,102];
    markers_pcs[42] = 'galerie/poi/305/s-711.jpg';
    markers_title[42] = 'Hoprich';
    markers_id[42] = '305';
    markers_source[43] = [50.5855,16.3347,101];
    markers_pcs[43] = 'galerie/poi/107/s-110.jpg';
    markers_title[43] = 'Klášterní stěna';
    markers_id[43] = '107';
    markers_source[44] = [50.5275,16.0562,109];
    markers_pcs[44] = 'galerie/poi/290/s-636.jpg';
    markers_title[44] = 'U mašinky';
    markers_id[44] = '290';
    markers_source[45] = [50.5457,16.2793,105];
    markers_pcs[45] = 'galerie/poi/297/s-689.jpg';
    markers_title[45] = 'Suchodolská Niagára';
    markers_id[45] = '297';
    markers_source[46] = [50.5434,16.2163,102];
    markers_pcs[46] = 'galerie/poi/105/s-106.jpg';
    markers_title[46] = 'Lom ve Žďáře';
    markers_id[46] = '105';
    markers_source[47] = [50.5002,16.2035,102];
    markers_pcs[47] = 'galerie/poi/95/s-82.jpg';
    markers_title[47] = 'Odkryv u mostu';
    markers_id[47] = '95';
    markers_source[48] = [50.5375,16.042,104];
    markers_pcs[48] = 'galerie/poi/274/s-559.jpg';
    markers_title[48] = 'Malé Svatoňovice - bunkr';
    markers_id[48] = '274';
    markers_source[49] = [50.6444,15.9152,107];
    markers_pcs[49] = 'galerie/poi/280/s-575.jpg';
    markers_title[49] = 'Liščí kameny';
    markers_id[49] = '280';
    markers_source[50] = [50.5869,16.1719,105];
    markers_pcs[50] = 'galerie/poi/281/s-578.jpg';
    markers_title[50] = 'Teplice nad Metují - Jezírko';
    markers_id[50] = '281';
    markers_source[51] = [50.6046,16.3278,110];
    markers_pcs[51] = 'galerie/poi/109/s-114.jpg';
    markers_title[51] = 'Ráj II.';
    markers_id[51] = '109';
    markers_source[52] = [50.5834,16.3335,107];
    markers_pcs[52] = 'galerie/poi/108/s-112.jpg';
    markers_title[52] = 'Pod hradbami';
    markers_id[52] = '108';
    markers_source[53] = [50.5873,16.3345,107];
    markers_pcs[53] = 'galerie/poi/85/s-65.jpg';
    markers_title[53] = 'Pod klášterní zahradou';
    markers_id[53] = '85';
    markers_source[54] = [50.622,16.2747,101];
    markers_pcs[54] = 'galerie/poi/112/s-152.jpg';
    markers_title[54] = 'Ve stržích';
    markers_id[54] = '112';
    markers_source[55] = [50.6219,16.2821,107];
    markers_pcs[55] = 'galerie/poi/111/s-118.jpg';
    markers_title[55] = 'Permská stěna';
    markers_id[55] = '111';
    markers_source[56] = [50.5999,15.9482,110];
    markers_pcs[56] = 'galerie/poi/286/s-603.jpg';
    markers_title[56] = 'Lom Libeč';
    markers_id[56] = '286';
    markers_source[57] = [50.5963,16.3649,103];
    markers_pcs[57] = 'galerie/poi/87/s-70.jpg';
    markers_title[57] = 'Šedá niva';
    markers_id[57] = '87';
    markers_source[58] = [50.6643,15.9945,110];
    markers_pcs[58] = 'galerie/poi/302/s-702.jpg';
    markers_title[58] = 'Lom Královec';
    markers_id[58] = '302';
    markers_source[59] = [50.6224,16.2962,110];
    markers_pcs[59] = 'galerie/poi/110/s-116.jpg';
    markers_title[59] = 'Hynčický lom';
    markers_id[59] = '110';
    markers_source[60] = [50.5097,16.1861,105];
    markers_pcs[60] = 'galerie/poi/256/s-530.jpg';
    markers_title[60] = 'Pramen U Vavřenů';
    markers_id[60] = '256';
    markers_source[61] = [50.5221,16.2085,101];
    markers_pcs[61] = 'galerie/poi/101/s-98.jpg';
    markers_title[61] = 'Vlčinec';
    markers_id[61] = '101';
    markers_source[62] = [50.6024,16.0119,101];
    markers_pcs[62] = 'galerie/poi/271/s-534.jpg';
    markers_title[62] = 'Průrva Chvalečského potoka';
    markers_id[62] = '271';
    markers_source[63] = [50.5419,16.2968,101];
    markers_pcs[63] = 'galerie/poi/282/s-670.jpg';
    markers_title[63] = 'Broumovské stěny';
    markers_id[63] = '282';
    markers_source[64] = [50.5286,16.1179,110];
    markers_pcs[64] = 'galerie/poi/288/s-624.jpg';
    markers_title[64] = 'Žaltmanské arkózy v údolí Jíveckého potoka';
    markers_id[64] = '288';
    markers_source[65] = [50.5236,16.2054,101];
    markers_pcs[65] = 'galerie/poi/102/s-101.jpg';
    markers_title[65] = 'Stěnky pod Maršovem';
    markers_id[65] = '102';
    markers_source[66] = [50.6123,16.3028,110];
    markers_pcs[66] = 'galerie/poi/287/s-620.jpg';
    markers_title[66] = 'Velký lom na Mlýnském vrchu';
    markers_id[66] = '287';
    markers_source[67] = [50.5171,16.2154,101];
    markers_pcs[67] = 'galerie/poi/100/s-96.jpg';
    markers_title[67] = 'Baba';
    markers_id[67] = '100';
    markers_source[68] = [50.5555,16.2055,105];
    markers_pcs[68] = 'galerie/poi/255/s-528.jpg';
    markers_title[68] = 'Samaritánka';
    markers_id[68] = '255';
    markers_source[69] = [50.594,16.2534,110];
    markers_pcs[69] = 'galerie/poi/83/s-63.jpg';
    markers_title[69] = 'Lom Pasa';
    markers_id[69] = '83';
    markers_source[70] = [50.6439,16.0781,101];
    markers_pcs[70] = 'galerie/poi/303/s-708.jpg';
    markers_title[70] = 'Hraniční hřbet';
    markers_id[70] = '303';
    markers_source[71] = [50.6453,16.2394,107];
    markers_pcs[71] = 'galerie/poi/294/s-666.jpg';
    markers_title[71] = 'Expozice Geopark Vnitrosudetská pánev Vižňov';
    markers_id[71] = '294';
    markers_source[72] = [50.6142,16.4011,110];
    markers_pcs[72] = 'galerie/poi/285/s-600.jpg';
    markers_title[72] = 'Vysoká skála';
    markers_id[72] = '285';
    markers_source[73] = [50.6661,15.9196,109];
    markers_pcs[73] = 'galerie/poi/295/s-675.jpg';
    markers_title[73] = 'Důl Jiří (George Schacht)';
    markers_id[73] = '295';
    markers_source[74] = [50.4824,16.1803,105];
    markers_pcs[74] = 'galerie/poi/296/s-679.jpg';
    markers_title[74] = 'Minerální prameny Hronovka a Regnerka';
    markers_id[74] = '296';
    markers_source[75] = [50.5377,16.2344,107];
    markers_pcs[75] = 'galerie/poi/293/s-661.jpg';
    markers_title[75] = 'Geologický koutek - Polická křídová pánev';
    markers_id[75] = '293';
    markers_source[76] = [50.5365,16.0508,109];
    markers_pcs[76] = 'galerie/poi/298/s-696.jpg';
    markers_title[76] = 'Dědičná štola Kateřina';
    markers_id[76] = '298';
    markers_source[77] = [50.5527,16.0517,110];
    markers_pcs[77] = 'galerie/poi/304/s-6517fd6b.jpg';
    markers_title[77] = 'Žaltman';
    markers_id[77] = '304';
    markers_source[78] = [50.4857,16.1789,102];
    markers_pcs[78] = 'galerie/poi/257/s-532.jpg';
    markers_title[78] = 'Pod Jírovou horou';
    markers_id[78] = '257';
    markers_source[79] = [50.5482,16.0947,109];
    markers_pcs[79] = 'galerie/poi/276/s-565.jpg';
    markers_title[79] = 'Měděný důl Bohumír v Jívce';
    markers_id[79] = '276';
    markers_source[80] = [50.5668,15.9812,101];
    markers_pcs[80] = 'galerie/poi/306/s-714.jpg';
    markers_title[80] = 'Čížkovy kameny';
    markers_id[80] = '306';
    
    function initialize() {
    
      // set map
      var myLatLng = new google.maps.LatLng(50.579632, 16.268692);
      var mapOptions = {
        zoom: 12,
        center: myLatLng,
        scrollwheel: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById('map'),mapOptions);
      
      // auto center & zoom:
      bounds  = new google.maps.LatLngBounds();
      
      // pois markers      
      var anchorTop = 25;
      var anchorLeft = 25;
      var originTop = 0;
      var originLeft = 0;
      
      image3 = new google.maps.MarkerImage('pcs/marker-info.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image1 = new google.maps.MarkerImage('pcs/marker-kultura.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image7 = new google.maps.MarkerImage('pcs/marker-obec.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image2 = new google.maps.MarkerImage('pcs/marker-priroda.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image4 = new google.maps.MarkerImage('pcs/marker-restaurace.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image5 = new google.maps.MarkerImage('pcs/marker-ubytovani.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image8 = new google.maps.MarkerImage('pcs/marker-pujcovna_kol.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image9 = new google.maps.MarkerImage('pcs/marker-ostatni.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image10 = new google.maps.MarkerImage('pcs/marker-priroda.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image11 = new google.maps.MarkerImage('pcs/marker-parkoviste.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      // geopark typeID+100
      
      image101 = new google.maps.MarkerImage('pcs/marker-101.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image102 = new google.maps.MarkerImage('pcs/marker-102.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image103 = new google.maps.MarkerImage('pcs/marker-103.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image104 = new google.maps.MarkerImage('pcs/marker-104.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image105 = new google.maps.MarkerImage('pcs/marker-105.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image106 = new google.maps.MarkerImage('pcs/marker-106.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image107 = new google.maps.MarkerImage('pcs/marker-107.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image109 = new google.maps.MarkerImage('pcs/marker-109.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      image110 = new google.maps.MarkerImage('pcs/marker-110.png',
        new google.maps.Size(33, 33),
        new google.maps.Point(originLeft,originTop),
        new google.maps.Point(anchorLeft,anchorTop)
      );
      
      for (var key in markers_source) {
        addMarker(key,markers_source[key][0],markers_source[key][1],markers_source[key][2]);
      
        // everytime you add a new marker:
        loc = new google.maps.LatLng(markers_source[key][0], markers_source[key][1]);
        bounds.extend(loc);
      }
      
      // after all markers have been added:
      map.fitBounds(bounds);
      map.panToBounds(bounds);

      // listener on idle map -> recalculate position all markers
      google.maps.event.addListener(map, 'idle', function() {
        // get map x,y
        topRight = map.getProjection().fromLatLngToPoint(map.getBounds().getNorthEast());
        bottomLeft = map.getProjection().fromLatLngToPoint(map.getBounds().getSouthWest());
        scale = Math.pow(2,map.getZoom());
        
        // get marker x,y
        for (var i = 1; i < markers_list.length; i++) {
          worldPoint = map.getProjection().fromLatLngToPoint(markers_list[i].getPosition());
          markers_xy[i] = new google.maps.Point((worldPoint.x-bottomLeft.x)*scale,(worldPoint.y-topRight.y)*scale);
        }
      });
      
      // hide overlay if move map
      google.maps.event.addListener(map, 'center_changed', function() {
        $("#overlay").hide();
      });
      
      // hide overlay if zoom change
      google.maps.event.addListener(map, 'zoom_changed', function() {
        $("#overlay").hide();
      });
    
    }
    
    // add marker
    function addMarker(id,lat,lon,poiType) {
    
      markers_list[id] = new google.maps.Marker({
        position: new google.maps.LatLng(lat,lon,true),
        map: map,
        icon: eval('image'+poiType)
      });
      
      markers[poiType].push(markers_list[id]);
      
      var showMarkerBubble = new Function("event", "markerBubble("+id+");");
      google.maps.event.addListener(markers_list[id], 'mouseover', showMarkerBubble);
      google.maps.event.addListener(markers_list[id], 'mouseout', function() {
        $("#overlay").hide();
      });
      
      var showDetailBubble = new Function("event", "detailBubble("+id+");");
      google.maps.event.addListener(markers_list[id], 'click', showDetailBubble);
    }
    
    // load poi data by ajax
    function getPoiDetail(id_poi) {

      var xmlhttp;
    
	  if (window.XMLHttpRequest) {
	    xmlhttp = new XMLHttpRequest();
	  } else {
	    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	  }
	  
	  xmlhttp.onreadystatechange=function() {
	    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
		  document.getElementById('detail-box').innerHTML = xmlhttp.responseText;
	    }
	  }
	  xmlhttp.open('GET','./ajax/poi-detail.php?id='+id_poi, true);
	  xmlhttp.send();
    }
    
    // function for show detail overlay
    function detailBubble(num) {
      
      $("#detail strong").text(markers_title[num]);
      
      if (!detailShow || detailShow!=num) {
        $("#detail").show();
        getPoiDetail(markers_id[num]);
        detailShow = num;
      } else {
        $("#detail").hide();
        detailShow = false;
		document.getElementById('detail-box').innerHTML = '<div id="loading"></div>';
      }
    }
    
    function clearMapMarkers() {
      clearMarkers(1);
      clearMarkers(2);
      clearMarkers(3);
      clearMarkers(4);
      clearMarkers(5);
      clearMarkers(6);
    }
    
    $(document).ready(function() {
      $( "#detail-close" ).click(function(e){
        e.preventDefault();
        $("#detail").hide();
        detailShow = false;
	    document.getElementById('detail-box').innerHTML = '<div id="loading"></div>';
      });
      
      var t = setTimeout(clearMapMarkers, 500);
      
    });
    
    // function for show markers overlay
    function markerBubble(num) {
      
      $("#overlay strong").text(markers_title[num]);
      $("#overlay div").css("background-image", "url('"+markers_pcs[num]+"')");
      
      if (markers_xy[num].x > ($("#map").width()-237)) {
        marker_box_x = -237;
        $("#overlay").css("background-image", "url('pcs/map-buble-left-bg.png')");
        $("#overlay").css("padding-left", "10px");
      } else {
        marker_box_x = 7;
        $("#overlay").css("background-image", "url('pcs/map-buble-right-bg.png')");
        $("#overlay").css("padding-left", "13px");
      }
      $("#overlay").css({
        left:($("#map").position().left + markers_xy[num].x + marker_box_x),
        top:($("#map").position().top + markers_xy[num].y - 51)
      });
      $("#overlay").show();
    }
    
    function setMarkersToMap(sendMap,type) {
      if (!type) {
        for (var key in markers) {
          for (var i = 0; i < markers[key].length; i++) {
            markers[key][i].setMap(sendMap);
          }
        }
      } else {
        for (var i = 0; i < markers[type].length; i++) {
          markers[type][i].setMap(sendMap);
        }
      }
    }
    
    // hide markers
    function clearMarkers(type) {
      //alert(type+" --- "+cur_type[type]);
      if (!cur_type[type]) {
        setMarkersToMap(map,type);
        cur_type[type] = true;
        $(".map-icon-"+type).css("background-image", "url('pcs/marker-"+type+".png')");
      } else {
        setMarkersToMap(null,type);
        cur_type[type] = false;
        $(".map-icon-"+type).css("background-image", "url('pcs/marker-"+type+"-off.png')");
      }
    }
    
    // shows markers
    function showOverlays(type) {
      setMarkersToMap(map,type);
    }
    
    // deletes all markers
    function deleteMarkers(type) {
      clearMarkers(type);
      markers[type] = null;
    }
    
    google.maps.event.addDomListener(window, 'load', initialize);