//<![CDATA[
  	var map;
    var directionsPanel;
    var directions;
	var mgr;
	var iconStep;
	var iconPoint;
	var gps = new Object;
	var infoHTML = new Object;
	
	function loadPoints() {
	  gps.belleville_nj = new GLatLng(40.791329,-74.152908);
	  gps.mexico_border = new GLatLng(32.545222, -117.028922);
	  gps.tijuana_mex = new GLatLng(32.537841,-117.018127);
	  gps.alisitos_mex = new GLatLng(32.124033, -116.884217);
	}

	function loadIcon() {
		iconStep = new GIcon();
		iconStep.image = "http://www.tibay.org/travels/roadtrip/maps/dd-end.png";
		iconStep.iconSize = new GSize(20, 35);
		iconStep.shadowSize = new GSize(22, 20);
		iconStep.iconAnchor = new GPoint(6, 20);
		iconStep.infoWindowAnchor = new GPoint(5, 1);
		
		iconPoint = new GIcon();
		iconPoint.image = "http://www.tibay.org/travels/roadtrip/maps/mapicon_green.png";
		iconPoint.iconSize = new GSize(20, 35);
		iconPoint.shadowSize = new GSize(22, 20);
		iconPoint.iconAnchor = new GPoint(6, 20);
		iconPoint.infoWindowAnchor = new GPoint(5, 1);
	}

	function load() {
      if (GBrowserIsCompatible()) {
		loadPoints();
		loadIcon();
        map = new GMap2(document.getElementById("map"));
        directionsPanel = document.getElementById("route");
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl ());
        directions = new GDirections(map, directionsPanel);
        map.setCenter(gps.belleville_nj,13);
		mgr = new GMarkerManager(map);

		map.addControl(new GScaleControl());
		var ovMap=new GOverviewMapControl();
		map.addControl(ovMap);
		ovMap.getOverviewMap();
		map.enableScrollWheelZoom();
		map.enableContinuousZoom();
		map.enableDoubleClickZoom();
		
		document.getElementById("map").style.top="125px";
		document.getElementById("map").style.left="2%";
		document.getElementById("map").style.width="60%";

		if (window.attachEvent) {
			window.attachEvent("onresize",function(){ //IE
				var hght=document.documentElement.clientHeight*0.7;
				document.getElementById("map").style.height=hght+"px";
			});
		} else {
			document.getElementById("map").style.height="70%";
			window.addEventListener("resize", function() {}, false);
		}
      }
    }

	function getDirections(path) {
	  directions.load(path);
	  GEvent.addListener(directions,"load", function() {
  		var miles = directions.getDistance().html;
		var hours = directions.getDuration().html;
		document.getElementById('distance').innerHTML="Distance: " + miles + " 30 mi";
		document.getElementById('time').innerHTML="Time: " + hours;
		});
	}

	function gotoPoint(point) {
	  var marker = new GMarker(point,iconPoint);
	  mgr.addMarker(marker,8);
	  map.addOverlay(marker);
	  map.panTo(point);
	}

	function toBajaMexico() {
		map.clearOverlays();
		getDirections('from: South Carlsbad, California to: San Diego, California to: +32°32\'42.80\", -117°1\'44.12\"');
		var polyline = new GPolyline([
	  		gps.mexico_border
	  		, gps.tijuana_mex
			, new GLatLng(32.438308, -117.093050)
			, new GLatLng(32.283183, -117.011869)
			, new GLatLng(32.243106, -116.934558)
			, new GLatLng(32.204569, -116.912536)
	  		, gps.alisitos_mex
		], "#0000FF", 5);
		map.addOverlay(polyline);
		map.addOverlay(new GMarker(gps.mexico_border, iconStep));
		map.addOverlay(new GMarker(gps.tijuana_mex, iconStep));
		map.addOverlay(new GMarker(gps.alisitos_mex, iconStep));
	}

	function fromBajaMexico() {
		map.clearOverlays();
		document.getElementById('distance').innerHTML="Distance: approx 30 mi";
		document.getElementById('time').innerHTML="Time: approx. 4 hr";

		var polyline = new GPolyline([
	  		gps.alisitos_mex
			, new GLatLng(32.204569, -116.912536)
			, new GLatLng(32.243106, -116.934558)
			, new GLatLng(32.283183, -117.011869)
			, new GLatLng(32.438308, -117.093050)
	  		, gps.tijuana_mex
	  		, gps.mexico_border
		], "#0000FF", 5);
		map.addOverlay(polyline);
		map.addOverlay(new GMarker(gps.mexico_border, iconStep));
		map.addOverlay(new GMarker(gps.tijuana_mex, iconStep));
		map.addOverlay(new GMarker(gps.alisitos_mex, iconStep));
		map.panTo(new GLatLng(32.243106, -116.934558));
		map.setZoom(9);
	}
	

	//]]>