var map = null;
    var geocoder = null;
    var contextmenu;

    function load(loc) {
      if (GBrowserIsCompatible()) {
        var point;
        map=new GMap2(document.getElementById("map"));
     
        map.addControl(new GOverviewMapControl());
		map.enableDoubleClickZoom();
	    map.enableScrollWheelZoom();
		map.addControl(new GMapTypeControl());
        map.addControl(new GScaleControl());
        map.addControl(new GLargeMapControl3D());
        
        createContextMenu(map); 
        var address='<b><div class="menucontextA">'+h_hotelname+'</b><br/></div>'+h_address+', '+h_city+'<br/><font color=red><b>'+h_minrate+'</b></font>';

        point = new GLatLng(h_latitude,h_longitude);
        map.setCenter(point,15);

		// Create our "tiny" marker icon
		var blueIcon = new GIcon(G_DEFAULT_ICON);
		blueIcon.image = "http://www.tourismcambodia.com/img/icons/icon_marker_H.png";
		markerOptions = { icon:blueIcon };
		marker = new GMarker(point, markerOptions);                     		

		map.addOverlay( marker );
       	map.setMapType(G_NORMAL_MAP);
       
        GEvent.addListener(marker, "mouseover", function() {marker.openInfoWindowHtml(address);});
        marker.openInfoWindowHtml(address); 
      }
    }   
  
  function createContextMenu(map)
   {
      contextmenu = document.createElement("div");
      contextmenu.style.visibility="hidden";
      contextmenu.style.background="#ffffff";
      contextmenu.style.border="1px solid #8888FF";

      contextmenu.innerHTML = '<a href="javascript:zoomIn()"><div class="context contextA" align="left">Zoom In</div></a>'
                            + '<a href="javascript:zoomOut()"><div class="context contextA" align="left">Zoom Out&nbsp</div></a>'
                            + '<a href="javascript:zoomInHere()"><div class="context contextA" align="left">Zoom In here</div></a>'
                            + '<a href="javascript:zoomOutHere()"><div class="context contextA" align="left">Zoom Out here</div></a>'
                            + '<a href="javascript:centreMapHere()"><div class="context contextA" align="left">Centre Map here</div></a>';

      map.getContainer().appendChild(contextmenu);
      GEvent.addListener(map,"singlerightclick",function(pixel,tile) 
      {
          clickedPixel = pixel;
          var x=pixel.x;
          var y=pixel.y;
          if (x > map.getSize().width - 120) 
          { 
            x = map.getSize().width - 120 
          }
          if (y > map.getSize().height - 100) 
          { 
            y = map.getSize().height - 100 
          }
          var pos = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(x,y));  
          pos.apply(contextmenu);
          contextmenu.style.visibility = "visible";
     });
     GEvent.addListener(map, "click", function() 
     {
          contextmenu.style.visibility="hidden";
     });
 }
 
        
 function zoomIn() 
 {
            map.zoomIn();
            contextmenu.style.visibility="hidden";
 }      
 function zoomOut() 
 {
           map.zoomOut();
           contextmenu.style.visibility="hidden";
 }      
 function zoomInHere() 
 {
           var point = map.fromContainerPixelToLatLng(clickedPixel)
           map.zoomIn(point,true);
           contextmenu.style.visibility="hidden";
 }      
 function zoomOutHere() 
 {
          var point = map.fromContainerPixelToLatLng(clickedPixel)
          map.setCenter(point,map.getZoom()-1); 
          contextmenu.style.visibility="hidden";
 }      
 function centreMapHere() 
 {
         var point = map.fromContainerPixelToLatLng(clickedPixel)
         map.setCenter(point);
         contextmenu.style.visibility="hidden";
 }
   
   //]]>