// JavaScript Document

function initMap()
{
	if (GBrowserIsCompatible())
	{
		var map = new GMap2(document.getElementById("map"));

		// add controls to the map
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.enableContinuousZoom();
		map.enableDoubleClickZoom();

		// center the map on Fareham
		map.setCenter(new GLatLng(50.867281, -1.199248), 13);

		// create an icon object for the office marker
		var icon = new GIcon();
		icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
		icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		icon.iconSize = new GSize(12, 20);
		icon.shadowSize = new GSize(22, 20);
		icon.iconAnchor = new GPoint(6, 20);
		icon.infoWindowAnchor = new GPoint(5, 1);

		var office = new GLatLng(50.867281, -1.199248);
		var office_details='';
		office_details += '<p class="first">Netbasic Ltd.<br />9 Funtley Court<br />Funtley Hill<br />Fareham<br />Hampshire<br />PO16 7UY</p></div>';
		office_details += '<p>Get directions <a href="http://maps.google.co.uk/maps?daddr=PO16+7UY&saddr=&f=li&hl=en&layer=&ie=UTF8&z=16&om=1&iwloc=addr" target="_blank">to here</a> ';
		office_details += 'or <a href="http://maps.google.co.uk/maps?saddr=PO16+7UY&daddr=&f=li&hl=en&layer=&ie=UTF8&z=16&om=1&iwloc=addr" target="_blank">from here</a></p>';
		map.addOverlay(createMarker(icon, office, office_details));
		
//		addDirections(map, icon);
	}
}
addOnLoad(initMap);

function createMarker(icon, point, text)
{
	var marker = new GMarker(point, icon);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(text);
	});
	return marker;
}

function addDirections(map, icon)
{
	var junction10 = new GLatLng(50.866807, -1.182361);
	var junction10_details='This junction is rubbish.';
	map.addOverlay(createMarker(icon, junction10, junction10_details));

	// from the office to the motorway
	var encodedPolyline = new GPolyline.fromEncoded({
		color: "#ff0000",
		weight: 5,
		points: "}~muHlfiF?}BzAVt@]ZeAxAuD^eAxN{qAyI}Bq@y@}BKsCk@",
		levels: "BBBBBBBBBBBB",
		zoomFactor: 32,
		numLevels: 4
	});
	map.addOverlay(encodedPolyline);

	// coming from the west
	var encodedPolyline = new GPolyline.fromEncoded({
		color: "#ff0000",
		weight: 5,
		points: "uanuHb{fFvDmd@~AyNtCyQrDyPdEiRxCkMbC}LpBgL|@gH~A}MX{D_@qCZqC|@o@vDlAl@~Ce@jC_BjBiEnQiCfMwDtRsD|P{DzPkD|PoC~PgBpNiAhKE`Ej@~DlA`ArAEjAgAb@{BMeCmA_CiCwB_HyCkM_FFs@lW|JjEF",
		levels: "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
		zoomFactor: 32,
		numLevels: 4
	});
	map.addOverlay(encodedPolyline);
}