// JavaScript Document
 var map;
    function loadMap() {
      if (GBrowserIsCompatible()) {
        // define the crosshair tile layer and its required functions
        var crossLayer = new GTileLayer(new GCopyrightCollection(""), 0, 15);
        crossLayer.getTileUrl =  function(tile, zoom) {
          return "http://code.google.com/apis/maps/documentation/examples/include/tile_crosshairs.png";
        }
        crossLayer.isPng = function() {return true;}
    
        // Create a new map type incorporating the tile layer
        var layerTerCross = [ G_PHYSICAL_MAP.getTileLayers()[0],
          crossLayer ];
        var mtTerCross = new GMapType(layerTerCross,
            G_PHYSICAL_MAP.getProjection(), "Ter+");

		var where = new GLatLng(12.937541, 100.889983);

        var map = new GMap2(document.getElementById("content"),
        { size: new GSize(720,400) } );
        map.addMapType(G_PHYSICAL_MAP);
        map.addMapType(mtTerCross);
        map.setCenter(where, 16  );
        map.addControl(new GLargeMapControl())
		var mapControl = new GHierarchicalMapTypeControl();

		var opts = {title: "Citin Pudu Kuala Lumpur"};
		var icon_park = new GIcon();
					  icon_park.image = "logo.png";
					  icon_park.iconSize = new GSize(54, 37);
  					  icon_park.iconAnchor = new GPoint(27, 13);
					  icon_park.infoWindowAnchor = new GPoint(27, 10);
		var marker = new GMarker(where, icon_park);
		map.addOverlay(marker);
        map.setMapType(G_NORMAL_MAP ); 

		//Set Event Marker
		GEvent.addListener(marker, "click", function() {
    	marker.openInfoWindowHtml('<div style="width:280px"><br><span class="redhead">Citin Loft Pattaya</span><br><span class="blacktext">177/3 Moo 9 Nongprue, Banglamung Pattaya, Cholburi 20150, Thailand</span><br><span class="blacktext">T +66 38 489 499 <br>F +66 32 53 3722</span><br><span class="blacktext">enquiry@citinloftpattaya.com</span></div>'); 
		});

        // Set up map type menu relationships
        mapControl.clearRelationships();
        mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
        mapControl.addRelationship(G_PHYSICAL_MAP, mtTerCross, "Crosshairs");		
		
		
        // Add control after you've specified the relationships
        map.addControl(mapControl);
      }
    }
    google.setOnLoadCallback(loadMap);
	
	function updatemap(lat, lon, zoom, targetname, lk) {window.location.hash="googlemap";
	var map = new GMap2(document.getElementById("content"),
        { size: new GSize(720,400) } );
		var newaddress= new GLatLng(lat, lon);
		map.setCenter(newaddress, 13);
		var markern = new GMarker(newaddress, opts);
		map.addOverlay(markern);
		map.setMapType(G_NORMAL_MAP);
		var opts = {title: "Your Target"};
		//president set//
		var opts1 = {title: "Citin Pudu Kuala Lumpur"};
		var where = new GLatLng(12.937541, 100.889983);
		var icon_park = new GIcon();
					  icon_park.image = "logo.png";
					  icon_park.iconSize = new GSize(54, 37);
  					  icon_park.iconAnchor = new GPoint(27, 13);
					  icon_park.infoWindowAnchor = new GPoint(27, 10);
		var marker1 = new GMarker(where, icon_park);
		map.addOverlay(marker1);
		//end president

		// Set up map type menu relationships
		var crossLayer = new GTileLayer(new GCopyrightCollection(""), 0, 15);
        crossLayer.getTileUrl =  function(tile, zoom) {
          return "http://code.google.com/apis/maps/documentation/examples/include/tile_crosshairs.png";
        }
        crossLayer.isPng = function() {return true;}
    
        // Create a new map type incorporating the tile layer
        var layerTerCross = [ G_PHYSICAL_MAP.getTileLayers()[0],
          crossLayer ];
        var mtTerCross = new GMapType(layerTerCross,
            G_PHYSICAL_MAP.getProjection(), "Ter+");
		map.addMapType(G_PHYSICAL_MAP);
        map.addMapType(mtTerCross);
		map.addControl(new GLargeMapControl())
		var mapControl = new GHierarchicalMapTypeControl();
        mapControl.clearRelationships();
        mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", true);
        mapControl.addRelationship(G_PHYSICAL_MAP, mtTerCross, "Crosshairs");
		map.addControl(mapControl);
		//Set Event Marker
		GEvent.addListener(marker1, "click", function() {
    	marker1.openInfoWindowHtml('<div style="width:280px"><br><span class="redhead">Citin Hotel Pudu Kuala Lumpur</span><br><span class="blacktext">No. 38, Jalan Pudu Kuala Lumpur, 50100 Malaysia</span><br><span class="blacktext">Tel: +60 3 2031 7777 <br>Fax: +60 3 2031 7911<br>Email:</span><a href="mailto:enquiry@citinpudu.com" class="blacklink">enquiry@citinpudu.com</a></div>'); 
		});
		GEvent.addListener(markern, "click", function() {
    	/*markern.openInfoWindowHtml('<div style="width:350"><br><div id="pictarget"><img src="mappic/noimage.jpg"/></div><div id="targetdata"><span class="blueHead">'+targetname+'</span><br><strong>Address: </strong>'+address+'<br><strong>Operation House: </strong>'+time+'<br><strong>Contact Number: </strong>'+tel+'<br><strong>Website: </strong>'+lk+'</div></div>'); */
		markern.openInfoWindowHtml('<table width="350" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top" class="blueHead">'+targetname+'</td></tr><tr><td align="left" valign="top" class="bottom_menu"><strong>Website: </strong>&nbsp;'+lk+'</td></tr></table>'); 
		});
		/*markern.openInfoWindowHtml('<div style="width:200px" align="center"><br><span class="goldTextBold">'+targetname+'</span></a><br>'+lk+'</div>') */
		markern.openInfoWindowHtml('<table width="350" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top" class="blueHead">'+targetname+'</td></tr><tr><td align="left" valign="top" class="bottom_menu"><strong>Website: </strong>&nbsp;'+lk+'</td></tr></table>')
		
	}
	
	function updatemap2(lat, lon, zoom, targetname, lk, address, time, tel) {window.location.hash="googlemap";
	var map = new GMap2(document.getElementById("content"),
        { size: new GSize(720,400) } );
		var newaddress= new GLatLng(lat, lon);
		map.setCenter(newaddress, 13);
		var markern = new GMarker(newaddress, opts);
		map.addOverlay(markern);
		map.setMapType(G_NORMAL_MAP);
		var opts = {title: "Your Target"};
		//president set//
		var opts1 = {title: "Citin Pudu Kuala Lumpur"};
		var where = new GLatLng(3.146162, 101.701319);
		var icon_park = new GIcon();
					  icon_park.image = "logo.png";
					  icon_park.iconSize = new GSize(58, 32);
  					  icon_park.iconAnchor = new GPoint(25, 15);
					  icon_park.infoWindowAnchor = new GPoint(20, 15);
		var marker1 = new GMarker(where, icon_park);
		map.addOverlay(marker1);
		//end president

		// Set up map type menu relationships
		var crossLayer = new GTileLayer(new GCopyrightCollection(""), 0, 15);
        crossLayer.getTileUrl =  function(tile, zoom) {
          return "http://code.google.com/apis/maps/documentation/examples/include/tile_crosshairs.png";
        }
        crossLayer.isPng = function() {return true;}
    
        // Create a new map type incorporating the tile layer
        var layerTerCross = [ G_PHYSICAL_MAP.getTileLayers()[0],
          crossLayer ];
        var mtTerCross = new GMapType(layerTerCross,
            G_PHYSICAL_MAP.getProjection(), "Ter+");
		map.addMapType(G_PHYSICAL_MAP);
        map.addMapType(mtTerCross);
		map.addControl(new GLargeMapControl())
		var mapControl = new GHierarchicalMapTypeControl();
        mapControl.clearRelationships();
        mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", true);
        mapControl.addRelationship(G_PHYSICAL_MAP, mtTerCross, "Crosshairs");
		map.addControl(mapControl);
		//Set Event Marker
		GEvent.addListener(marker1, "click", function() {
    	marker1.openInfoWindowHtml('<div style="width:280px"><br><span class="redhead">Citin Hotel Pudu Kuala Lumpur</span><br><span class="blacktext">No. 38, Jalan Pudu Kuala Lumpur, 50100 Malaysia</span><br><span class="blacktext">Tel: +60 3 2031 7777 <br>Fax: +60 3 2031 7911<br>Email:</span><a href="mailto:enquiry@citinpudu.com" class="blacklink">enquiry@citinpudu.com</a></div>'); 
		});
		GEvent.addListener(markern, "click", function() {
    	/*markern.openInfoWindowHtml('<div style="width:350"><br><div id="pictarget"><img src="mappic/noimage.jpg"/></div><div id="targetdata"><span class="blueHead">'+targetname+'</span><br><strong>Address: </strong>'+address+'<br><strong>Operation House: </strong>'+time+'<br><strong>Contact Number: </strong>'+tel+'<br><strong>Website: </strong>'+lk+'</div></div>'); */
		markern.openInfoWindowHtml('<table width="350" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top" class="blueHead">'+targetname+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Street:</strong>&nbsp;'+address+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Operation Hour: </strong>&nbsp;'+time+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Nearest Station: </strong>&nbsp;'+tel+'</td></tr><tr><td align="left" valign="top" class="bottom_menu"><strong>Website: </strong>&nbsp;'+lk+'</td></tr></table>'); 
		});
		/*markern.openInfoWindowHtml('<div style="width:200px" align="center"><br><span class="goldTextBold">'+targetname+'</span></a><br>'+lk+'</div>') */
		markern.openInfoWindowHtml('<table width="350" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top" class="blueHead">'+targetname+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Street:</strong>&nbsp;'+address+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Operation Hour: </strong>&nbsp;'+time+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Nearest Station: </strong>&nbsp;'+tel+'</td></tr><tr><td align="left" valign="top" class="bottom_menu"><strong>Website: </strong>&nbsp;'+lk+'</td></tr></table>')
		
	}
	
	function updatemap3(lat, lon, zoom, targetname, lk, address, time, tel, tick) {window.location.hash="googlemap";
	var map = new GMap2(document.getElementById("content"),
        { size: new GSize(720,400) } );
		var newaddress= new GLatLng(lat, lon);
		map.setCenter(newaddress, zoom);
		var markern = new GMarker(newaddress, opts);
		map.addOverlay(markern);
		map.setMapType(G_NORMAL_MAP);
		var opts = {title: "Your Target"};
		//president set//
		var opts1 = {title: "Citin Pudu Kuala Lumpur"};
		var where = new GLatLng(3.146162, 101.701319);
		var icon_park = new GIcon();
					  icon_park.image = "logo.png";
					  icon_park.iconSize = new GSize(58, 32);
  					  icon_park.iconAnchor = new GPoint(25, 15);
					  icon_park.infoWindowAnchor = new GPoint(20, 15);
		var marker1 = new GMarker(where, icon_park);
		map.addOverlay(marker1);
		//end president

		// Set up map type menu relationships
		var crossLayer = new GTileLayer(new GCopyrightCollection(""), 0, 15);
        crossLayer.getTileUrl =  function(tile, zoom) {
          return "http://code.google.com/apis/maps/documentation/examples/include/tile_crosshairs.png";
        }
        crossLayer.isPng = function() {return true;}
    
        // Create a new map type incorporating the tile layer
        var layerTerCross = [ G_PHYSICAL_MAP.getTileLayers()[0],
          crossLayer ];
        var mtTerCross = new GMapType(layerTerCross,
            G_PHYSICAL_MAP.getProjection(), "Ter+");
		map.addMapType(G_PHYSICAL_MAP);
        map.addMapType(mtTerCross);
		map.addControl(new GLargeMapControl())
		var mapControl = new GHierarchicalMapTypeControl();
        mapControl.clearRelationships();
        mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", true);
        mapControl.addRelationship(G_PHYSICAL_MAP, mtTerCross, "Crosshairs");
		map.addControl(mapControl);
		//Set Event Marker
		GEvent.addListener(marker1, "click", function() {
    	marker1.openInfoWindowHtml('<div style="width:280px"><br><span class="redhead">Citin Hotel Pudu Kuala Lumpur</span><br><span class="blacktext">No. 38, Jalan Pudu Kuala Lumpur, 50100 Malaysia</span><br><span class="blacktext">Tel: +60 3 2031 7777 <br>Fax: +60 3 2031 7911<br>Email:</span><a href="mailto:enquiry@citinpudu.com" class="blacklink">enquiry@citinpudu.com</a></div>'); 
		});
		GEvent.addListener(markern, "click", function() {
    	/*markern.openInfoWindowHtml('<div style="width:350"><br><div id="pictarget"><img src="mappic/noimage.jpg"/></div><div id="targetdata"><span class="blueHead">'+targetname+'</span><br><strong>Address: </strong>'+address+'<br><strong>Operation House: </strong>'+time+'<br><strong>Contact Number: </strong>'+tel+'<br><strong>Website: </strong>'+lk+'</div></div>'); */
		markern.openInfoWindowHtml('<table width="350" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top" class="blueHead">'+targetname+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Address:</strong>&nbsp;'+address+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Operation Hour: </strong>&nbsp;'+time+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Ticket per Entry: </strong>&nbsp;'+tick+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Contact Number: </strong>&nbsp;'+tel+'</td></tr><tr><td align="left" valign="top" class="bottom_menu"><strong>Website: </strong>&nbsp;'+lk+'</td></tr></table>'); 
		});
		/*markern.openInfoWindowHtml('<div style="width:200px" align="center"><br><span class="goldTextBold">'+targetname+'</span></a><br>'+lk+'</div>') */
		markern.openInfoWindowHtml('<table width="350" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top" class="blueHead">'+targetname+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Address:</strong>&nbsp;'+address+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Operation Hour: </strong>&nbsp;'+time+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Ticket per Entry: </strong>&nbsp;'+tick+'</td></tr><tr><td width="103" align="left" valign="top" class="bottom_menu"><strong>Contact Number: </strong>&nbsp;'+tel+'</td></tr><tr><td align="left" valign="top" class="bottom_menu"><strong>Website: </strong>&nbsp;'+lk+'</td></tr></table>')
		
	}
