function GCMap(centerLocation, mapTypeId, elementId){
	var myOptions = {
		center: centerLocation,
		mapTypeId: mapTypeId
	};
	this.map = new google.maps.Map(document.getElementById(elementId), myOptions);	
	this.gcMarkers = [];
	this.bounds = new google.maps.LatLngBounds();
}

GCMap.prototype = {
	map : undefined,
	bounds : undefined,
	refMarker : undefined,
	gcMarkers : undefined,
	defaultEventType : 0,
	
	listen: function(){
		var self = this;		
		//Escuchamos los eventos que nos lleguen (postMessage). Solo afectan al refMarker
		bindEvent(window, 'message', function (e) {
			var data = JSON.parse(e.data);
			if(data.radio){
				if(self.refMarker){
					if(!data.radio.isNaN){
						self.refMarker.setAccuracy(data.radio);
					}
				}
			}
			
			if(data.position){
				var latLng = new google.maps.LatLng(data.position.lat, data.position.lng);
				if(self.refMarker){
					self.setLocationRefMarker(latLng);
				}else{
					var refMarker = new GCMarker(latLng, false);
					self.setRefMarker(refMarker);
					self.setLocationRefMarker(latLng);
				}
			}
		});
	},

	setDefaulEventType: function(type){
		this.defaultEventType = type;
	},	
	
	setRefMarker: function(gcMarker){
		gcMarker.setMap(this.map, gcMarker.visible);	
		this.refMarker = gcMarker;
		if(gcMarker.title != undefined){
			gcMarker.marker.title = gcMarker.title;
		}

		var dotIcon = "green-dot.png";
		if(gcMarker.icon != undefined){
			dotIcon = gcMarker.icon;
		}
		
		this.refMarker.marker.setIcon("/gisc/icons/"+dotIcon);
		this.bounds.extend(this.refMarker.marker.position);
		this.refMarker.setEventType(this.defaultEventType);
	},
	
	setLocationRefMarker: function(latLng, viewport){
		if(this.refMarker != undefined){
			this.refMarker.clean();
		}
		this.refMarker.marker.position = latLng;
		this.refMarker.marker.setMap(this.map);
		if(this.refMarker.accuracy != undefined){
			this.refMarker.setAccuracy(this.refMarker.accuracy);
		}

		if (viewport) {
			this.resetBounds();
			this.unionBounds(viewport);
		}else{
			this.extendBounds(latLng);
		}

		this.fitBounds();

		this.refMarker.calculateAddress(true);	
	},	
	
	addMarker: function(gcMarker){
		gcMarker.setMap(this.map, gcMarker.visible);
		this.gcMarkers.push(gcMarker);
		if(gcMarker.visible){
			this.bounds.extend(gcMarker.marker.position);
		}
		gcMarker.setEventType(this.defaultEventType);
		
		var dotIcon = "red-dot.png";
		if(gcMarker.icon != undefined){
			dotIcon = gcMarker.icon;
		}
		gcMarker.marker.setIcon("/gisc/icons/"+dotIcon);
		
		if(gcMarker.title != undefined){
			gcMarker.marker.title = gcMarker.title;
		}
	},

	fitBounds: function(){
		this.map.fitBounds(this.bounds);
	},		
	extendBounds: function(location){
		this.bounds.extend(location);
	},
	unionBounds: function(viewport){
		this.bounds.union(viewport);
	},	
	setZoom:function(zoom){
        if(!zoom.isNaN){
			var self = this;	        	
            var listener = google.maps.event.addListener(this.map, "idle", function() { 
          		if (self.map.getZoom() != zoom) {
        			self.map.setZoom(zoom); 
        		}
        		google.maps.event.removeListener(listener); 
        	});
        }
	},
	
	resetBounds: function(){
		this.bounds = null;
		delete this.bounds;
		this.bounds = new google.maps.LatLngBounds(null);
		if(this.refMarker != undefined){
			this.bounds.extend(this.refMarker.marker.getPosition());
		}
		
		for(var i in this.markers){
			this.bounds.extend(this.markers[i].marker.getPosition());
        }		
		
		this.map.fitBounds(this.bounds);
	},
	
	drawSearchBox: function(elementId){
		var self = this;

		//Metemos el buscador de googlemaps
		var input = document.getElementById(elementId);
		var searchBox = new google.maps.places.SearchBox(input);
		this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
		//Bias the SearchBox results towards current map's viewport.
		this.map.addListener('bounds_changed', function() {
			searchBox.setBounds(self.map.getBounds());
		});
				
		
		// [START region_getplaces]
		// Listen for the event fired when the user selects a prediction and retrieve
		// more details for that place.
		searchBox.addListener('places_changed', function() {
			var places = searchBox.getPlaces();
			if (places.length == 0) {
				return;
			} 
				
			var place = places[0];
			self.setLocationRefMarker(place.geometry.location, place.geometry.viewport);		
		});
	}, 
	
	drawRedVial: function(carreteraElementId, kmElementId, btnElementId, resultsElementId){
		var self = this;
	
		var resultsSelect = document.getElementById(resultsElementId);	
		var btn = document.getElementById(btnElementId);	
		var carretera = document.getElementById(carreteraElementId);	
		var km = document.getElementById(kmElementId);	
		var results = [];
		btn.addEventListener('click', function(event){
			//Limpiamos todas las opciones anteriores
			for(i = resultsSelect.options.length - 1 ; i >= 0 ; i--){
				resultsSelect.remove(i);
			}			
			resultsSelect.style.visibility = 'hidden';

			var xhr = new XMLHttpRequest();
			xhr.open("GET","/gisc/services/roadsgeocoder.do?carretera="+carretera.value+"&km="+km.value,true);
			xhr.send();
			xhr.onreadystatechange = function(){
				if(xhr.readyState == 4 && xhr.status == 200){
					results = JSON.parse(xhr.responseText);
					if(results != undefined && results.length > 1){
						resultsSelect.style.visibility = 'visible';
					
						for(var i=0; i<results.length; i++) {
							var opt = document.createElement('option');
							opt.value = i;
							opt.innerHTML = results[i].Provincia+ " "+ results[i].Carretera + ", km."+results[i].PK + " " + results[i].Sentido;
							resultsSelect.appendChild(opt);
						}	
					}
					
					if(results != undefined && results.length == 1){
						var latLng = new google.maps.LatLng(results[0].CoordenadaY, results[0].CoordenadaX);
						self.setLocationRefMarker(latLng);
					}
				}
			}			
		});	
		
		resultsSelect.addEventListener('change', function(event){
			var selected = results[resultsSelect.options[resultsSelect.selectedIndex].value];
			var latLng = new google.maps.LatLng(selected.CoordenadaY, selected.CoordenadaX);
			self.setLocationRefMarker(latLng);
			resultsSelect.style.visibility = 'hidden';
		});
	}	
}

function AddressData(){
	this.location = new Object;
	this.address = new Object;
}
AddressData.prototype = {
    location : undefined, 
    address : undefined
}
	
function GCMarker(location, draggable){
	this.marker = new google.maps.Marker({
		position: location,
		draggable: draggable
	});	
	
	this.setDraggable(draggable);	
}

GCMarker.prototype = {
	visible : true,
    map : undefined, 
    marker : undefined,
    accuracy : undefined,
	circle : undefined,
	eventType: undefined,
	title: undefined,
	addressData : undefined,
	infoWindow : undefined,
	icon: undefined,

	/*
		Indica el contenido del mensaje que se envia en el postMessage
	*/
	setEventType: function(type){
		this.eventType = type;
	},
	
	/*
		Indica si el marker es o no visible, por defecto si lo es
	*/
	setVisible: function(visible){
		this.visible = visible;
	},
	
	/*
		Establece el mapa sobre el que se representa el marker
	*/
	setMap: function(map, visible){
		this.map = map;
		if(visible){
			this.marker.setMap(map);
			if(this.circle != undefined){
				this.circle.setMap(map);
			}
		}
	},
	
	setIcon : function(icon){
		this.icon = icon;
	},
	
	setTitle: function(title){
		this.title = title;
	},
	
	/*
		Establece el radio del marker a representar como un circulo 
	*/
	setAccuracy: function(value){
		this.accuracy = value;
		
		//Para no tener mas de un circle en el marker
		if(this.circle){
			this.circle.setMap(null);
		}
		delete this.circle;
		
		this.circle = new google.maps.Circle({
			center: this.marker.position,
			radius: value,
			strokeColor: '#FF0000',
			strokeOpacity: 0.6,
			strokeWeight: 1,
			fillColor: '#FF0000',
			fillOpacity: 0.35,
			map: this.map
 	    });
		
		if(this.marker.draggable){
			var self = this;		
			this.marker.addListener('dragstart', function(event){
				if(self.circle != undefined){
					self.circle.setMap(null);
				}
				if(self.infoWindow != undefined){
					self.infoWindow.setMap(null);
					self.infoWindow.close();
					self.infoWindow	= null;				
				}
			});
		}
	},
	
	/*
		Calcula la direccion del marker a partir de la posicion del mismo
		Una vez calculada lanzamos el evento postMessage
	*/
	calculateAddress: function(firePostMessage){
		var geocoder = new google.maps.Geocoder();
		var self = this;		
		geocoder.geocode({'latLng': this.marker.position}, function(results, status){
			if (status == google.maps.GeocoderStatus.OK){
				if (results[0]){
					self.setMarkerInfo(results[0].formatted_address);

					self.addressData = new AddressData();
					//Location
					self.addressData.location.lng = results[0].geometry.location.lng();
					self.addressData.location.lat = results[0].geometry.location.lat();
					//Address
					self.addressData.address.dirCompleta = results[0].formatted_address;
					self.addressData.address.numero = getAddressData(results[0], 'street_number');
					self.addressData.address.via = getAddressData(results[0], 'route');
					self.addressData.address.poblacion = getAddressData(results[0], 'locality');
					self.addressData.address.provincia = getAddressData(results[0], 'administrative_area_level_2');
					self.addressData.address.comunidadautonoma = getAddressData(results[0], 'administrative_area_level_1');
					self.addressData.address.pais = getAddressData(results[0], 'country');
					self.addressData.address.codigoPostal = getAddressData(results[0], 'postal_code');		
					
					//self.setAddressData(results[0]);
					
					//Al cambiar la direccion enviamos el evento.
					if(firePostMessage){
						self.firePostMessageEvent();
					}
				}
			}
		});
	},  
	
	/*
		Establece el texto a mostrar en la ventana de infoWindow
	*/  
	setMarkerInfo: function(info){
		var self = this;
		this.marker.addListener('click', function() {
			if(self.infoWindow != undefined){
				self.infoWindow.setMap(null);
				self.infoWindow.close();
				self.infoWindow = null;
			}		
			
			self.infoWindow = new google.maps.InfoWindow({
				content: info,
				maxWidth: 300
			});
			self.infoWindow.open(self.map, self.marker);
		});
	},

	/*
		Indica si un marker es draggable por el mapa
	*/
	setDraggable : function(value){
		if(value){
			var self = this;		

			this.marker.addListener('dragend', function(event){
				self.marker.position = event.latLng;
				self.calculateAddress(true);			
				if(self.accuracy != undefined){
					self.setAccuracy(self.accuracy);
				}
			});
		}
	}, 
	
	/* 
		Quita un marker del mapa 
		Quita su circulo en caso de que lo tenga
		Quita su infoWindow en el caso de que lo tenga
	*/
	clean: function(){
		this.marker.setMap(null);
		
		if(this.circle != undefined){
			this.circle.setMap(null);
		}
		
		if(this.infoWindow != undefined){
			google.maps.event.clearInstanceListeners(this.infoWindow);
			this.infoWindow.close();
			this.infoWindow.setMap(null);
			this.infoWindow = null;
		}
	},
	
	/* 
		Establece la localizacion del marker 
	*/
	setPlace: function(latLng){
		//Cambiamos la localizacion del marker
		this.marker.position = latLng;
		this.marker.setMap(this.map);
		
		//Si tenemos circulo en el marker lo quitamos
		if(this.circle != undefined){
			this.circle.center = latLng;
			this.circle.setMap(this.map);
		}
		
		this.calculateAddress(true);
	},
	/* 
		Lanza el evento de postMessage en funcion del tipo de evento que tengamos 
			0 Posicion y direccion
			1 Posicion del marker
	*/
	firePostMessageEvent: function(){
		if(this.eventType == 0){//Enviamos la direccion completa y la posicion el addressData
			if(this.addressData == undefined){
				this.calculateAddress(true);
			}else{
				sendPostMessage(JSON.stringify(this.addressData));
			}
		}else if(this.eventType == 1){//Enviamos solo la posicion
			sendPostMessage(JSON.stringify(this.marker.position));
		}
	},
	
	/*
		Registra un listener en el click de un marker 
	*/
	addClickListener: function(listener){
		this.marker.addListener('click', listener);	
	}
};

function sendPostMessage(message){
	parent.postMessage(message, "*");	
}

/* 
	Obtiene el valor del campo del tipo dado 
*/
function getAddressData(address, type){
	for(i=0; i< address.address_components.length; i++){
		if(address.address_components[i].types[0] == type){
			return address.address_components[i].long_name;
		}
	}
	return undefined;
}


/* 
	Calcula la distancia entre dos puntos 
*/
function calculateDistance(p1, p2) {
    var R = 6371;
    var dLat  = rad(p2.lat() - p1.lat());
    var dLong = rad(p2.lng() - p1.lng());

    var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(rad(p1.lat())) * Math.cos(rad(p2.lat())) * Math.sin(dLong/2) * Math.sin(dLong/2);
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
    var d = R * c;

    d = d.toFixed(3);
    d = (d + '').replace('.',',');
        
    return d;        
}
        
function rad(x) {
	return x * Math.PI / 180;
}

/*
 	Registramos el handler para el evento del elemento dado
 */
function bindEvent(element, eventName, eventHandler) {
	if (element.addEventListener) {
		element.addEventListener(eventName, eventHandler, false);
	} else if (element.attachEvent) {
		element.attachEvent('on' + eventName, eventHandler);
	}
}