var map, directions;

	function initialize() {
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("map"));
            map.setCenter(new GLatLng(51.53375, -0.122094), 13);
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());

            var office = new GLatLng(51.53375, -0.122094);
		    Address = "EC Harris<br />ECHQ<br />34 York Way<br />London<br />N1 9AB<br />United Kingdom";
		    tele = "+44 (0)20 7812 2000";
		    fax = "+44 (0)20 7812 2001";
    	    Details = Address + "<br /><strong>Tel:</strong>" + tele + "<br /><strong>Fax:</strong>" + fax + "<br />";
		    map.addOverlay(createMarker(office,Details));
            map.enableScrollWheelZoom();

            directions = new GDirections(map, document.getElementById("directions"));
            
			var fromaddressvalue = document.getElementById("Template_LocID_addressFrom");
			if(fromaddressvalue.value != "e.g. Curtain Road, London" && fromaddressvalue.value != "")
			{
				setDirections(fromaddressvalue.value);
			}
		}
    }

    function createMarker(point,html) {
        var icon = createIcon();
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
		    var output = "<div id=\"gmap\">" + html + "</div>";
	        marker.openInfoWindowHtml(output);
        });
      	return marker;
    }
    
    function createIcon(){
	    var icon = new GIcon();
	    icon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
    	icon.shadowSize = new GSize(24, 21);
	    icon.iconAnchor = new GPoint(6, 20);
	    icon.infoWindowAnchor = new GPoint(5, 1);
	    return icon;
    }

    function setDirections(fromAddress) {
        var toAddress = '34 York Way @51.53375, -0.122094';
        var locale = 'en_UK';
        
		directions.clear();
		directions.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
    }