var map;
//addLoadEvent(partyOn);

function partyOn() {
	if (!GBrowserIsCompatible()) { return; }
	if (!document.getElementById("events")) { return; }

	var eventsdiv = document.getElementById("events");

	var mapdiv = document.createElement("div");
	mapdiv.setAttribute("id","map");
	mapdiv.setAttribute('style', 'float:right; width: 715px; height: 300px;');

	eventsdiv.parentNode.insertBefore(mapdiv,eventsdiv);

	map = new GMap2(mapdiv);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(38.104266,-97.3600), 4);
	//map.setCenter(new GLatLng(38.104266,-97.3600), 4);
	map.continuousZoomEnabled();

	var icon = new GIcon(G_DEFAULT_ICON);
	icon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
	//icon.iconSize = new GSize(12, 20);
	icon.infoWindowAnchor = new GPoint(8, 40);

	function createMarker(point) {
		var marker = new GMarker(point,icon);
		GEvent.addListener(marker, "click", function() {
		marker.showMapBlowup();
		marker.setCenter(new GLatLng(degrees[0],degrees[1]), 12);
		});
		return marker;
	}

	var events = eventsdiv.getElementsByTagName("li");
	for (var i=0; i<events.length; i++) {
		if (events[i].className.match("vevent")) {
			events[i].onclick = function() {
	
				highlightItem(this);
				//alert(map.getZoom());
				setMapDefault();
	
				var abbrs = this.getElementsByTagName("abbr");
				for (var j=0; j<abbrs.length; j++) {
					if (abbrs[j].className.match("geo")) {
						var degrees = abbrs[j].getAttribute("title").split(";");
					}
				}
				if (degrees) {
					//map.clearOverlays();
					
					if (map.getZoom() > 9) {
						while(map.getZoom() > 9) {
							map.zoomOut();
						}
					} else if (map.getZoom() < 9) {
						while(map.getZoom() < 9) {
							map.zoomIn();
						}
					}
					map.panTo(new GLatLng(degrees[0],degrees[1]));
					var point = new GPoint(parseFloat(degrees[1]),parseFloat(degrees[0]));
					var marker = createMarker(point);
					map.addOverlay(marker);
					//map.setCenter(new GLatLng(degrees[0],degrees[1]), 9);
				}
			}
		}
	}

// This code highlights an item when the user clicks on that address changing the text from dark gray to redish color
	function highlightItem(listitem) {
		var events = eventsdiv.getElementsByTagName("li");
		for (var i=0; i<events.length; i++) {
			if (events[i] == listitem) {
				events[i].style.color = '#930';
			} else {
				events[i].style.color = '#333';
			}
		}
	}

}

function setMapDefault() {
	map.clearOverlays();
	if (map.getZoom() > 4) {
		while(map.getZoom() > 4) {
			map.zoomOut();
		}
		
	} else if (map.getZoom() < 4) {
		while(map.getZoom() < 4) {
			map.zoomIn();
		}
	}
	//map.setCenter(new GLatLng(38.104266,-97.3600), 4);
	map.panTo(new GLatLng(38.104266,-97.3600));
}

function zoomControls() {
}