//<![CDATA[
var map;
var icon0;
var newpoints = new Array();
 
function addLoadEvent(func) { 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function'){ 
		window.onload = func
	} else { 
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
 
addLoadEvent(loadMap);
addLoadEvent(addPoints);
 
function loadMap() {
	map = new GMap(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
//	map.addControl(new GMapTypeControl(),               
//	new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(3, 3)));
 
	map.centerAndZoom(new GPoint( -0.6051 , 51.1941), 4);
 
	icon0 = new GIcon();
	icon0.image = "http://www.ubiquedesign.co.uk/clients/jm/images/jm.png";
	icon0.shadow = "http://www.ubiquedesign.co.uk/clients/jm/images/shade.png";
	icon0.iconSize = new GSize(29, 29);
	icon0.shadowSize = new GSize(29, 29);
	icon0.iconAnchor = new GPoint(15, 15);
	icon0.infoWindowAnchor = new GPoint(9, 2);
	icon0.infoShadowAnchor = new GPoint(18, 25);
}
 
function addPoints() {
 
	newpoints[0] = new Array( -0.6051, 51.1941, icon0, 'Esox', '<div id="popup"><span class="tle">Driving Directions</span><br>Add your starting point below<br>    <input type="text" id="from" />&nbsp;<input type="button" id="button" onclick="loadDirections();" value="Get route" /></div>'); 
 
	for(var i = 0; i < newpoints.length; i++) {
 
		var point = new GPoint(newpoints[i][0],newpoints[i][1]);
 
		//Add overlay to map 
		var popuphtml = newpoints[i][4] ;
		var marker = createMarker(point,newpoints[i][2],popuphtml);
		map.addOverlay(marker);
	}
}
 
function createMarker(point, icon, popuphtml) {
	var marker = new GMarker(point, icon);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(popuphtml);
	});
	return marker;
}

		function loadDirections()
		{
			var startPoint=document.getElementById("from").value;
			var theurl = "http://maps.google.co.uk/maps?f=q&hl=en&q=" + startPoint + "+to+GU7 3EG";
			var pp=window.open(theurl,"mapdirs");
		}

    //]]>