//
// Add mark on click event
function AddMarkOnClick(mapObj)
{
		mapObj.map.getDragObject().setDraggableCursor("crosshair");

		
		return NewMarker = GEvent.addListener(mapObj.map, "click", function(overlay, latlng) {
			mapObj.map.getDragObject().setDraggableCursor("auto");
			mapObj.YesNoHide();

			mapObj.newPoint =createSimpleMarker(latlng, mapObj.pointTypes[0].icon, true);
			mapObj.map.addOverlay(mapObj.newPoint);
			GEvent.clearListeners(mapObj.map,  "click");
			GEvent.removeListener(NewMarker);
		});
		
}


//
// create simple marker
function createSimpleMarker(point, icono, editable) {
	var marker = new GMarker(point,  {title: '', icon: icono, draggable: editable, title: "Nuevo Punto" });

   	return marker;
}


//
// Create Map Marker
function createMarker(mapObject, pointId, point, html, icono, editable) {
	var marker = new GMarker(point,  {title: '', icon: icono, draggable: editable, title: pointId });
    GEvent.addListener(marker, "click", function() {
    	marker.openInfoWindowHtml("<div id='globeContent' style='height:270px;width:300px;'></div>",{width:500,height: 600});
		GEvent.addListener(marker, "infowindowopen", function() { showGlobeContent(pointId); });
    });
	GEvent.addListener(marker, "drag", function() {

	mapObject.PointTmpAdd(marker.getTitle(), marker.getPoint())
		
	});

   	return marker;
}


var markers = null; 
//
// Get Xml Data
//function getXMLData(map, dataXML, markerTypes){
function getXMLData(mapObject, dataXML){
		
		// show loading dialog
		mapObject.DescShow('<h3>Cargando Datos<br><br> <img src="Classes/GUI/JavaScript/lib/MapClasses/img/miniloading.gif" border=0></h3>');
		
		GDownloadUrl(dataXML, function(doc)
		{
	      var xmlDoc = GXml.parse(doc);
		  markers = xmlDoc.documentElement.getElementsByTagName("marker");
		  
		  mapObject.xmlMarkers = markers;
		  mapObject.DrawPoints(mapObject.draggableIcons, true);
		  
		  // Hide loading dialog
		  mapObject.DescHide();
		});
}




//
// Map Class
// (Fungo's main Map)
//
var Map = Class.create
({
	initialize: function(id, dataXML, position, zoomLevel, controls, mapType, pointTypes) 
	{
		this.id = id;
		this.dataXML = dataXML;
		

		this.zoomLevel = zoomLevel;
		this.controls = controls;
		this.mapType = mapType;
		this.setPosition(position[0], position[1]);
		this.position = new GLatLng(this.positionX, this.positionY);
		this.pointTypes = pointTypes;
		this.draggableIcons = false;

		this.newPoint = null;
		
		this.pointsTMP = Array();
		this.points = Array();
		
		if (GBrowserIsCompatible()) {
	        this.map = new GMap2(document.getElementById(this.id));
	        this.map.setCenter(this.position , this.zoomLevel);
		

	    }
		else
		{
			alert('Google Maps incompatible Browser');
		}
		
		if(this.controls != 0)
			this.showControls();
	        
		this.map.enableScrollWheelZoom();			

		
	},
	
	
	setPosition: function(positionX, positionY)
	{
		this.positionX=positionX;
		this.positionY=positionY;
		this.position = new GLatLng(this.positionX, this.positionY);

	}
	,
	//
	// show zoom and position controls;
	//
	showControls: function()
	{

		if( this.controls == 1 ) // only map type selector
		{
			this.map.addControl(new GMapTypeControl());
		}
		else
		if ( this.controls == 2 ) // only movement&zoom controls
		{
			this.map.addControl(new GLargeMapControl());
		}
		else
		if (this.controls == 3) // all controls
		{
			this.map.addControl(new GMapTypeControl());
			this.map.addControl(new GLargeMapControl());
		}
		
	},
	
	
	//
	//	change map type (on gmaps [satellite, atlas, ..])
	//
	changeMapType: function(mapType)
	{
		this.mapType = mapType;
		this.map.setMapType(this.mapType);
		//..
		//this.refresh();
		
	},
	
	refresh: function ()
	{
		this.map.setCenter(this.position, this.zoomLevel);
	},
	
	

	
	//
	// create dialog boxes
	//
	CreateDialogBoxes: function()
	{
		//
		// Description box
		
		this.fatherMapDIV = document.getElementById( this.id );
		this.descbox = document.createElement('div');
		this.descbox.id = this.id+"Description";
		this.descbox.style.position ='absolute';
		this.descbox.innerHTML = "";
		this.descbox.style.backgroundColor = "white";
		this.descbox.style.font = "small Arial";
		this.descbox.style.opacity =".75";
		this.descbox.style.border="1px solid black";
		this.descbox.style.textAlign = "center";
		this.descbox.style.width = "300px";
		this.descbox.style.paddingTop = "10px";
		this.descbox.style.paddingBottom = "10px";
		this.descbox.style.top = "100px";
		this.descbox.style.left = "100px";
		this.fatherMapDIV.appendChild(this.descbox);
		
		Element.hide(this.descbox);
		
		//
		// Yes/No Box
		this.fatherMapDIV = document.getElementById( this.id );
		this.yesnoBox = document.createElement('div');
		this.yesnoBox.id = this.id+"YesNo";
		this.yesnoBox.style.position ='absolute';
		this.yesnoBox.innerHTML = "";
		this.yesnoBox.style.backgroundColor = "white";
		this.yesnoBox.style.font = "small Arial";
		this.yesnoBox.style.opacity =".75";
		this.yesnoBox.style.border="1px solid black";
		this.yesnoBox.style.textAlign = "left";
		this.yesnoBox.style.width = "300px";
		this.yesnoBox.style.paddingLeft = "10px";
		this.yesnoBox.style.paddingTop = "10px";
		this.yesnoBox.style.paddingBottom = "10px";
		this.yesnoBox.style.top = "10px";
		this.yesnoBox.style.left = "300px";
		this.fatherMapDIV.appendChild(this.yesnoBox);
		
		
		Element.hide(this.yesnoBox);

	},
	
	//
	// Load Points from XML Source
	LoadPoints: function()
	{
		this.xmlMarkers = null;	
		getXMLData(this , this.dataXML);
	},

	
	// Add NEw point on map
	NewPoint: function()
	{
		this.newPointEvent = AddMarkOnClick(this);
	},
	
	// Stop new point event
	StopNewPoint: function()
	{
		if(this.newPointEvent)
		{
			this.map.getDragObject().setDraggableCursor("auto");
			GEvent.clearListeners(this.map,  "click");
			GEvent.removeListener(this.newPointEvent);
		}
	},
	
	//
	// Draw points from points array
	// @fr < is first read from xml
	DrawPoints: function(isDragable, fr)
	{
		this.ErasePoints();
		
		if (fr == true)
			this.points = Array();
		

		//this.points.icon;
		for (var i = 0; i < this.xmlMarkers.length; i++)
		{
			if (fr == true)
			{
				this.points[i] = Array();
				
				// obtain the attribues of each marker
				this.points[i]['lat']  = parseFloat(this.xmlMarkers[i].getAttribute("lat"));
				this.points[i]['lng'] = parseFloat(this.xmlMarkers[i].getAttribute("lng"));
				this.points[i]['point'] = new GLatLng(this.points[i]['lat'], this.points[i]['lng']);
				this.points[i]['html'] = this.xmlMarkers[i].getAttribute("html");
				this.points[i]['label'] = this.xmlMarkers[i].getAttribute("label");
				this.points[i]['type'] = this.xmlMarkers[i].getAttribute("type");
				this.points[i]['id'] = this.xmlMarkers[i].getAttribute("id");
			}
			
			
			
			//alert(this.points.icon.image);
			// create the marker
			this.points[i]['marker'] = createMarker(	this,
														this.points[i]['id'] ,
														this.points[i]['point'], 
														this.points[i]['html'], 
														this.pointTypes[this.points[i]['type']].icon, isDragable);
			


			// draw the point
			this.map.addOverlay(this.points[i]['marker']);
		}
	},
	
	
	//
	// trigger for click event ( simulate an click event )
	//
	PointAction: function(pointID, action)
	{
		var point = this.GetPointbyID(pointID);
		GEvent.trigger(point['marker'], action);
	},
	
	
	//
	// Add temporal marker
	//
	PointTmpAdd: function(pointID, situation)
	{	
		this.pointsTMP[pointID] = Array();
		this.pointsTMP[pointID]['id'] = pointID;
		this.pointsTMP[pointID]['point'] = situation;
	},
	
	
	//
	//	Save temporal points
	//	
	SaveTmpPoints: function()
	{
		// Save into points Array
		for(var c=0;c<=this.points.length; c++)
		{
			if (this.points[c]) {
				if (this.pointsTMP[this.points[c]['id']])
				{
					//alert(this.points[c]['id']);
					//alert(this.points[c]['point']);
					this.points[c]['point'] = this.pointsTMP[ this.points[c]['id'] ]['point'];


					//alert(this.points[c]['point']);
				//	alert(this.points[c]['point'] );
					//alert(this.pointsTMP[ this.points[c]['id'] ]['point']);
				}
			}
		}

		
		// Erase temporal points
		this.EraseTmpPoints();
	},

	//
	// Erase Temporal points	
	EraseTmpPoints: function()
	{
		this.pointsTMP = Array();
	},
	
	
	
	//
	// search point by ref
	//
	GetPointbyID: function(refPoint)
	{
		for(var i =0; i< this.points.length; i++ )
		{
			if(refPoint == this.points[i]['id'] )
				return this.points[i];
		}
		return null;
	},
	
	//
	// Erase all points
	ErasePoints: function()
	{
		this.map.clearOverlays();
	},
	

	//
	// Increments zoom
	zoomIn: function()
	{
		this.map.zoomIn();
	},
	
	//
	// Decrements zoom
	zoomOut: function()
	{
		this.map.zoomOut();
	},
	
	////////////////////////////////////////
	////////////////////////////////////////
	//////////////// Eventos de Botones
	
	
	DescShow: function(desc)
	{
		Element.show(this.descbox);
		this.descbox.innerHTML = ""+desc+"";
	},
	
	DescHide: function(desc)
	{
		Element.hide(this.descbox);
		this.descbox.innerHTML = "";
	},
	
	YesNoShow: function(comment, yesBtnID, noBtnID)
	{

		if (yesBtnID == null){
			if (noBtnID == null)
				this.yesnoBox.innerHTML = "<p>"+comment+"</p>";
			else
				this.yesnoBox.innerHTML = "<p>"+comment+"</p><input type='button' id='"+noBtnID+"'  value='Cancelar'>";
		}
		else
			this.yesnoBox.innerHTML = "<p>"+comment+"</p><input type='button' id='"+noBtnID+"'  value='Cancelar'><input type='button' id='"+yesBtnID+"'  value='Aceptar'>";
		Element.show(this.yesnoBox);

	},
	
	YesNoHide: function()
	{
		Element.hide(this.yesnoBox);
		this.yesnoBox.innerHTML = "";
	}
	
	
});