// se crea e inicia el shadowbox
Shadowbox.init({
	animSequence: "wh",
	handleOversize: "resize",
	overlayColor: "#294F63",
	language: "es",
	players: ["img", "iframe"],
	counterType: "skip",
	counterLimit: "10",
	continuous: true,
	autoplayMovies: true,
	onClose: function(){ refrescar_cuaderno(); }
});

//<![CDATA[
	var map="";
	var route;
	var datos_marcas = new Array(); // datos básicos de las distintas marcas de la ruta
	var marcas=[];//Marcas
	var contenido_bocadillo = []; //Contenido del bocadillo
	var punto=[]; //Puntos de polilinea 
	var count =0;
	var puntos_marcas=[]; //Matriz que contiene todos los puntos de las marcas

	//Centra mapa en la posicion segun pixeles de mapa
	function centrar_en(lat,lng) { 
		var point = new GLatLng(lat,lng);
		var divPixels = map.fromLatLngToDivPixel(point);
		var offsetLat = divPixels.x + 100; 
		var offsetLng = divPixels.y - 100;
		var offsetPoint = map.fromDivPixelToLatLng(new GPoint(offsetLat,offsetLng));
		map.panTo(offsetPoint); 
	} 

	// obtenemos los puntos de la polilinea
	function getPuntosPolilinea(idrutas) { //Saca los puntos de la polilinea de la bdd y lo representa en el mapa
		GDownloadUrl("rutasXML.php?r=" + idrutas, function(data) {
		var xml = GXml.parse(data);
		var puntos = xml.documentElement.getElementsByTagName("punto");
		for (var i = 0; i < puntos.length; i++) {
			punto[i] = new GLatLng(parseFloat(puntos[i].getAttribute("lat")),
								parseFloat(puntos[i].getAttribute("lng")));
			
			}
			var polilinea= new GPolyline(punto, "red", 3, .5);
			map.addOverlay(polilinea);
		});
	};

	// ??
	function getMarcas(idmarcas) {	//Saca las marcas que componen la ruta
		
	};

	// animación de la ruta, que va pasando de punto en punto
	function anim() {
		count++;
		if(count < puntos_marcas.length) {
		
		//map.panTo(marcas[count].getLatLng());
		var punto_marca = marcas[count].getLatLng()
		centrar_en (punto_marca.lat(),punto_marca.lng());
		//Abre Bocadillo
		setTimeout("marcas[count].openInfoWindowHtml(contenido_bocadillo[count]);", 1000);	
		//marcas[count].openInfoWindowHtml('sss');
		
		var delay = 1000;
		if((count+1) != puntos_marcas.length)
			var dist = puntos_marcas[count].distanceFrom(puntos_marcas[count+1]);
			//alert(dist);
		// Ajuste de retardo segun distancia entre puntos
		if( dist <= 400 ) {
			delay = 5000;
		}else if( dist > 400 && dist <= 700 ) {
			delay = 8000;
		}else if( dist > 700 && dist <= 1000){
			delay = 11000;
		}else if( dist > 1000 && dist <= 1500){
			delay = 14000;
		}else if( dist > 1500){
			delay = 17000;
		}
		route = setTimeout("anim()", delay);
		}
		else {
			clearTimeout(route);
			count = 0;
			route = null;
		}
	}

	// pausamos la reproducción de la ruta
	function haltAnim() {
		if(route) {
			clearTimeout(route);
			stopClick = true;
		}
		$('#btns_pause').css('display','none');
		$('#btns_play').css('display','block');
	}

	// quitamos la pausa de la ruta
	function carryOn() {
		if(stopClick == true) anim();
		stopClick = false;
		$('#btns_play').css('display','none');
		$('#btns_pause').css('display','block');
	}

	// lanzamos el shadowbox para ver cualquier elemento de la ruta
	function abrirShadow(id, idrutas){
		Shadowbox.open({
			player:     "iframe",
			content:    "descripcion_site.php?m=" + id + "&r=" + idrutas,
			title: 		"Descripci&oacute;n del punto",
			width:		820,
			height:		516
		});
	}

	// lanzamos el shadowbox para ver la info de la ruta
	function abrirShadow_ruta(id,param){
		
		Shadowbox.open({
			player:     "iframe",
			content:    param +"_ruta.php?r=" + id,
			title: 		"Descripci&oacute;n de la ruta",
			width:		820,
			height:		516
		});
	}

	// lanzamos el shadowbox de añadir elemento al cuaderno
	function abrirShadow_anadir(id,param){
		Shadowbox.open({
			player:     "iframe",
			content:    "anadir_" + param +".php?r=" + id,
			title: 		"",
			width:		820,
			height:		516
		});
	}

	// función para poner el marcha el mapa al hacer click
	function pongoEnMarcha(){
		$('#capa_stop').slideUp('slow');
		$('#controljs').slideUp('slow');
		$('#btns_pause').css('display','block');
		initialize();
	}

	// carga de funciones al tener la página cargada...
	$(document).ready(function() {
		$('#pasos_ruta').jScrollPane({scrollbarWidth:5});
		
		$('.enlace_punto').bind('click', function(e){
			e.preventDefault();
			abrirShadow(this.id.split('_')[1],this.id.split('_')[2]);
		});
		
		$('.enlace_ruta').bind('click', function(e){
			e.preventDefault();
			abrirShadow_ruta(this.id.split('_')[1],this.id.split('_')[0]);
		});
	});

//]]>