// global class objects
var map;
var oAccordion;

// global variables
var nActiveTab;

// used with "more" link in the google markers		
function gotoAccordion( nTabIndex )
{
	nActiveTab = nTabIndex;
	oAccordion.showTabByIndex( nTabIndex, 1 );
}

// for setting tab when someone clicks on the title bar
function setTabIndex( nTabIndex )
{
	nActiveTab = nTabIndex;
}

function showLocalMap( nLat, nLong )
{
	map.closeInfoWindow();
	map.setZoom(12);
	map.panTo( new GLatLng( nLat, nLong ) );
}

function getDirections()
{
	var aAddresses = new Array(8);
	aAddresses[0] =	"5380 Weblin Farm Road, Virginia Beach,VA 23455, USA";
	aAddresses[1] =	"767C Portola Street, San Francisco, CA 94129, USA";
	aAddresses[2] =	"2-56 Henry St., Toronto, ON M5T 1X2, Canada";
	aAddresses[3] =	"1038 Brandywine Ct., Manotick, ON K4M 1J2, Canada";
	aAddresses[4] =	"6 1/2 Depot Street, La Grande, OR 97850, USA";
	aAddresses[5] =	"4195 17th Street, San Francisco, CA 94114, USA";
	aAddresses[6] =	"Wasaga Beach, ON, Canada";
	aAddresses[7] =	"Brampton, ON, Canada";
				
	saddr = document.forms[0].elements[nActiveTab-1].value;
	daddr = aAddresses[nActiveTab-1];

	var gmapUrl = "http://maps.google.com/maps?saddr=" + saddr + "&daddr=" + daddr;
	oNewWindow = window.open( gmapUrl, "directions", 'fullscreen, resizeable' );
	if (window.focus) {oNewWindow.focus()}
}

function googlemap()
{
	if (GBrowserIsCompatible())
	{
		var aMarkers = new Array(6);
		aMarkers[0] =	new Array("36.93", "-76.28", "<div id=\"wh_gmapMarkerBody\"><b>Keith and Joan</b><br/>5380 Weblin Farm Road<br/>Virginia Beach,VA 23455<br/>USA<div class=\"wh_markerLinks\"><span class=\"wh_markerLink\" onclick=\"gotoAccordion(1);\">More</div></div>");
		aMarkers[1] =	new Array("37.75", "-122.68", "<div id=\"wh_gmapMarkerBody\"><b>K.G., Christine and Johanna</b><br/>767C Portola Street<br/>San Francisco, CA 94129<br/>USA<div class=\"wh_markerLinks\"><span class=\"wh_markerLink\" onclick=\"gotoAccordion(2);\">More</div></div>");
		aMarkers[2] =	new Array("43.6758", "-79.5135", "<div id=\"wh_gmapMarkerBody\"><b>Paul</b><br/>2-56 Henry St.<br/>Toronto, ON M5T 1X2<br/>Canada<div class=\"wh_markerLinks\" onclick=\"gotoAccordion(3);\"><span class=\"wh_markerLink\" onclick=\"gotoAccordion(3);\">More</div></div>");
		aMarkers[3] =	new Array("45.2286", "-75.6748", "<div id=\"wh_gmapMarkerBody\"><b>Barry, Stephanie, Liam and Fiona</b><br/>1038 Brandywine Ct.<br/>Manotick, ON K4M 1J2<br/>Canada<br/><div class=\"wh_markerLinks\"><!--<span class=\"wh_markerLink\" onclick=\"showLocalMap('45.2286', '-75.6748')\">Show Local Map</span>--><span class=\"wh_markerLink\" onclick=\"gotoAccordion(4);\">More</span></div></div>");
		aMarkers[4] =	new Array("45.28", "-118.00", "<div id=\"wh_gmapMarkerBody\"><b>Shivonne</b><br/>6 1/2 Depot Street<br/>La Grande, OR 97850<br/>USA<div class=\"wh_markerLinks\"><span class=\"wh_markerLink\" onclick=\"gotoAccordion(5);\">More</div></div>");
		aMarkers[5] =	new Array("38", "-121.68", "<div id=\"wh_gmapMarkerBody\"><b>Meghan</b><br/>4195 17th Street<br/>San Francisco, CA 94114<br/>USA<div class=\"wh_markerLinks\"><span class=\"wh_markerLink\" onclick=\"gotoAccordion(6);\">More</div></div>");
		//aMarkers[6] =	new Array("44.4830", "-80.0618", "<div id=\"wh_gmapMarkerBody\"><b>Rodney and Valerie</b><br/><div class=\"wh_gmapMarkerMore\" onclick=\"gotoAccordion(7);\">More</div></div>");
		//aMarkers[7] =	new Array("43.7195", "-79.7882", "<div id=\"wh_gmapMarkerBody\"><b>Taylor</b><br/>Brampton, ON<br/>Canada<div class=\"wh_gmapMarkerMore\" onclick=\"gotoAccordion(8);\">More</div></div>");
						
		map = new GMap2(document.getElementById("map"));
		//map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(43.0689, -96.8555), 3);
		map.setMapType(G_SATELLITE_MAP);

		for( var i=0; i < aMarkers.length; i++ )
		{
			var sLat = aMarkers[i][0];
			var sLong = aMarkers[i][1];
			var sTitle = aMarkers[i][2];
			var oPoint = new GLatLng(sLat, sLong);
			map.addOverlay(createMarker(oPoint,sTitle));
		}
	}
}

// Creates a marker at the given point with the given number label				
function createMarker(oPoint, sTitle)
{
	var oMarker = new GMarker(oPoint);
	GEvent.addListener(oMarker, "click", function()
	{
		oMarker.openInfoWindowHtml(sTitle);
		
	});
	GEvent.addListener(oMarker, "infowindowclose", function()
	{
		map.panTo(new GLatLng(43.0689, -96.8555));
	});
	return oMarker;
}

function bodyOnLoad()
{
//	document.getElementById(AccordionDiv).style.display="default";
	oAccordion = new Rico.Accordion( 'accordionDiv', {panelHeight:200} );
	googlemap();
	//oAccordion.showTabByIndex(4,1); // used for testing only
}

function showEmail(sName)
{
	var sMessage = "This feature will be enabled once a satisfactory anti-spam measure is implemented.";
	sMessage = sMessage + " In the meantime, please try using firstname @ nesbit dot net."
	alert( sMessage );
}

