//Google Maps
var tohere_functionpointer;
var fromhere_functionpointer;

function load() 
	{
  	if (GBrowserIsCompatible()) {

      var gmarkers = [];
      var htmls = [];
      var to_htmls = [];
      var from_htmls = [];
      var i=0;

      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point, icon);

    	/*
		//To and from links from initial window
		// The info window version with the "to here" form open
        to_htmls[i] = html + '<table width="240" border="0" cellspacing="0" cellpadding="0"><tr><td width="240">Directions: <b>To here</b> - <a href="javascript:fromhere_functionpointer(' + i + ')">From here</a>' +
           '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
                  // "(" + name + ")" + 
           '"</td></tr></table>';
        // The info window version with the "to here" form open
        from_htmls[i] = html + '<table width="240" border="0" cellspacing="0" cellpadding="0"><tr><td width="240">Directions: <a href="javascript:tohere_functionpointer(' + i + ')">To here</a> - <b>From here</b>' +
           '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
                  // "(" + name + ")" + 
           '"</td></tr></table>';
        // The inactive version of the direction info (with to and from links)
        html = html + '<table width="240" border="0" cellspacing="0" cellpadding="0"><tr><td width="240">Directions: <a href="javascript:tohere_functionpointer('+i+')">To here</a> - <a href="javascript:fromhere_functionpointer('+i+')">From here</a></td></tr></table>';
		*/

		
		
		// The info window version with the "directions to here" form open
        to_htmls[i] = html + '<table width="240" border="0" cellspacing="0" cellpadding="0"><tr><td width="240">Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
                  // "(" + name + ")" + 
           '"</td></tr></table>';
		// The inactive version with get directions to here link
        html = html + '<table width="240" border="0" cellspacing="0" cellpadding="0"><tr><td width="240"><a href="javascript:tohere_functionpointer('+i+')">Get Directions</a></td></tr></table>';
		

        GEvent.addListener(marker, "click", function() {
          //marker.openInfoWindowHtml(html);
        });
        gmarkers[i] = marker;
        htmls[i] = html;
        i++;
        return marker;
      }

      // functions that open the directions forms
      function tohere(i) {
        gmarkers[i].openInfoWindowHtml(to_htmls[i]);
      }
      function fromhere(i) {
        gmarkers[i].openInfoWindowHtml(from_htmls[i]);
      }
	  
	  tohere_functionpointer = tohere;
	  fromhere_functionpointer = fromhere;

      // Display the map, with some controls and set the initial location 
      var map = new GMap2(document.getElementById("map"));
			map.addControl(new GLargeMapControl());
			map.addControl(new GHierarchicalMapTypeControl());
			map.addMapType(G_PHYSICAL_MAP);
	
			map.setCenter(new GLatLng(53.298331, -2.351460), 14);
			
			map.enableDoubleClickZoom();
			map.enableScrollWheelZoom();
			
			///prevent page scroll
			function wheelevent(e)
			{
				e = window.event
				if (e.preventDefault)
					{
						e.preventDefault()
					}
			e.returnValue = false;
			}
			GEvent.addDomListener(map.getContainer(), "DOMMouseScroll", wheelevent);
			map.getContainer().onmousewheel = wheelevent; 
    
		// Create Icon
		var icon = new GIcon();
			//Test Site
			//icon.image = "http://rk.human-it.com/images/gbal_studio.png";
			//icon.shadow = "http://rk.human-it.com/images/gbalshadow.png";
			//Live Site
			icon.image = "images/gbal_studio.png";
			icon.shadow = "images/gbalshadow.png";
			icon.iconSize = new GSize(41, 60);
			icon.shadowSize = new GSize(72, 60);
			icon.iconAnchor = new GPoint(19, 57);
			icon.infoWindowAnchor = new GPoint(33, 8);
	
      // Set up  marker with info window
      var point = new GLatLng( 53.298331, -2.351460);
      var marker = createMarker(point,'RK','<table width="240" height="135" border="0" cellspacing="0" cellpadding="0"><tr><td width="140"></td><td width="100" align="center"><img src="" alt="" width="95" height="98" /></td>')
      map.addOverlay(marker);
	  
    }
    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}
//End of Google Maps