﻿		var icon_blue = new GIcon();
		icon_blue.image = "http://www.ypsicrime.org/images/large_blue_marker.png";
		icon_blue.shadow = "http://www.ypsicrime.org/images/large_shadow.png";
		icon_blue.iconSize = new GSize(20, 34);
		icon_blue.shadowSize = new GSize(37, 34);
		icon_blue.iconAnchor = new GPoint(10, 34);
		icon_blue.infoWindowAnchor = new GPoint(4, 4);

		var icon_green = new GIcon();
		icon_green.image = "http://www.ypsicrime.org/images/large_green_marker.png";
		icon_green.shadow = "http://www.ypsicrime.org/images/large_shadow.png";
		icon_green.iconSize = new GSize(20, 34);
		icon_green.shadowSize = new GSize(37, 34);
		icon_green.iconAnchor = new GPoint(10, 34);
		icon_green.infoWindowAnchor = new GPoint(4, 4);

		var icon_red = new GIcon();
		icon_red.image = "http://www.ypsicrime.org/images/large_red_marker.png";
		icon_red.shadow = "http://www.ypsicrime.org/images/large_shadow.png";
		icon_red.iconSize = new GSize(20, 34);
		icon_red.shadowSize = new GSize(37, 34);
		icon_red.iconAnchor = new GPoint(10, 34);
		icon_red.infoWindowAnchor = new GPoint(4, 4);

		var icon_purple = new GIcon();
		icon_purple.image = "http://www.ypsicrime.org/images/large_purple_marker.png";
		icon_purple.shadow = "http://www.ypsicrime.org/images/large_shadow.png";
		icon_purple.iconSize = new GSize(20, 34);
		icon_purple.shadowSize = new GSize(37, 34);
		icon_purple.iconAnchor = new GPoint(10, 34);
		icon_purple.infoWindowAnchor = new GPoint(4, 4);
		
		var icon_yellow = new GIcon();
		icon_yellow.image = "http://www.ypsicrime.org/images/large_yellow_marker.png";
		icon_yellow.shadow = "http://www.ypsicrime.org/images/large_shadow.png";
		icon_yellow.iconSize = new GSize(20, 34);
		icon_yellow.shadowSize = new GSize(37, 34);
		icon_yellow.iconAnchor = new GPoint(10, 34);
		icon_yellow.infoWindowAnchor = new GPoint(4, 4);

		var markers;
    		var infoHtml;
    		var map;
                var i; 
                var gpoint;
                var ibody;
                var lat;
                var lng;
                var name;
 		var which;

	               function onLoad() {

			map = new GMap(document.getElementById("map"));
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.clearOverlays();
                                    map.centerAndZoom(new GPoint(-83.614527,42.241023), 2);
						
			var request = GXmlHttp.create();
                                    var urlmap = 'http://www.ypsicrime.org/XML/20090426.xml';
                                   
			request.open("GET", urlmap, true);
			request.onreadystatechange = function() {
				 if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				var markerElements = xmlDoc.documentElement.getElementsByTagName("incident");
	 			markers = new Array( markerElements.length );
	 			infoHtml = new Array( markerElements.length );
                                                gpoint = new Array(markerElements.length);
				
			for(i = 0; i < markerElements.length; i++) {                                                                
					lat = markerElements[i].getElementsByTagName('lat')[0].firstChild.nodeValue;
					lng = markerElements[i].getElementsByTagName('lng')[0].firstChild.nodeValue;
					name = markerElements[i].getElementsByTagName('title')[0].firstChild.nodeValue;
					type = markerElements[i].getElementsByTagName('type')[0].firstChild.nodeValue;
					ibody = markerElements[i].getElementsByTagName('description')[0].firstChild.nodeValue;
      			
	
			if (i == markerElements.length-50000)
			{
				document.getElementById("loading").style.display = "none";
			}       
				gpoint = new GPoint(parseFloat(lng), parseFloat(lat));
				var marker = balloon(gpoint,name, ibody, type);
				var pObj = new addIncident(type, marker, name, 1);
				}
			  }
			}
			request.send(null);
		}

function balloon(gpoint, name, ibody, type)
	{
	switch(type){
		case "assault":
		var icon = icon_blue;
		break
		case "burglary":
		var icon = icon_green;
		break
		case "larceny":
		var icon = icon_red;
		break
		case "robbery":
		var icon = icon_purple;
		break
		case "UDAA":
		var icon = icon_yellow;
		break
		}
	
	var marker = new GMarker(gpoint,icon);	

		var html = "<div style=\"width:250px;height:115px;overflow:auto;font-size:12px;text-align:left\">";
	html += "<P><B><U>"+name+"</U></B></P>"+ibody+"</div>";


	GEvent.addListener(marker, "click", function()
		{
		marker.openInfoWindowHtml(html);	
		}
		);
		return marker;
	}

function addIncident(type, marker, name)
	{
	this.type = type;
	this.marker = marker;	
	map.addOverlay(marker);
	this.name = name;
	}

function zoom(Lng, Lat) 
	{
	if (map.getZoomLevel() == 4) 
		{
		map.recenterOrPanToLatLng(new GPoint(Lng, Lat));
		} else if (map.getZoomLevel() >= 4) 
			{
			map.centerAndZoom(new GPoint(Lng, Lat), 4);
			}
	if (map.getZoomLevel() != 0) 
		{
		map.centerAndZoom(new GPoint(Lng, Lat), map.getZoomLevel()-1);
		}
	}
