// JavaScript Document

var map = null;
var geocoder = null;
var contextmenu;
window.onload = function() {
	load('1');
}

window.onunload = function() {
	GUnload();
}

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 GLargeMapControl());
		createContextMenu(map); 
		var address='<font size="2" face="Arial"><b>The Glasgow Shutter Company</b><br/><br/>Sunnybank<br/>61 Partickhill Road<br/> Glasgow G11 5AB.</font>';
		point = new GLatLng(55.874497, -4.307951);
				
		var marker = new GMarker(point);
		map.setCenter(point,10);
		map.addOverlay(marker);
		map.setMapType(G_HYBRID_MAP);
		GEvent.addListener(marker, "click", 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">&nbsp;&nbsp;Zoom in&nbsp;&nbsp;</div></a>'
								 + '<a href="javascript:zoomOut()"><div class="context">&nbsp;&nbsp;Zoom out&nbsp;&nbsp;</div></a>'
								 + '<a href="javascript:zoomInHere()"><div class="context">&nbsp;&nbsp;Zoom in here&nbsp;&nbsp;</div></a>'
								 + '<a href="javascript:zoomOutHere()"><div class="context">&nbsp;&nbsp;Zoom out here&nbsp;&nbsp;</div></a>'
								 + '<a href="javascript:centreMapHere()"><div class="context">&nbsp;&nbsp;Centre map here&nbsp;&nbsp;</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_LEFT, 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";
}