/* author: Felicia Betancourt
date: 17.05.2009
This should create 1st draft of poet's map, 
within a division of class "map_canvas".
*/

//window.onload = loadMap;
//window.onload = alert("huh?");
//window.onunload = GUnload;
GEvent.addDomListener(window,'load',loadMap);
GEvent.addDomListener(window,'unload',GUnload);


var map;
var geoXml;
var fmbMarkers = [];

function loadMap()
{
	//loadMap: initialize the API and load the map into div with id = "map_canvas"
	
	//get map container div
	var mapDiv = document.getElementById('map_canvas');
	//confirm compatibility of browser with Google Maps API
	if (!GBrowserIsCompatible()) //show message if browser is not compatible
	{
		mapDiv.innerHTML = 'Sorry, your browser isn\'t compatible with Google Maps.';
	}
	else 
	{
		//Initialize icons
		var whiteIcon, greyIcon, redIcon, purpleIcon, pinkIcon, greenIcon, yellowIcon, blueIcon, orangeIcon, redIconA, redIconB, redIconC, redIconD, redIconE, redIconF;
		whiteIcon = new GIcon(G_DEFAULT_ICON);
		whiteIcon.image = 'kml/markers/white.png';
		whiteIcon.iconSize = new GSize(32, 32);
		greyIcon = new GIcon(G_DEFAULT_ICON);
		greyIcon.image = 'kml/markers/grey.png';
		greyIcon.iconSize = new GSize(32, 32);
		redIcon = new GIcon(G_DEFAULT_ICON);
		redIcon.image = 'kml/markers/red.png';
		redIcon.iconSize = new GSize(32, 32); 
		purpleIcon = new GIcon(G_DEFAULT_ICON);
		purpleIcon.image = 'kml/markers/purple.png';
		purpleIcon.iconSize = new GSize(32, 32);
		pinkIcon = new GIcon(G_DEFAULT_ICON);
		pinkIcon.image = 'kml/markers/pink.png';
		pinkIcon.iconSize = new GSize(32, 32);
		greenIcon = new GIcon(G_DEFAULT_ICON);
		greenIcon.image = 'kml/markers/green.png';
		greenIcon.iconSize = new GSize(32, 32);
		yellowIcon = new GIcon(G_DEFAULT_ICON);
		yellowIcon.image = 'kml/markers/yellow.png';
		yellowIcon.iconSize = new GSize(32, 32);
		blueIcon = new GIcon(G_DEFAULT_ICON);
		blueIcon.image = 'kml/markers/blue.png';
		blueIcon.iconSize = new GSize(32, 32);
		orangeIcon = new GIcon(G_DEFAULT_ICON);
		orangeIcon.image = 'kml/markers/orange.png';
		orangeIcon.iconSize = new GSize(32, 32);
		redIconA = new GIcon(G_DEFAULT_ICON);
		redIconA.image = 'kml/markers/myRedA.png';
		redIconA.iconSize = new GSize(32, 32);
		redIconB = new GIcon(G_DEFAULT_ICON);
		redIconB.image = 'kml/markers/myRedB.png';
		redIconB.iconSize = new GSize(32, 32);
		redIconC = new GIcon(G_DEFAULT_ICON);
		redIconC.image = 'kml/markers/myRedC.png';
		redIconC.iconSize = new GSize(32, 32);
		redIconD = new GIcon(G_DEFAULT_ICON);
		redIconD.image = 'kml/markers/myRedD.png';
		redIconD.iconSize = new GSize(32, 32);
		redIconE = new GIcon(G_DEFAULT_ICON);
		redIconE.image = 'kml/markers/myRedE.png';
		redIconE.iconSize = new GSize(32, 32);
		redIconF= new GIcon(G_DEFAULT_ICON);
		redIconF.image = 'kml/markers/myRedF.png';
		redIconF.iconSize = new GSize(32, 32);

		//initialize the core map object ("map")
		map = new GMap2(mapDiv);
		//set initial center and zoom level
		map.setCenter(new GLatLng(37.865000, -122.268332), 14);
		//set default controls to be shown
		map.setUIToDefault(); //added in v2.146
		
		//add information in kml files via GGeoXml objects before iwps icons so latter will be in front (?)
	    geoXml_1 = new GGeoXml('http://iwps.poetryslam.com/kml/iwpsStaffPicks.kml');
	    	    map.addOverlay(geoXml_1);
		geoXml_2 = new GGeoXml('http://iwps.poetryslam.com/kml/berkeleyCheapEats.kml');
	    	    map.addOverlay(geoXml_2);
		geoXml_3 = new GGeoXml('http://iwps.poetryslam.com/kml/vegan.kml');
	    	    map.addOverlay(geoXml_3);
		
		//add markers as elements of an array
		fmbMarkers[0] = {'type':'venue', 'name':'starry plough', 'marker':new GMarker(new GLatLng(37.853015, -122.265955),{icon:redIconA})};
		fmbMarkers[1] = {'type':'venue', 'name':'long haul', 'marker':new GMarker(new GLatLng(37.852494,-122.266436),{icon:redIconB})};
		fmbMarkers[2] = {'type':'venue', 'name':'la pena', 'marker':new GMarker(new GLatLng(37.852805, -122.265945),{icon:redIconC})};
		fmbMarkers[3] = {'type':'venue', 'name':'wheeler hall', 'marker':new GMarker(new GLatLng(37.871111, -122.259167),{icon:redIconD})};
		fmbMarkers[4] = {'type':'hotel', 'name':'howard johnson', 'marker':new GMarker(new GLatLng(37.869199, -122.268432),{icon:orangeIcon})};
		//add each marker to map after binding to info window on map page
		for (var i = 0; i < fmbMarkers.length; i++) {
			fmbMarkers[i].marker.bindInfoWindow(document.getElementById('info'+i), {maxWidth:200});
			map.addOverlay(fmbMarkers[i].marker);
		}
	
	}
}