var centerLatitude = 47.00882103278017;
var centerLongitude = -120.5361557006836;
var startZoom = 14;


var map;

function init() {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
	retrievePolygons();
	retrieveMarkers();

}
window.onload = init;


function createMarker(latlng, html) {
	var marker = new GMarker(latlng);
	GEvent.addListener(marker, 'click', function() {
		var markerHTML = html;
		marker.openInfoWindowHtml(markerHTML);
	});
	return marker;
}

function retrieveMarkers() {
	var request = GXmlHttp.create();
	//tell the request where to retrieve data from.
	request.open('GET', 'retrieveMarkers.php', true);
	//tell the request what to do when the state changes.
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = request.responseXML;

			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
				var lng = markers[i].getAttribute("lng");
				var lat = markers[i].getAttribute("lat");
				//check for lng and lat so MSIE does not error
				//on parseFloat of a null value
				if(lng && lat) {
					var latlng = new GLatLng(parseFloat(lat),parseFloat(lng));

					var html = '<div id="bubble" style="font-family:Arial; font-size:10pt;"><p align="center"><img src="'+markers[i].getAttribute("photo")+'" width="250" height="150" /><h3 style="font-size: 12pt;line-height:12pt;">'+
					markers[i].getAttribute("name") + '</h3>'+
					markers[i].getAttribute("address") + '<br />'+
					markers[i].getAttribute("address2") + '<br />'+
					'Tel. 509.925.7634<br /> <a href="'+markers[i].getAttribute("moreinfo")+'">More Information</a></p></div>';

					var marker = createMarker(latlng, html);
					map.addOverlay(marker);
				}
			} //for
		} //if
		//Add marker for CWU
		var latlng = new GLatLng(parseFloat(47.00882103278017),parseFloat(-120.5361557006836));
		var html = '<div style="font-family:Arial; font-size: 10pt; text-align:center;"><h3 style="font-size: 12pt;line-height:12pt;">Central Washington University</h3><a href="http://www.cwu.edu">website</a></div>';
		var icon = new GIcon();
		icon.image = 'images/google_CWU2.gif';
		icon.iconSize = new GSize(65,92);
		icon.iconAnchor = new GPoint(60,-30);
		icon.infoWindowAnchor = new GPoint(14,14);
		var marker = new GMarker(latlng,icon);
		map.addOverlay(marker);
		GEvent.addListener(marker, 'click', function() {
			var markerHTML = html;
			marker.openInfoWindowHtml(markerHTML);
		});
		//end add marker for CWU
	} //function

	request.send(null);
}

function retrievePolygons(){
	var latOffset = 0.01;
 	var lonOffset = 0.01;
  	var polygon = new GPolygon([
    new GLatLng(46.999637, -120.548859),
    new GLatLng(47.005549, -120.549073),
    new GLatLng(47.006076, -120.543365),
	new GLatLng(47.010413, -120.543280),
    new GLatLng(47.010436, -120.531735),
	new GLatLng(47.002096, -120.531607),
	new GLatLng(47.001920, -120.533624),
    new GLatLng(46.999842, -120.537443),
	new GLatLng(46.999637, -120.548859)
  ], "#f33f00", 2, 1, "#ff0000", 0.2);
  map.addOverlay(polygon);
}