function loadHotelMap() 
{
    if (GBrowserIsCompatible()) {
        var mapX = document.getElementById("hdGoogleX").value;
        var mapY = document.getElementById("hdGoogleY").value;

        var map = new GMap2(document.getElementById("map"));
        bounds = new GLatLngBounds();
        map.setCenter(new GLatLng(0, 0), 9);

        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

        var point = new GLatLng(mapX, mapY);
        bounds.extend(point);

        var customIcon = new GIcon(baseIcon);
        customIcon.iconSize = new GSize(20, 34);
        customIcon.image = '../images/hotel.png';
        markerINMBSU = new GMarker(point, { icon: customIcon });
        markerINMBSUInfo = '<table width="200px" border="0" ><tr><td colspan="3" >' + document.getElementById("txtHotelName").value + '</td></tr></table>';

        GEvent.addListener(markerINMBSU, "click", function() {
            markerINMBSU.openInfoWindowHtml(markerINMBSUInfo);
        });
        map.addOverlay(markerINMBSU);

        var EmptyBounds = bounds.isEmpty();
        if (EmptyBounds == false) {
            map.setZoom(map.getBoundsZoomLevel(bounds));
            map.setCenter(bounds.getCenter(), 17);
        }
        else {
            map.setCenter(new GLatLng(defaultlat, defaultlng), 10);
        }
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());


        /* var map = new GMap2(document.getElementById("map"));      

        map.addControl(new GLargeMapControl());
        map.setCenter(new GLatLng(mapX, mapY), 15);        

        // Create our "tiny" marker icon
        var blueIcon = new GIcon(G_DEFAULT_ICON);
        blueIcon.image = "../images/hotel.gif"; //http://maps.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png

        // Set up our GMarkerOptions object
        markerOptions = { icon: blueIcon };

        // Add marker to the map at location
        var point = new GLatLng(mapX, mapY);
        map.addOverlay(new GMarker(point, markerOptions));
        */

        /*
        var center = new GLatLng(mapX, mapY);
        map.setCenter(center, 13);

        var marker = new GMarker(center, { draggable: true, bouncy: true });
        map.addOverlay(marker);

        GEvent.addListener(marker, "dragstart", function() {
        map.closeInfoWindow();
        });

        GEvent.addListener(marker, "dragend", function() {
        marker.openInfoWindowHtml("Just bouncing along...");
        });   
        */


        /* 
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        
        map.setCenter(new GLatLng(mapX, mapY), 15);        
        
        //map.addControl(new GMarker(new GLatLng(mapX, mapY)));         
        */
    }

    document.getElementById("divAddress1").style.display = "none";
}

//Calculate Distance
Number.prototype.toRad = function() { return this * Math.PI / 180; }  // convert degrees to radians
function GetDistance(lat2,lon2) {

    var lat1 = document.getElementById("hdGoogleX").value;
    var lon1 = document.getElementById("hdGoogleY").value;

    var lat1 = parseFloat(lat1), lon1 = parseFloat(lon1);
    var lat2 = parseFloat(lat2), lon2 = parseFloat(lon2);

    var d = Math.acos(Math.sin(lat1.toRad()) * Math.sin(lat2.toRad()) +
                      Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *
                      Math.cos(lon2.toRad() - lon1.toRad())) * 6371;

    var coords = d.toPrecision(5);

    if (coords == "NaN") {
        coords = "";
    }
    else if (coords == "0.0000") {
        coords = "0" + ' km';
    }
    else {
        coords = Math.round(coords * 10) / 10;        
        coords = coords + ' km';
    }
    
    return coords;
}

function writeDistance() {

    var NoofLandmarks = document.getElementById("hdNoofLandmarks").value;
    for (var i = 0; i <= NoofLandmarks; i++) { 
        var id= "mapDistance"+i.toString();
        if (document.getElementById(id) != null)
        {
            var latLong = document.getElementById(id).innerHTML.split('~');
            var distance = '&nbsp;' + GetDistance(latLong[0], latLong[1]);
            document.getElementById(id).innerHTML = distance;
        }
    }
}


function roll_overHotel(url,title,title1)
{ 
  document.getElementById("imgHotelPhotoMain").src = url;
  document.getElementById("imgHotelPhotoMain").title = title1;
  document.getElementById("spHotelPhotoMain").innerHTML=title;
}
function roll_overRoom(url,title,title1)
{ 
  document.getElementById("imgRoomPhotoMain").src = url;
  document.getElementById("imgRoomPhotoMain").title = title1;
  document.getElementById("spRoomPhotoMain").innerHTML=title;
}
function roll_overFacilities(url,title,title1)
{ 
  document.getElementById("imgFacilitiesPhotoMain").src = url;
  document.getElementById("imgFacilitiesPhotoMain").title = title1;
  document.getElementById("spFacilitiesPhotoMain").innerHTML=title;
}

// onmouseover="javascript:roll_overHotel('<%#Eval("cHotelImageUrl") %>','<%#Eval("cHotelTitle") %>')" 
//onmouseout="javascript:roll_overHotel('<%#Eval("cHotelImageUrl") %>','<%#Eval("cHotelTitle") %>')"


function displayHotelInfoMenu(hrefId)
{
    document.getElementById("trInfo").className ="";
    document.getElementById("trAddress").className ="";
    document.getElementById("trGallery").className ="";
    document.getElementById("trReviews").className ="";
    document.getElementById("trPolicies").className ="";
    document.getElementById("tdHotelInfoSubMenu").innerHTML ="";
    
   if(hrefId == "Info")
   {
        document.getElementById("trInfo").className ="selected";
        document.getElementById("tdHotelInfoSubMenu").innerHTML="<span><a href="+"#RoomFacilities"+">Room Facilities</a></span> <span><a href="+"#HotelFacilities"+">Hotel Facilities</a></span>";
        
        document.getElementById("divHotelInfo").style.display="";
        document.getElementById("divRoomFacility").style.display="";
        document.getElementById("divHotelFacility").style.display="";
        document.getElementById("divOtherHotelCityName").style.display="";
        document.getElementById("divAddress1").style.display="none";
        document.getElementById("divAddress2").style.display="none";
        document.getElementById("divGallery").style.display="none";
        document.getElementById("divReviews").style.display="none";
        document.getElementById("divPolicies").style.display="none";
   }
   else if(hrefId == "Address")
   {
        document.getElementById("trAddress").className ="selected";
        document.getElementById("tdHotelInfoSubMenu").innerHTML="<span><a href="+"#Address"+">Address</a></span><span><a href="+"#Location"+">Location</a></span><span><a href="+"#Howtoreach"+">How to reach?</a></span><span><a href="+"#TransportationService"+">Transportation Service</a></span>";
        
        document.getElementById("divHotelInfo").style.display="none";
        document.getElementById("divRoomFacility").style.display="none";
        document.getElementById("divHotelFacility").style.display="none";
        document.getElementById("divOtherHotelCityName").style.display="none";
        document.getElementById("divAddress1").style.display="";
        document.getElementById("divAddress2").style.display="";
        document.getElementById("divGallery").style.display="none";
        document.getElementById("divReviews").style.display="none";
        document.getElementById("divPolicies").style.display="none";
   }
   else if(hrefId == "Gallery")
   {
        document.getElementById("trGallery").className ="selected";
        document.getElementById("tdHotelInfoSubMenu").innerHTML ="<span><a href="+"#GeneralHotelPhotos"+">General Hotel Photos</a></span><span><a href="+"#RoomPhotos"+">Room Photos</a></span><span><a href="+"#HotelFacilitiesImage"+">Hotel Facilities</a></span>";        
        
        document.getElementById("divHotelInfo").style.display="none";
        document.getElementById("divRoomFacility").style.display="none";
        document.getElementById("divHotelFacility").style.display="none";
        document.getElementById("divOtherHotelCityName").style.display="none";
        document.getElementById("divAddress1").style.display="none";
        document.getElementById("divAddress2").style.display="none";
        document.getElementById("divGallery").style.display="";
        document.getElementById("divReviews").style.display="none";
        document.getElementById("divPolicies").style.display="none";
   }
   else if(hrefId == "Reviews")
   {
        document.getElementById("trReviews").className ="selected";
        document.getElementById("tdHotelInfoSubMenu").innerHTML ="<span>&nbsp;</span>";
        
        document.getElementById("divHotelInfo").style.display="none";
        document.getElementById("divRoomFacility").style.display="none";
        document.getElementById("divHotelFacility").style.display="none";
        document.getElementById("divOtherHotelCityName").style.display="none";
        document.getElementById("divAddress1").style.display="none";
        document.getElementById("divAddress2").style.display="none";
        document.getElementById("divGallery").style.display="none";
        document.getElementById("divReviews").style.display="";
        document.getElementById("divPolicies").style.display="none";
   }
   else if(hrefId == "Policies")
   {
        document.getElementById("trPolicies").className ="selected";
        document.getElementById("tdHotelInfoSubMenu").innerHTML ="<span><a href="+"#HotelPolicies"+">Hotel Policies</a></span> <span><a href="+"#TermsandConditions"+">Terms & Conditions</a></span>";
        
        document.getElementById("divHotelInfo").style.display="none";
        document.getElementById("divRoomFacility").style.display="none";
        document.getElementById("divHotelFacility").style.display="none";
        document.getElementById("divOtherHotelCityName").style.display="none";
        document.getElementById("divAddress1").style.display="none";
        document.getElementById("divAddress2").style.display="none";
        document.getElementById("divGallery").style.display="none";
        document.getElementById("divReviews").style.display="none";
        document.getElementById("divPolicies").style.display="";
   }
    
}