function cancelDirectionsForm(event){ 
        var e = event; 
        if(typeof e.preventDefault == 'function') e.preventDefault(); 
	        if (typeof e.stopPropagation == 'function') e.stopPropagation(); 
        if(window.event){ 
                window.event.cancelBubble = true; // for IE 
                window.event.returnValue = false; // for IE 
        } 
}
					
function submitDirectionsForm(formObj){
	if(formObj.dir[1].checked ){
		tmp = formObj.daddr.value;
		formObj.daddr.value = formObj.saddr.value;
		formObj.saddr.value = tmp;
	}
	formObj.submit();
	if(formObj.dir[1].checked ){
		tmp = formObj.daddr.value;
		formObj.daddr.value = formObj.saddr.value;
		formObj.saddr.value = tmp;
	}
}

function init(){

	// Sales map
	var sales_map = new GMap2(document.getElementById('sales_map'));
	sales_map.addControl(new GSmallMapControl());
	sales_map.addControl(new GMapTypeControl());
	sales_map.setCenter(new GLatLng(51.458102, 0.132498), 13);
	sales_map.setMapType(G_NORMAL_MAP);
	sales_map.enableContinuousZoom();
	sales_map.enableDoubleClickZoom();
	sales_map.enableScrollWheelZoom();
	var point1 = new GPoint( 0.132498, 51.458102);
	var marker1 = new GMarker(point1, {title:"Click for directions."});
	sales_map.addOverlay(marker1);
	GEvent.addListener(marker1, 'click', function(){
			marker1.openInfoWindowHtml("Whitehouse Bexleyheath<form action='http://maps.google.com/maps' method='get' target='_blank' onsubmit='submitDirectionsForm(this);return false;'>Directions: <input type='radio' checked name='dir' value='to' /> <b>To here</b> <input type='radio' name='dir' value='from' /><b>From here</b><br />Address: <input type='text' class='inputbox' size='20' name='saddr' id='saddr' value='' /><br /><input value='Get Directions' class='button' type='submit' /><input type='hidden' name='daddr' value='51.458102, 0.132498'/></form>");
		});
	GEvent.addDomListener(sales_map, 'DOMMouseScroll', cancelDirectionsForm);
	GEvent.addDomListener(sales_map, 'mousewheel', cancelDirectionsForm);

	// After sales map
	var after_sales_map = new GMap2(document.getElementById('after_sales_map'));
	after_sales_map.addControl(new GSmallMapControl());
	after_sales_map.addControl(new GMapTypeControl());
	after_sales_map.setCenter(new GLatLng(51.451792, 0.186035), 13);
	after_sales_map.setMapType(G_NORMAL_MAP);
	after_sales_map.enableContinuousZoom();
	after_sales_map.enableDoubleClickZoom();
	after_sales_map.enableScrollWheelZoom();
	var point2 = new GPoint( 0.186035, 51.451792);
	var marker2 = new GMarker(point2, {title:"Click for directions."});
	after_sales_map.addOverlay(marker2);
	GEvent.addListener(marker2, 'click', function(){
			marker2.openInfoWindowHtml("Whitehouse Parts/Aftersales<form action='http://maps.google.com/maps' method='get' target='_blank' onsubmit='submitDirectionsForm(this);return false;'>Directions: <input type='radio' checked name='dir' value='to' /> <b>To here</b> <input type='radio' name='dir' value='from' /><b>From here</b><br />Address: <input type='text' class='inputbox' size='20' name='saddr' id='saddr' value='' /><br /><input value='Get Directions' class='button' type='submit' /><input type='hidden' name='daddr' value='51.451792, 0.186035'/></form>");
		});
	GEvent.addDomListener(after_sales_map, 'DOMMouseScroll', cancelDirectionsForm);
	GEvent.addDomListener(after_sales_map, 'mousewheel', cancelDirectionsForm);
}

window.onload = init;