// JavaScript Document

    //<![CDATA[

// ------------------------- Plot Me ------------------------------
var plotme_mode = 0;


// MyMarker prototype

function myMarker() { // prototype for MyMarker
	this.info;
	this.lat;
	this.lng;
	
}


function menu_plotme() {
	if(document.getElementById("plotmemenu").style.visibility == "visible") {
		document.getElementById("plotmemenu").style.visibility="hidden";
		others_off();

	} else {
		document.getElementById("plotmemenu").style.visibility="visible";
		document.getElementById("menu2_trakkies").style.visibility="hidden";
		menu1();
		plotme_mode = 0;
		plotmeMode();
		others_off();

	}	
}

function plotmeMode() {
	switch (plotme_mode) {
		case 0:
			plotme_mode = 1;
			document.getElementById("plotme_action").innerHTML = "Select Locale";
			infoBox("Select Locale","scroll and zoom map to get locale");
			break;
		case 1:
			plotme_mode = 2;
			document.getElementById("plotme_action").innerHTML = "Plot position on map";
			infoBox("Plot position on map","Plot position on map by clicking mouse at desired location.");
			nsListener = GEvent.addListener(map, "click", function(overlay, point) {
			  if (overlay) {
				map.removeOverlay(overlay);
			  } else {

				myMarker.prototype = new GMarker(point,{draggable:true});
				myMarker = (new myMarker());
				myMarker.lat = point.lat();
				myMarker.lng = point.lng();
				map.addOverlay(myMarker);
				GEvent.removeListener(nsListener);
			  }
			});
			break;
		case 2:
			plotme_mode = 3;
			document.getElementById("plotme_action").innerHTML = "position map and marker";
			infoBox("position map and marker","click and drag map and/or marker to new position at desired location.");
			GEvent.removeListener(nsListener);			
			break;
		case 3:
			plotme_mode = 4;
			myMarker.disableDragging();
			document.getElementById("plotme_action").innerHTML = "enter information";
			infoBox("enter information","Enter information about you");		
			//create an HTML DOM form element
			var inputForm = document.createElement("form");
			inputForm.setAttribute("action","");
			//inputForm.onsubmit = function() {saveMarker(); return false;};
			inputForm.innerHTML = '<fieldset style="width:150px;">'
			+ '<legend>trakkie</legend>'
			+ '<label for="name">Name</label>'
			+ '<input type="text" id="name" style="width:100%;"/>'
			+ '<label for="info">Info</label>'
			+ '<textarea id="info" rows="5" cols="20"></textarea>'
			+ '<input type="button" value="Save" onClick="saveMarker()"/>'
			+ '<br />lat :' + myMarker.lat + '<br />'
			+ '<br />long:' + myMarker.lng + '<br />'
			+ '<input type="hidden" id="latitude" value="' + myMarker.lat + '"/>'
			+ '<input type="hidden" id="longitude" value="' + myMarker.lng + '"/>'
			+ '</fieldset>';
			myMarker.openInfoWindowHtml(inputForm);
			break;
		case 4:
			plotme_mode = 5;
			document.getElementById("plotme_action").innerHTML = "finish";
			infoBox("finish","click on marker to see information");	
			document.getElementById("plotme_next").innerHTML = "finish";
			break;
		case 5:
			plotme_mode = 0;
			menu_plotme();
			break;

		
	}

}

function saveMarker() {
	alert('marker saved');


}


function plotmehelp() {
	infoBox("","",true);


}

function plotmeguide() {
	//infoBox("Plot Me Help","first select your location");


}
// ========================== Plot Me ======================

   //]]>