var map;
var mypoints = new Array(8);
var myhtml = new Array(8);

function clearit(id)
{
    var xid = 'd' + id
	var el = document.getElementById(xid);
	el.style.display = 'none';
	xid = 'img' + id
	el = document.getElementById(xid);
	el.src = 'bullet.png'
}

function toggle(id)
{
    clearit('1');
    clearit('2');
    clearit('3');
    clearit('4');
    clearit('5');
    clearit('6');
    clearit('7');
    var xid = 'd' + id
	var el = document.getElementById(xid);
	var display = el.style.display ? '' : 'none';
	el.style.display = display;
	xid = 'img' + id
	el = document.getElementById(xid);
	el.src = 'bulletr.png'

	map.recenterOrPanToLatLng(mypoints[id]);


}

function addMarker(id)
{
	var icon = new GIcon();
	icon.image = "http://www.sibike.org/pin.png";
	icon.shadow = "http://www.sibike.org/pinshadow.png";
	icon.iconSize = new GSize(20, 18);
	icon.shadowSize = new GSize(20, 18);
	icon.iconAnchor = new GPoint(6, 18);
	icon.infoWindowAnchor = new GPoint(5, 1);

 	var point = mypoints[id];
	var html = myhtml[id];
	var marker = new GMarker(point, icon);
	map.addOverlay(marker);
    // marker.openInfoWindowHtml(html);
  	GEvent.addListener(marker, "click", function() {
    	marker.openInfoWindowHtml(html);
  	});			
}

function doLoad() 
{
	if ( ! GBrowserIsCompatible() ) 
	{
		document.getElementById("message").innerHTML = "Sorry, Google Maps doesn't work with your browser.";
		return;
	}
	
	
	// Center the map on Miller Field, SI
	map = new GMap(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.centerAndZoom(new GPoint(-74.10604476928711, 40.569241042203664), 4);

	mypoints[0] = 0;
	mypoints[1] = new GPoint(-74.10604476928711, 40.569241042203664);
	mypoints[2] = new GPoint(-74.12136554718017,40.54726545460342);
	mypoints[3] = new GPoint(-74.43709373474121,40.344777886867284);
	mypoints[4] = new GPoint(-74.56493854522705,40.51086271742304);
	mypoints[5] = new GPoint(-74.66033935546875,40.34312608885485);
	mypoints[6] = new GPoint(-74.32036399841308,40.25637446245932);
	mypoints[7] = new GPoint(-74.23912525177002,40.52306440397067);
	myhtml[0] = " ";
	myhtml[1] = "Miller Field";
	myhtml[2] = "Gateway National Park";
	myhtml[3] = "Thompson Park, Jamesburg, NJ";
	myhtml[4] = "Colonial Park";
	myhtml[5] = "Princeton";
	myhtml[6] = "Monmouth Battlefield Park";
	myhtml[7] = "South Shore Hot Bagels";

	addMarker(1);
	addMarker(2);
	addMarker(3);
	addMarker(4);
	addMarker(5);
	addMarker(6);
	addMarker(7);

	document.getElementById("message").innerHTML = " ";

}