/** GPlotter - Plotter interface for use with Google Maps - offwhite@gmail.com - 2005-07-24        **
 ** Code licensed under Creative Commons Attribution-ShareAlike License      **
 ** http://creativecommons.org/licenses/by-sa/2.0/                           **/

// Usage:
// var plotter = new GPlotter();
// plotter.setColor(plotter.BLUE);
// plotter.setIconUrl("http://gplotter.offwhite.net/maps/icons/");
// plotter.plot("map", "labels", "milwaukee.xml");

var GPlotter = Class.create();

Object.extend(GPlotter.prototype, {
  initialize: function() {
	// Variables
	this.VERSION = '0.9.0';
	this.initialized = false;
	this.mapDocument = "";
	this.maxIconNumber = 25;
	this.baseIcon = new GIcon();
	this.markers = new Array();
	this.baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
	this.baseIcon.iconSize = new GSize(20, 34);
	this.baseIcon.shadowSize = new GSize(37, 34);
	this.baseIcon.iconAnchor = new GPoint(9, 34);
	this.baseIcon.infoWindowAnchor = new GPoint(9, 2);
	this.baseIcon.infoShadowAnchor = new GPoint(18, 25);
	this.iconUrl = "/maps/icons/";
	this.RED = "r";
	this.GREEN = "g";
	this.BLUE = "b";
	this.color = this.GREEN;
	this.maps = new Array();
  },
  // Functions
  setColor: function(c) {
	if (c == this.RED) {
	  this.color = this.RED;
	}
	else if (c == this.GREEN) {
	  this.color = this.GREEN;
	}
	else if (c == this.BLUE) {
	  this.color = this.BLUE;
	}
	else {
	  alert("Color not supported: " + c);
	}
  },
  setIconUrl: function(url) {
	this.iconUrl = url;
  },
  plot: function(mapId, labelsId, feedName) {
	if (!this.initialized) {
	  var plotter = this;
	  this.labels = $(labelsId);
	  var mapElem = $(mapId);
	  if (mapElem) {
		var map;

		if (this.maps[mapId] && this.maps[mapId].setCenter) {
		  map = this.maps[mapId];
		}
		else {
		  map = new GMap2(mapElem);
		  map.addControl(new GSmallMapControl());
		  map.addControl(new GMapTypeControl());
		  this.maps[mapId] = map;
		}

		var params = {
		  map : map,
		  mapID : mapId,
		  labelsID : labelsId
		}

		this.successHandler = this.handleResponse.bind(this, params);

		var opt = {
		  asynchronous:true,
		  // Use POST
		  method: 'get',
		  // Handle successful response
		  onSuccess: this.successHandler,
		  // Handle 500
		  on500: function(t) {
			  alert('Error 500: location "' + t.statusText + '" was not found.');
		  },
		  // Handle 404
		  on404: function(t) {
			  alert('Error 404: location "' + t.statusText + '" was not found.');
		  },
		  // Handle other errors
		  onFailure: function(t) {
			  alert('Error ' + t.status + ' -- ' + t.statusText);
		  }
		}

		new Ajax.Request(feedName, opt);

		this.initialized = true;
	  }
	}
  },
  handleResponse: function(p, t) {
	this.runPlotter(p.map, t.responseXML);
  },
  runPlotter: function(map, xmlDoc)
  {
	this.mapDocument = xmlDoc;
	var root = xmlDoc.getElementsByTagName("locations")[0];
	var version = root.getAttribute("version");
	if (version == "0.9") {
	  this.runPlotter09(map, xmlDoc);
	}
	else {
	  alert("Locations version not supported");
	}
  },
  runPlotter09: function(map, xmlDoc)
  {
	var innerHTML = "";
	var cLat, cLong, zoomLevel;
	var root = xmlDoc.getElementsByTagName("locations")[0];
	cLat = root.getAttribute("latitude");
	cLong = root.getAttribute("longitude");
	zoomLevel = parseInt(root.getAttribute("zoomlevel"));
	var centerPoint = new GLatLng(cLat, cLong);
	map.setCenter(centerPoint, zoomLevel);

	var locations = xmlDoc.getElementsByTagName("location");
	for (var i=0;i<locations.length;i++) {
	  var node = locations[i];
	  var label = node.getAttribute("label");
	  var latitude = node.getAttribute("latitude");
	  var longitude = node.getAttribute("longitude");
	  var street = this.getTagNodeValue(node, "street");
	  var suite = this.getTagNodeValue(node, "suite");
	  var city = this.getTagNodeValue(node, "city");
	  var state = this.getTagNodeValue(node, "state");
	  var phone = this.getTagNodeValue(node, "phone");
	  var zip = this.getTagNodeValue(node, "zip");

	  var number = i + 1
	  innerHTML = innerHTML + number + ". " + label + "<br />";
	  var address = "";
	  if (street != "") { address += street; }
	  if (suite) { address += "<br />" + suite; }
	  if (city) { address += "<br />" + city; }
	  if (state) { address += ", " + state; }
	  if (zip) { address += " " + zip; }
	  address += "<br />";
	  if (phone) { address += phone + "<br />"; }
	  innerHTML += address + "<br />";

	  var icon = new GIcon(this.baseIcon);
	  if (number <= this.maxIconNumber) {
		icon.image = this.iconUrl + "icon" + this.color + number + ".png";
	  }
	  else {
		icon.image = this.iconUrl + "icon" + this.color + ".png";
	  }
	  var marker = this.createMarker09(label, longitude, latitude, icon, address);
	  map.addOverlay(marker);
	}

	if (this.labels) {
	  this.labels.innerHTML = innerHTML;
	}
  },
  createMarker09: function(label, longitude, latitude, icon, address)
  {
	var point = new GLatLng(latitude, longitude);
	var marker = new GMarker(point, icon);
	var text = "<b>" + label + "</b>";
	if (address != "") { text += "<br />" + address; }
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(text);
	});
	this.markers[this.markers.length] = marker;
	return marker;
  },
  getTagNodeValue: function(node, tagName)
  {
	  var value = "";
	  var tag = node.getElementsByTagName(tagName)[0];
	  if (tag && tag.firstChild) {
		value = tag.firstChild.nodeValue;
	  }
	  return value;
  },
  enableDebug: function() { alert('Function not supported: enableDebug'); }
});