var j=0;var gmarkers = [];

function loadtx(url, target) {
  document.getElementById(target).innerHTML = ' Loading data...';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {loadtxDone(url, target);};
    req.open("GET", url, true);
    req.send("");
  }
}  

function loadtxDone(url, target) {
  if (req.readyState == 4) { 
    if (req.status == 200) { 
      document.getElementById(target).innerHTML = req.responseText;
    } else {
      document.getElementById(target).innerHTML=" Error:\n"+ req.status + "\n" +req.statusText;
    }
  }
}
function cleartx() {
      document.getElementById("tx1").innerHTML = " ";
      document.getElementById("tx2").innerHTML = " ";
}
var myI,myW,myH
function ResizeIframe(i) {
    i.height = 10;
    i.width = 10;
    var b = i.contentWindow.document.body;    
    myI = i;
    myW = b.scrollWidth;
    myH = b.scrollHeight;
    setTimeout("ResizeIframe2(myI,myW,myH)",100);
}
function ResizeIframe2(i,w,h) {
    i.height = h;
    i.width = w;
}function myclick(i) {
      GEvent.trigger(gmarkers[i], "click");
}

var map;
function load() { 
      var nav_html = "";
      var nav_html0 = "";
      var nav_html1 = "";
      var nav_html2 = "";
      var nav_html3 = "";
      var i = 0;
        var baseIcon = new GIcon();

        baseIcon.iconSize = new GSize(32, 32);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
     
      function createMarker0(point,name,html) {
        var markerIcon = new GIcon(baseIcon);
          markerIcon.image = "http://202.134.120.55/gmap/images/icon.png"
          markerOptions = { icon:markerIcon };
        var marker = new GMarker(point, markerOptions);

        GEvent.addListener(marker, "click", function() {
          map.setCenter(point,4)
          marker.openInfoWindowHtml('<iframe src="http://www.msf.org.hk/asso/mapcon.php?id=' + html + '" width="420" height="200" frameborder="0" scrolling="auto"></iframe>');
          loadtx("http://www.msf.org.hk/asso/mapbtn.php?id=" + html ,"tx2" ) ;
        });
        gmarkers[i] = marker;
        nav_html0 += '<li><a  class="commonlink" href="#" onclick="myclick(' + i + ')" style="cursor:hand">' + name + '</a></li>';
        i++;
        return marker;
      }
      function createMarker1(point,name,html) {
        var markerIcon = new GIcon(baseIcon);
          markerIcon.image = "http://202.134.120.55/gmap/images/icon.png"
          markerOptions = { icon:markerIcon };
        var marker = new GMarker(point, markerOptions);

        GEvent.addListener(marker, "click", function() {
          map.setCenter(point,4)
          marker.openInfoWindowHtml('<iframe src="http://www.msf.org.hk/asso/mapcon.php?id=' + html + '" width="420" height="200" frameborder="0" scrolling="auto"></iframe>');
          loadtx("http://www.msf.org.hk/asso/mapbtn.php?id=" + html ,"tx2" ) ;
        });
        gmarkers[i] = marker;
        nav_html1 += '<li><a class="commonlink" href="#" onclick="myclick(' + i + ')" style="cursor:hand">' + name + '</a></li>';
        i++;
        return marker;
      }
      function createMarker2(point,name,html) {
        var markerIcon = new GIcon(baseIcon);
          markerIcon.image = "http://202.134.120.55/gmap/images/icon.png"
          markerOptions = { icon:markerIcon };
        var marker = new GMarker(point, markerOptions);

        GEvent.addListener(marker, "click", function() {
          map.setCenter(point,4)
          marker.openInfoWindowHtml('<iframe src="http://www.msf.org.hk/asso/mapcon.php?id=' + html + '" width="420" height="200" frameborder="0" scrolling="auto"></iframe>');
          loadtx("http://www.msf.org.hk/asso/mapbtn.php?id=" + html ,"tx2" ) ;
        });
        gmarkers[i] = marker;
        nav_html2 += '<li><a class="commonlink" href="#" onclick="myclick(' + i + ')" style="cursor:hand">' + name + '</a></li>';
        i++;
        return marker;
      }
      function createMarker3(point,name,html) {
        var markerIcon = new GIcon(baseIcon);
          markerIcon.image = "http://202.134.120.55/gmap/images/icon.png"
          markerOptions = { icon:markerIcon };
        var marker = new GMarker(point, markerOptions);

        GEvent.addListener(marker, "click", function() {
          map.setCenter(point,4)
          marker.openInfoWindowHtml('<iframe src="http://www.msf.org.hk/asso/mapcon.php?id=' + html + '" width="420" height="200" frameborder="0" scrolling="auto"></iframe>');
          loadtx("http://www.msf.org.hk/asso/mapbtn.php?id=" + html ,"tx2" ) ;
        });
        gmarkers[i] = marker;
        nav_html3 += '<li><a class="commonlink" href="#" onclick="myclick(' + i + ')" style="cursor:hand">' + name + '</a></li>';
        i++;
        return marker;
      }
      function createMarkerNI(point,name,lochtml,locid) {
        var markerIcon = new GIcon(baseIcon);
          markerIcon.image = "http://202.134.120.55/gmap/images/icon2.png"
          markerOptions = { icon:markerIcon };
        var marker = new GMarker(point, markerOptions);

        GEvent.addListener(marker, "click", function() {
          map.setCenter(point,3);map.closeInfoWindow ();
          cleartx();
        });
        gmarkers[i] = marker;
        nav_html += '<b><img src=\"http://www.msf.org.hk/public/resources/iso-8859-1/images/arrow.gif\"><span id="m' + j + '"><a  style="cursor:hand" onclick="myclick(' + i + ');hide(\'m' + j + '\');show(\'n' + j + '\');' + lochtml + '"  style="color:#000000">' + name + '</a></span><span id="n' + j + '"><a  style="cursor:hand" onclick="hide(\'n' + j + '\');show(\'m' + j + '\');hide(\'' + locid + '\');"  style="color:#000000">' + name + '</a></span></b><br /><span id="' + locid + '"></span>';
        i++;j++;
        return marker;
      }
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(30.751278,33.75), 2);map.enableDoubleClickZoom();map.enableScrollWheelZoom();map.setMapType(G_NORMAL_MAP);map.addMapType(G_PHYSICAL_MAP);map.removeMapType(G_SATELLITE_MAP);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl()); 
        
		var point = new GLatLng( 11.264612,17.885742);
        var marker = createMarkerNI(point,"&nbsp;Africa"," show('loc0');hide('loc1');hide('loc2');hide('loc3');","loc0")
        map.addOverlay(marker);
		
		var point = new GLatLng( - 12.264612,16.369141);
        var marker = createMarker0(point,"Angola","1&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 12.232655,-1.538086);
        var marker = createMarker0(point,"Burkina Faso","2&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( - 3.222787,30.283813);
        var marker = createMarker0(point,"Burundi","3&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 4.369722,12.354722);
        var marker = createMarker0(point,"Cameroon","4&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 6.358975,20.917969);
        var marker = createMarker0(point,"Central African Republic (CAR)","5&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 15.072124,18.896484);
        var marker = createMarker0(point,"Chad","6&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -4.038333,21.758664);
        var marker = createMarker0(point,"Democratic Republic of Congo (DRC)","7&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 7.539989,-5.54708);
        var marker = createMarker0(point,"Côte d' Ivoire","8&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 9.123792,40.715332);
        var marker = createMarker0(point,"Ethiopia","9&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 10.422988,-10.848999);
        var marker = createMarker0(point,"Guinea","10&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 0.527336,37.990723);
        var marker = createMarker0(point,"Kenya","11&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -29.609988,28.233608);
        var marker = createMarker0(point,"Lesotho","12&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 6.413566,-9.338379);
        var marker = createMarker0(point,"Liberia","13&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -13.254308,34.301525);
        var marker = createMarker0(point,"Malawi","14&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 17.978733,-1.713867);
        var marker = createMarker0(point,"Mali","15&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 31.791702, -7.09262);
        var marker = createMarker0(point,"Morocco","16&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -18.665695,35.529562);
        var marker = createMarker0(point,"Mozambique","17&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 17.392579,10.019531);
        var marker = createMarker0(point,"Niger","18&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 9.18887, 8.525391);
        var marker = createMarker0(point,"Nigeria","19&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -1.940278,29.873888);
        var marker = createMarker0(point,"Rwanda","20&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 8.460555, -11.779889);
        var marker = createMarker0(point,"Sierra Leone","21&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 3.250209,45.878906);
        var marker = createMarker0(point,"Somalia","22&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -30.559482,22.937506);
        var marker = createMarker0(point,"South Africa","23&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 14.136576,30.19043);
        var marker = createMarker0(point,"Sudan","24&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 0.611241,31.754395);
        var marker = createMarker0(point,"Uganda","25&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -13.133897,27.849332);
        var marker = createMarker0(point,"Zambia","26&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -19.015438,29.154857);
        var marker = createMarker0(point,"Zimbabwe","27&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 35.86166,104.195397);
        var marker = createMarkerNI(point,"&nbsp;Asia and the Caucasus"," hide('loc0');show('loc1');hide('loc2');hide('loc3'); ","loc1")
        map.addOverlay(marker);
		
		var point = new GLatLng( 40.069099,45.038189);
        var marker = createMarker1(point,"Armenia","28&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 23.946096, 90.362549);
        var marker = createMarker1(point,"Bangladesh","29&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 12.329269,105.040283);
        var marker = createMarker1(point,"Cambodia","30&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 40.871988,116.938477);
        var marker = createMarker1(point,"China","31&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 42.315407,43.356892);
        var marker = createMarker1(point,"Georgia","32&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 20.593684,78.96288);
        var marker = createMarker1(point,"India","33&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -6.04087,106.912079);
        var marker = createMarker1(point,"Indonesia","34&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 41.310824,74.641113);
        var marker = createMarker1(point,"Kyrgyzstan","35&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 19.85627,102.495496);
        var marker = createMarker1(point,"Laos","36&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 21.913965,95.956223);
        var marker = createMarker1(point,"Myanmar","37&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 28.394857,84.124008);
        var marker = createMarker1(point,"Nepal","38&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 29.190533,69.609375);
        var marker = createMarker1(point,"Pakistan","39&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 7.873054,80.771797);
        var marker = createMarker1(point,"Sri Lanka","40&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 15.580711,101.381836);
        var marker = createMarker1(point,"Thailand","41&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 38.969719,59.556278);
        var marker = createMarker1(point,"Turkmenistan","42&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 41.211722,63.742676);
        var marker = createMarker1(point,"Uzbekistan","43&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 50.503887,4.469936);
        var marker = createMarkerNI(point,"&nbsp;Europe and the Middle East"," hide('loc0');hide('loc1');show('loc2');hide('loc3'); ","loc2")
        map.addOverlay(marker);
		
		var point = new GLatLng( 50.503887,4.469936);
        var marker = createMarker2(point,"Belgium","44&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 46.227638,2.213749);
        var marker = createMarker2(point,"France","52&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 32.427908,53.688046);
        var marker = createMarker2(point,"Iran","53&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 33.223191,43.679291);
        var marker = createMarker2(point,"Iraq","54&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 41.87194,12.56738);
        var marker = createMarker2(point,"Italy","55&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 47.411631,28.369885);
        var marker = createMarker2(point,"Moldova","56&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 31.952162,35.683594);
        var marker = createMarker2(point,"Palestinian Territories","57&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 61.52401,105.318756);
        var marker = createMarker2(point,"Russian Federation","58&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 46.818188,8.227512);
        var marker = createMarker2(point,"Switzerland","59&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 4.390229,-74.443359);
        var marker = createMarkerNI(point,"&nbsp;The Americas"," hide('loc0');hide('loc1');hide('loc2');show('loc3');document.getElementById(target).innerHTML(' ') ; ","loc3")
        map.addOverlay(marker);
		
		var point = new GLatLng( -16.290154,-63.588653);
        var marker = createMarker3(point,"Bolivia ","45&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 4.570868,-74.297333);
        var marker = createMarker3(point,"Colombia","46&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -1.831239,-78.183406);
        var marker = createMarker3(point,"Ecuador","47&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 15.485445, -90.263672);
        var marker = createMarker3(point,"Guatemala","48&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 18.823117, -72.778931);
        var marker = createMarker3(point,"Haiti","49&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( 14.605847, -87.451172);
        var marker = createMarker3(point,"Honduras","50&lang=en")
        map.addOverlay(marker);
		
		var point = new GLatLng( -9.189967,-75.015152);
        var marker = createMarker3(point,"Peru","51&lang=en")
        map.addOverlay(marker);
		
        document.getElementById("nav").innerHTML = "<img src=\"http://www.msf.org.hk/public/resources/iso-8859-1/images/arrow.gif\"><b><a onclick=\"map.setCenter(new GLatLng(30.751278,33.75), 2);map.closeInfoWindow ();hide('loc0');hide('loc1');hide('loc2');hide('loc3');cleartx();\" style=\"cursor:hand\">&nbsp;World</a></b><br>" + nav_html;
        document.getElementById("loc0").innerHTML =  nav_html0;
        document.getElementById("loc1").innerHTML =  nav_html1;
        document.getElementById("loc2").innerHTML =  nav_html2;
        document.getElementById("loc3").innerHTML =  nav_html3;
        show("gmapnav");hide("ngmapnav");hide("loc0");hide("loc1");hide("loc2");hide("loc3");hide("n0");hide("n1");hide("n2");hide("n3");
    }