//var gkey = "ABQIAAAAPfSTsmX7wGEeKkQ3WS5qRxQWkhZRqDPuKywb9nEHfizggki0vxRbgdRl27TEa4OLX1ecUCB_2Zjm2Q";
var gkey = "ABQIAAAAPfSTsmX7wGEeKkQ3WS5qRxRfvIPb9xYKMT0uT82pPM7eYMRuHhSVOdHkZbsBD48Dvod09BlQEeelEA";
var map = null;
var mapCanvas = "map";
var rutaCanvas = "resRuta";
var latCenter = 36.188478;
var lngCenter = -5.924700;
var zoom = 16;
var directions;
var pto;
var markers = [
   	{
		'lat': latCenter,
		'lng': lngCenter
	}
];
var destino = markers[0].lat+","+markers[0].lng;

function createMarker(mObj) {
	var latLng = new google.maps.LatLng(mObj.lat,mObj.lng);
	var markerOpts = {};
	if (mObj.icon != null) {
		var icon = new google.maps.Icon();
		icon.image = mObj.icon.image;
		icon.iconAnchor = new google.maps.Point(mObj.icon.width/2, mObj.icon.height/2);
		icon.infoWindowAnchor = new google.maps.Point(mObj.icon.width/2, 0);
		icon.iconSize = new google.maps.Size(mObj.icon.width, mObj.icon.height);
		markerOpts = {
			icon :icon
		};		
	}
	var marker = new google.maps.Marker(latLng, markerOpts);
	return marker;
}

function showMarkers () {
	for (mObj in markers) {
		var m = createMarker(markers[mObj]);
		map.addOverlay(m);
	}
}

function mapsLoaded() {
	map = new google.maps.Map2(document.getElementById(mapCanvas));
	var point = new google.maps.LatLng(latCenter, lngCenter);
	map.setCenter(point, zoom);
	map.addControl(new google.maps.SmallMapControl());
	map.addControl(new google.maps.MapTypeControl());
	pto = map.savePosition();
	directions = new google.maps.Directions(map, document.getElementById(rutaCanvas));
	google.maps.Event.addListener(directions, "error", function() {
		document.getElementById("btnRutaCls").style.visibility = 'hidden';
		alert("No se ha localizado el origen, por favor, indique la direccion de origen lo mas preciso posible.\nEj: Calle Juan Ramon Jimenez 23, 11160 Barbate Cadiz");
	});
	google.maps.Event.addListener(directions, "load", function() {
		document.getElementById("btnRutaCls").style.visibility = 'visible';
		routeLoaded();
	});
	showMarkers();
}

function loadMaps() {
	google.load("maps", "2", {
		"callback" :mapsLoaded
	});
}

function initMapLoader() {
	var script = document.createElement("script");
	script.src = "http://www.google.com/jsapi?key=" + gkey
			+ "&callback=loadMaps";
	script.type = "text/javascript";
	document.getElementsByTagName("head")[0].appendChild(script);
}

function ruta() {
	var origen = document.getElementById("origen").value;
	if (origen != '') {
		cancelaRuta();
		directions.load("from: " + origen + " to: "+ destino);
	} else {
		alert('Debe introducir un origen');
	}
}
function cancelaRuta() {
	document.getElementById("btnRutaCls").style.visibility = 'hidden';
	document.getElementById("origen").value = '';
	directions.clear();
	$('#'+rutaCanvas).css('display','none');
	$('#'+mapCanvas).css('width','99%');
	map.checkResize();
	map.returnToSavedPosition();
	//document.getElementById("resRuta").style.padding = '0px';
}

function routeLoaded() {
	$('#'+mapCanvas).css('width','50%');
	map.checkResize();
	$('#'+rutaCanvas).css('display','block');
	//$.fancybox.resize();
}