var map, manager;
var centerLatitude = 33.541395, centerLongitude = -112.081146, startZoom = 9;

function createMarker(pointData) {
 
	var latlng = new GLatLng(pointData.latitude, pointData.longitude);
	var icon 				= new GIcon();
	icon.image 				= "http://labs.google.com/ridefinder/images/mm_20_red.png";
	icon.shadow 			= "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	icon.iconSize 			= new GSize(20, 34);
	icon.shadowSize 		= new GSize(37, 34); 
	icon.iconAnchor 		= new GPoint(9, 34);
	icon.infoWindowAnchor 	= new GPoint(5, 1);

	var letter = pointData.letter;
	var letteredIcon = new GIcon(icon);
	letteredIcon.image = "http://www.google.com/mapfiles/marker"+pointData.letter+".png";
	markerOptions = { icon:letteredIcon };
 	var marker = new LabeledMarker(latlng, markerOptions);
	map.addOverlay(marker)
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml("<div class='popup-info'><b>"+pointData.name+"</b><br>"+pointData.address+"<br>"+pointData.city+", "+pointData.state+" "+pointData.zip+"<br><div id='pactions'>» <a href='/locations/"+pointData.city+"/"+pointData.id+"' class='profile'>View Property Profile</a><br>» <a href='/reservations/?location="+pointData.id+"' class='reserve'>Make an Online Reservation</a></div></div></div>");
	});
	
;


//	var listItem = document.createElement('li');
//	listItem.innerHTML = '<div class="label">'+pointData.abbr+'</div><a href="' + pointData.wp + '">' + pointData.name + '</a>';

//	document.getElementById('sidebar-list').appendChild(listItem);

	return marker;
}

function windowHeight() {
	// Standard browsers (Mozilla, Safari, etc.)
	if (self.innerHeight)
		return self.innerHeight;
	// IE 6
	if (document.documentElement && document.documentElement.clientHeight)
		return document.documentElement.clientHeight;
	// IE 5
	if (document.body)
		return document.body.clientHeight;
	// Just in case. 
	return 0;
}

function handleResize() {
//	var height = windowHeight() - document.getElementById('toolbar').offsetHeight - 30;
//	document.getElementById('map').style.height = height + 'px';
//	document.getElementById('sidebar').style.height = height + 'px';
}

function init() {
	handleResize();
	
	map = new GMap(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
	map.addControl(new GMapTypeControl());

	manager = new GMarkerManager(map);
	
	// This is a sorting trick, don't worry too much about it.
	markers.sort(function(a, b) { return (a.abbr > b.abbr) ? +1 : -1; }); 
	
	batch = [];
	for(id in markers) {
		batch.push(createMarker(markers[id]));
	}
	manager.addMarkers(batch, 3);
	manager.refresh();
}

window.onresize = handleResize;
window.onload = init;
window.onunload = GUnload;