// file = NodeMarker
var WNMAP_GEOCODE_STATE_ABBR = "WA";
var WNMAP_GEOCODE_STATE_NAME = "Jakarta";
var WNMAP_MAP_START_LON = "114.605258";
var WNMAP_MAP_START_LAT = "-3.14463";
var WNMAP_ACCEPTABLE_DISTANCE = "500";
var WNMAP_MAP_START_ZOOM = "9";
var WNMAP_MAP_START_TYPE = "G_SATELLITE_MAP";
var WNMAP_MAP_URL = "http://map.el02itb.org";
var WNMAP_NODE_URL = "http://map.el02itb.org/";

//NodeMarker.js

var url;

function NodeMarker (name, description, state, lng, lat)
{
	this.name = name;
	this.description = description;
	this.state = state;
	this.visible = true;
	this.streetAddress = "n/a";
	this.tooltip = this.name;
	
	var point = new GLatLng (lat, lng);

	switch (state.toLowerCase()) {
		case 'active':
			this.statePretty = "Active Node";

			var icon = new GIcon ();
			icon.image = WNMAP_MAP_URL + "/images/marker_active.png";
			icon.iconSize = new GSize(20, 34);
		 	icon.iconAnchor = new GPoint(9, 34);
			icon.infoWindowAnchor = new GPoint(20, 1);
			
			NodeMarker.baseConstructor.call (this, point, icon);
			break;
		case 'potential':
			this.statePretty = "Potential Node";

			var icon = new GIcon ();
			icon.image = WNMAP_MAP_URL + "/images/marker_potential.png";
			icon.iconSize = new GSize(20, 34);
			icon.iconAnchor = new GPoint(9, 34);
			icon.infoWindowAnchor = new GPoint(20, 1);

			NodeMarker.baseConstructor.call (this, point, icon);
			break;
		case 'marker':
			this.statePretty = "Marker";

			NodeMarker.baseConstructor.call (this, point);
			break;
		default:
			alert ("Invalid state");
			return;
			break;
	}

	this.getHtml = function () {
		var html = "";

		if (state == "marker") {
			var thing = document.createElement ("div");
			thing.className = "marker_balloon";

			var title = document.createElement ("div");
			title.className = "title";
			title.innerHTML = this.name;
			thing.appendChild (title);
			
			var renameLink = document.createElement ("a");
			renameLink.href = "javascript:var newname = renamePrompt ('" + encode64 (this.name) + "'); if (newname != null) { renameMarker ('" + encode64 (this.name) + "', newname); getMarker (newname).select(); }";
			renameLink.innerHTML = "Rename";
			title.appendChild (renameLink);

			var type = document.createElement ("div");
			type.className ="position";
			type.innerHTML = "<b>Type:</b> " + this.statePretty;
			thing.appendChild (type);

			var pos = document.createElement ("div");
			pos.className = "position";
			pos.innerHTML = "<b>Latitude:</b> " + Math.round(this.getPoint().lat()*1000000)/1000000 + "<br/><b>Longitude:</b> " + Math.round(this.getPoint().lng()*1000000)/1000000;
			thing.appendChild (pos);

			var address = document.createElement ("div");
			address.className = "position";
			address.innerHTML = "<b>Street Address:</b> " + this.streetAddress;
			thing.appendChild (address);

			var distance = document.createElement ("div");
			distance.className = "position";
			distance.innerHTML = "<b>Distance to center:</b> " + distanceToCenterPretty(this.getPoint().lat(), this.getPoint().lng());
			//thing.appendChild (distance);

			var actionList = document.createElement ("ul");
			thing.appendChild (actionList);
	
			var addActionItem = document.createElement ("li");
			var addActionLink = document.createElement ("a");
			addActionLink.innerHTML = "Add this to our database as a location for a potential node.<br/>";

			url = WNMAP_MAP_URL + "/AddPotentialNode.php?lon=" + this.getPoint().lng() + "&lat=" + this.getPoint().lat() + "&name=" + URLEncode (this.name) + "&addr='" + encode64 (this.streetAddress) + "'";
			addActionLink.href = "javascript:window.open (url, null,'menubar=no,scrollbars=yes,addressbar=no,locationbar=no,status=no,height=530,width=440'); void(0);";
			
			addActionItem.appendChild (addActionLink);
			actionList.appendChild (addActionItem);
	
			var deleteActionItem = document.createElement ("li");
			var deleteActionLink = document.createElement ("a");
			deleteActionLink.innerHTML = "Remove this marker";
			deleteActionLink.href = "javascript:getMarker('" + encode64 (this.name) + "').removeMarker ();";
			deleteActionItem.appendChild (deleteActionLink);
			actionList.appendChild (deleteActionItem);


			/*
			var form = document.createElement ("form");
			thing.appendChild (form);

			var stepTitle = document.createElement ("div");
			stepTitle.innerHTML = "Step 1. Pick a name for this location.";
			stepTitle.className = "stepTitle";
			form.appendChild (stepTitle);

			var directionsText = document.createElement ("div");
			directionsText.innerHTML = "Names should begin with the word \"Node\" and may only contain letters and numbers.";
			form.appendChild (directionsText);

			form.appendChild (document.createElement ("br"));

			var nameLabel = document.createElement ("label");
			nameLabel.htmlFor = "nameInput";
			nameLabel.innerHTML = "Name:";
			form.appendChild (nameLabel);

			form.appendChild (document.createElement ("br"));

			var nameInput = document.createElement ("input");
			nameInput.style.width = "100%";
			nameInput.type = "text";
			nameInput.id = "nameInput";
			form.appendChild (nameInput);	

			form.appendChild (document.createElement ("br"));

			var exampleText = document.createElement ("div");
			exampleText.className = "exampleText";
			exampleText.innerHTML = 'eg. "NodeQueenAnnSouth", "Node4578" (Your house number), "NodeIsBetterThanYours", etc.';
			form.appendChild (exampleText);

			var buttonBox = document.createElement ("div");
			buttonBox.className = "buttonBox";
			thing.appendChild (buttonBox);

			var cancelLink = document.createElement ("a");
			cancelLink.href = "javascript:markers['" + this.name + "'].removeMarker();";
			cancelLink.innerHTML = "Cancel";
			buttonBox.appendChild (cancelLink);

			var nextLink = document.createElement ("a");
			nextLink.href = 'javascript:nextStep();';
			nextLink.innerHTML = "Next &raquo;";
			buttonBox.appendChild (nextLink);

			*/

			var f = document.createElement ("div");
			f.appendChild (thing);
			return f.innerHTML;

		} else {
			var thing = document.createElement ("div");
			thing.className = "marker_balloon";

			var title = document.createElement ("div");
			var titleLink = document.createElement ("a");
			titleLink.className = "title";
			titleLink.innerHTML = this.name;
			titleLink.href = WNMAP_NODE_URL + this.name;
			title.appendChild (titleLink);
			title.appendChild (document.createTextNode (' (' + this.description + ')'));
			thing.appendChild (title);
			
			var type = document.createElement ("div");
			type.className ="position";
			type.innerHTML = "<b>Type:</b> " + this.statePretty;
			thing.appendChild (type);

			var pos = document.createElement ("div");
			pos.className = "position";
			pos.innerHTML = "<b>Latitude:</b> " + Math.round(this.getPoint().lat()*1000000)/1000000 + "<br/><b>Longitude:</b> " + Math.round(this.getPoint().lng()*1000000)/1000000;
			thing.appendChild (pos);

			var address = document.createElement ("div");
			address.className = "position";
			address.innerHTML = "<b>Street Address:</b> " + this.streetAddress;
			thing.appendChild (address);

			var distance = document.createElement ("div");
			distance.className = "position";
			distance.innerHTML = "<b>Distance to center:</b> " + distanceToCenterPretty(this.getPoint().lat(), this.getPoint().lng());
			//thing.appendChild (distance);

			var f = document.createElement ("div");
			f.appendChild (thing);
			return f.innerHTML;
		}
	}

	this.setStreetAddress = function (addr) {
		this.streetAddress = addr;
	}

	this.select = function () {
		this.openInfoWindowHtml (this.getHtml());
	}

	this.zoomTo = function () {
		this.hideTooltip ();
		map.setCenter (this.getPoint(), 17);
		this.openInfoWindowHtml (this.getHtml());
	}

	// In GMap2, the maps API changed sufficiently to break the original
	// tooltip code contained here.  As a part of the port to GMap2, I'd
	// like to thank toEat.com and Robert Aspinall for doing the heavy
	// lifting in that code.  It showed the way for how to re-implement
	// tooltips in GMap2.
	this.showTooltip = function () {
		if (this.tooltip) {
			if (!this.tooltipObject) {
				this.tooltipObject = document.createElement ('div');
				this.tooltipObject.innerHTML = this.name;

				var opacity = .70;
				this.tooltipObject.className ="tooltip";
				this.tooltipObject.style.position = 'relative';
				this.tooltipObject.style.background = 'white';
				this.tooltipObject.style.border = '1px solid black';
				this.tooltipObject.style.padding = '2px';
				this.tooltipObject.style.zIndex = 50000;
	            		this.tooltipObject.style.filter = "alpha(opacity=" + opacity + ")";
	                	this.tooltipObject.style.opacity = opacity;

				map.getPane(G_MAP_MARKER_PANE).appendChild(this.tooltipObject);
			}

			var c = map.fromLatLngToDivPixel(new GLatLng(this.getPoint().lat(), this.getPoint().lng()));

			try {
        			this.tooltipObject.style.top  = c.y - ( this.getIcon().iconAnchor.y + 5 ) + "px";
        			this.tooltipObject.style.left = c.x + ( this.getIcon().iconSize.width - this.getIcon().iconAnchor.x + 5 ) + "px";
        			this.tooltipObject.style.display = "block";
			} catch(e) {
				alert(e);
			}
		}
	}

	this.hideTooltip = function () {
		if (this.tooltipObject) {
			this.tooltipObject.style.display = "none";
		}
	}

	this.removeMarker = function () {
		this.hideTooltip ();

		delete markers[this.name];

		populateMap ();
	}

	GEvent.addListener (this, 'click', this.select);
	GEvent.addListener (this, 'mouseover', this.showTooltip);
	GEvent.addListener (this, 'mouseout', this.hideTooltip);

}

extend = function(subClass, baseClass) {
   function inheritance() {}
   inheritance.prototype = baseClass.prototype;

   subClass.prototype = new inheritance();
   subClass.prototype.constructor = subClass;
   subClass.baseConstructor = baseClass;
   subClass.superClass = baseClass.prototype;
}

extend(NodeMarker, GMarker);