var map; //the GMap2 itself
function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");}
if (GBrowserIsCompatible()) {
	var tilelayers = [new GTileLayer(new GCopyrightCollection("Fractal:Oh Hyun"),13,17)];
		tilelayers[0].getCopyright = function(a,b) {return {prefix:"", copyrightTexts:[  "<a href=\"http://www.vn21.net\">VN21.net</a>"]};}
		tilelayers[0].getTileUrl = function (a,b) {
			var c=Math.pow(2,b);
			var d=a.x;
			var e=a.y;
			var f="t";
			for(var g=0;g<b;g++){
				c=c/2;
				if(e<c){
					if(d<c){f+="q"}
					else{f+="r";d-=c}
				}
				else{
					if(d<c){f+="t";e-=c}
					else{f+="s";d-=c;e-=c}
				}
			}
			return "vnp/"+f+".jpg"
		} ;
	var custommap = new GMapType(tilelayers, G_NORMAL_MAP.getProjection(), "vn21",{errorMessage:"Data not available <br> vn21.net",alt:"The usual projection"});
		
	var tilelayers2 = [new GTileLayer(new GCopyrightCollection("Fractal: Oh Hyun"),13,17)];
		tilelayers2[0].getCopyright = function(a,b) {return {prefix:"vn21", copyrightTexts:[". net"]}; }
		tilelayers2[0].getTileUrl = function (a,b) {
			var c=Math.pow(2,b);
			var d=a.x;
			var e=a.y;
			var f="t";
			for(var g=0;g<b;g++){
				c=c/2;
				if(e<c){
					if(d<c){f+="q"}
					else{f+="r";d-=c}
				}
				else{
					if(d<c){f+="t";e-=c}
					else{f+="s";d-=c;e-=c}
				}
			}
        return "vnj/"+f+".jpg"
		} ;
	var custommap2 = new GMapType(tilelayers2, new GMercatorProjection(18), "mix", {errorMessage:"Data not available <br> vn21.net",alt:"My Flat Projection"});
	  
	var tilelayers3 = [G_SATELLITE_MAP.getTileLayers()[0]];
	var custommap3 = new GMapType(tilelayers3, new GMercatorProjection(20), "google", { minResolution:13, errorMessage:"Data not available <br> vn21.net"});
	  
	// =================================================
	var side_bar_html = "";
	var gmarkers = [];
	var i = 0;
	var htmls = [];
	var gicons = [];
	
	var baseIcon = new GIcon();
          baseIcon.iconSize=new GSize(32,32);
          baseIcon.shadowSize=new GSize(56,32);
          baseIcon.iconAnchor=new GPoint(16,32);
          baseIcon.infoWindowAnchor=new GPoint(16,0);
		  //========         
		gicons["a1"] = new GIcon(baseIcon,"images/nha1.png", null,"images/sh.png");
		gicons["a2"] = new GIcon(baseIcon,"images/nha2.png", null,"images/sh.png");
		gicons["a3"] = new GIcon(baseIcon,"images/nha3.png", null,"images/sh.png");
		gicons["a4"] = new GIcon(baseIcon,"images/nha4.png", null,"images/sh.png");
		gicons["a5"] = new GIcon(baseIcon,"images/nha5.png", null,"images/sh.png");
		gicons["b1"] = new GIcon(baseIcon,"images/chun1.png", null,"images/sh.png");
		gicons["b2"] = new GIcon(baseIcon,"images/chun2.png", null,"images/sh.png");
		gicons["b3"] = new GIcon(baseIcon,"images/chun3.png", null,"images/sh.png");
		gicons["b4"] = new GIcon(baseIcon,"images/chun4.png", null,"images/sh.png");
		gicons["b5"] = new GIcon(baseIcon,"images/chun5.png", null,"images/sh.png");
		gicons["c1"] = new GIcon(baseIcon,"images/con1.png", null,"images/sh.png");
		gicons["c2"] = new GIcon(baseIcon,"images/con2.png", null,"images/sh.png");
		gicons["c3"] = new GIcon(baseIcon,"images/con3.png", null,"images/sh.png");
		gicons["c4"] = new GIcon(baseIcon,"images/con4.png", null,"images/sh.png");
		gicons["c5"] = new GIcon(baseIcon,"images/con5.png", null,"images/sh.png");
		
	
//========
	function showTooltip(marker) {
		tooltip.innerHTML=marker.tooltip;
		var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
		var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
		var anchor=marker.getIcon().iconAnchor;
		var width=marker.getIcon().iconSize.width;
		var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width,- offset.y + point.y +anchor.y)); 
		pos.apply(tooltip);
		tooltip.style.visibility="visible";
	}

//========    
	function mymouseover(i) {
		showTooltip(gicons[i])
	}     
	function mymouseout() {
		tooltip.style.visibility="hidden";
	}
//========
	var map = new GMap2(document.getElementById("map"), {mapTypes:[custommap, custommap2,custommap3]});
		map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());
        map.enableDoubleClickZoom();
		map.setCenter(new GLatLng(10.768049892078961,106.68222427368164), 15, custommap);
//========
	var tooltip = document.createElement("div");
	document.getElementById("map").appendChild(tooltip);
	tooltip.style.visibility="hidden";
}