// JScript File

window.onload = bindFunctions;

window.onunload = GUnload;

function bindFunctions()
{   
    selectmenu();
    initialize();
    
};

function initialize() {
	if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
		var point = new GLatLng(6.840272, 79.866373);
        var hotelRoad= new GLatLng(6.840682,79.866893);
                        
        map.setCenter(point, 16);
        map.setUIToDefault();
		map.setMapType(G_SATELLITE_MAP);
				
 		
		var marker = new GMarker(point);
		marker.openInfoWindowHtml('<div style="width:225px"><div><span><font size="4">MountSands Apartments</font></span></div><br/> <div style="display:inline;float:left;"><span>Barns Avenue</span><br/></span></div><div style="display:inline;float:right"><img src="images/map-image.jpg" alt="" /></div><div style="clear:both"></div><a href="http://maps.google.com/maps?saddr=&daddr=' + point.toUrlValue() + '" target ="_blank">Get Directions<\/a></div>');
 		map.addOverlay(marker);
 		
 		var marker2 = new GMarker(hotelRoad);
		marker2.openInfoWindowHtml('<b>Hotel Road</b><br/>Mount Lavinia');
 		map.addOverlay(marker2);
		 		
 		GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml('<div style="width:225px"><div><span><font size="4">MountSands Apartments</font></span></div><br/> <div style="display:inline;float:left;"><span>Barns Avenue</span><br/></span></div><div style="display:inline;float:right"><img src="images/map-image.jpg" alt="" /></div><div style="clear:both"></div><a href="http://maps.google.com/maps?saddr=&daddr=' + point.toUrlValue() + '" target ="_blank">Get Directions<\/a></div>');});
 		GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml('<b>Hotel Road</b><br/>Mount Lavinia');});
 	}

}

function selectmenu()
{ 
    var url= new String(window.location);
    var selected = url.substring(url.lastIndexOf('/')+1,url.lastIndexOf('.') );
    
    if(url.indexOf('?') == -1)
    {        
        document.getElementById('a'+selected.toLowerCase()).className="menuitemselected";
        document.getElementById('a'+selected.toLowerCase()).onmouseout="";
        document.getElementById('a'+selected.toLowerCase()).onmouseover="";  
    }
    else
    {
        document.getElementById('agallery').className="menuitemselected";
        document.getElementById('agallery').onmouseout="";
        document.getElementById('agallery').onmouseover="";
    }
}

function menuitmemouseover(item)
{
    document.getElementById(item).className="menuitemselected";
}

function menuitmemouseout(item)
{
    document.getElementById(item).className="menuitem";
}