//*****************************************************************************************
// Efecto barra de apple
//*****************************************************************************************

var AppleEffect;
var W_INI=83;
var H_INI=63;
function Apple(div)
{
	this.mScale = [1.2,1.2];
	this.mIncremento  = [6.4,4.3];
	
	if (typeof div == "string")
		this.container = document.getElementById(div);
	else
		this.container = div;
	
	this.mElems = this.container.getElementsByTagName("IMG");
	this.mCount = this.mElems.length;
	this.mSizeDest = new Array(this.mCount);						//Tamaño de destino de los elementos
	this.mSizeAct = new Array(this.mCount);							//Tamaño actual de los elementos
	this.mIntervalFunction = null;
	this.mSelected = null;
	
	this.StartInterval = function()
	{
		if (this.mIntervalFunction) return;
		this.mIntervalFunction = setInterval("AppleEffect.mDoEvents();",30);
	}
	
	this.mMouseOver = function()
	{
		var pasado = false;
		var izq = null;
		var der = null;
		if (block_morph)return;
		for (i=0;i<AppleEffect.mCount;i++)
		{
			if (this.id != AppleEffect.mElems[i].id)
			{
				AppleEffect.mSizeDest[i][0] = AppleEffect.mSizeSmall[0];
				AppleEffect.mSizeDest[i][1] = AppleEffect.mSizeSmall[1];
				AppleEffect.mSizeAct[i][0] = AppleEffect.getPixels(AppleEffect.mElems[i].style.width) + 0.0;
				AppleEffect.mSizeAct[i][1] = AppleEffect.getPixels(AppleEffect.mElems[i].style.height) + 0.0;
				if (!pasado) izq = i;
				else if (!der) der = i;
			}
			else
			{
				pasado = true;
				AppleEffect.mSizeDest[i][0] = AppleEffect.mSizeBig[0];
				AppleEffect.mSizeDest[i][1] = AppleEffect.mSizeBig[1];
				AppleEffect.mSizeAct[i][0] = AppleEffect.getPixels(this.style.width) + 0.0;
				AppleEffect.mSizeAct[i][1] = AppleEffect.getPixels(this.style.height) + 0.0;
				AppleEffect.mSelected = this.id;
			}
		}
	/*	if (izq)
		{
			AppleEffect.mSizeDest[izq][0] = AppleEffect.mSizeSmall[0] + (AppleEffect.mSizeBig[0] - AppleEffect.mSizeSmall[0]) / 3;
			AppleEffect.mSizeDest[izq][1] = AppleEffect.mSizeSmall[1] + (AppleEffect.mSizeBig[1] - AppleEffect.mSizeSmall[1]) / 3;
		}
		if (der)
		{
			AppleEffect.mSizeDest[der][0] = AppleEffect.mSizeSmall[0] + (AppleEffect.mSizeBig[0] - AppleEffect.mSizeSmall[0]) / 3;
			AppleEffect.mSizeDest[der][1] = AppleEffect.mSizeSmall[1] + (AppleEffect.mSizeBig[1] - AppleEffect.mSizeSmall[1]) / 3;
		}
		*/
		AppleEffect.StartInterval();
	}
	
	this.mMouseOut = function()
	{
		//AppleEffect.mSelected = null;
		if (block_morph)return;
		for (i=0;i<AppleEffect.mCount;i++)
		{
			AppleEffect.mSizeDest[i][0] = AppleEffect.mSizeSmall[0];
			AppleEffect.mSizeDest[i][1] = AppleEffect.mSizeSmall[1];
			AppleEffect.mSizeAct[i][0] = AppleEffect.getPixels(AppleEffect.mElems[i].style.width) + 0.0;
			AppleEffect.mSizeAct[i][1] = AppleEffect.getPixels(AppleEffect.mElems[i].style.height) + 0.0;
		}
		AppleEffect.StartInterval();
	}
	
	this.mDoEvents = function()
	{
		var cambios = false;
		if (!this.mSelected)
		{
			clearInterval(this.mIntervalFunction);
			this.mIntervalFunction = null;
		}
		
		for (i=0;i<this.mCount;i++)
		{
			if (this.mSizeAct[i][0] == this.mSizeDest[i][0] && this.mSizeAct[1] == this.mSizeDest[1]) continue;
			var crece = this.mSizeAct[i][0] < this.mSizeDest[i][0];
			if (crece)
			{
				var nuevox = this.mSizeAct[i][0]+this.mIncremento[0];
				var nuevoy = this.mSizeAct[i][1]+this.mIncremento[1];
				
				if (nuevox >= this.mSizeDest[i][0])
				{
					cambiax = false;
					nuevox = this.mSizeDest[i][0];
				}
				else cambiax = true;
				
				if (nuevoy >= this.mSizeDest[i][1]) 
				{
					cambiay = false;
					nuevoy = this.mSizeDest[i][1];
				}
				else cambiay = true;
				
				if (cambiax || cambiay) cambios = true;
				
				this.mSizeAct[i][0] = nuevox;
				this.mSizeAct[i][1] = nuevoy;
				this.mElems[i].style.width = Math.round(nuevox) + "px";
				this.mElems[i].style.height = Math.round(nuevoy) + "px";
				this.mElems[i].style.marginTop = "-" +  ((Math.round(nuevoy) - this.mSizeSmall[1])) + "px";
			}
			else
			{
				var nuevox = this.mSizeAct[i][0]-this.mIncremento[0];
				var nuevoy = this.mSizeAct[i][1]-this.mIncremento[1];
				
				if (nuevox <= this.mSizeDest[i][0])
				{
					cambiax = false;
					nuevox = this.mSizeDest[i][0];
				}
				else cambiax = true;
				
				if (nuevoy <= this.mSizeDest[i][1]) 
				{
					cambiay = false;
					nuevoy = this.mSizeDest[i][1];
				}
				else cambiay = true;
				
				if (cambiax || cambiay) 
					cambios = true;
				
				this.mSizeAct[i][0] = nuevox;
				this.mSizeAct[i][1] = nuevoy;
				this.mElems[i].style.width = Math.round(nuevox) + "px";
				this.mElems[i].style.height = Math.round(nuevoy) + "px";
				this.mElems[i].style.marginTop = "-" +  ((Math.round(nuevoy) - this.mSizeSmall[1])) + "px";
			}
		}
		
		if (!cambios)
		{
			clearInterval(this.mIntervalFunction);
			this.mIntervalFunction = null;
		}
	}
	
	this.getPixels = function(tam)
	{
		px = tam.substring(0,tam.length-2);
		return parseInt(px,10);
	}
	
	
	/***** Constructor */
	for (i=0;i<this.mCount;i++)
	{
		guid = getGUID();
		this.mElems[i].id = guid;
		addListener(this.mElems[i],"mouseover",this.mMouseOver);
		addListener(this.mElems[i],"mouseout",this.mMouseOut);
		this.mSizeDest[i] = [W_INI,H_INI];
		this.mSizeAct[i] = [W_INI,H_INI];
		this.mElems[i].style.width = this.mSizeDest[i][0] + "px";
		this.mElems[i].style.height = this.mSizeDest[i][1] + "px";
	}
	
	this.mSizeSmall		= [this.mSizeAct[0][0],this.mSizeAct[0][1]];  
	this.mSizeBig		= [Math.round(this.mSizeSmall[0] * this.mScale[0]),Math.round(this.mSizeSmall[1] * this.mScale[1])];  
	 
	
	/****  FIN CONSTRUCTOR  **/
 	AppleEffect = this;	
}

var login_menu;
function load_index()
{
	login_menu = new ToggleMenu('toggle_login','on_muestra_loginbox();','on_oculta_loginbox();');
    if (document.getElementById("contenedor_crinchis"))
	{
		//Solicitamos una lista de crinchis para la izquierda
		var paj = new XAjax('funciones_crinchis.php',null,obtenida_lista_crinchis_izq);
		paj.send("function","GET_LISTA_ALEATORIA");
		
		Apple('contenedor_crinchis');
		vspans = document.getElementById("contenedor_crinchis").getElementsByTagName("span");
		addListener("flecha_crinchi_der","click",chrinchis_to_der);
		addListener("flecha_crinchi_izq","click",chrinchis_to_izq);
		for (i=0;i<CRINCHIS_IZQ.length;i++)
		{
			CRINCHIS_IZQ[i].img = new Image();
			CRINCHIS_IZQ[i].img.src = "crinchis/" + CRINCHIS_IZQ[i].imgsrc;
			CRINCHIS_IZQ[i].img.className="thumbnail_superior";
			CRINCHIS_MED[i].title = vspans[i].innerHTML;
		}
	}
}


function obtenida_lista_crinchis_izq(respuesta)
{
	vector = json_decode(respuesta);
	for (i=0;i<vector.length;i++)
	{
		vector[i].img = new Image();
		vector[i].img.src = vector[i].imgsrc;
		vector[i].img.className="thumbnail_superior";
	}
	CRINCHIS_IZQ = vector;
}

function obtenida_lista_crinchis_der(respuesta)
{
	vector = json_decode(respuesta);
	for (i=0;i<vector.length;i++)
	{
		vector[i].img = new Image();
		vector[i].img.src = vector[i].imgsrc;
		vector[i].img.className="thumbnail_superior";
	}
	CRINCHIS_DER = vector;
}

var destacada_inner = null;
var enlace_crinchi  = null;
function busqueda_crinchi(crinchi,bus)
{
	if (crinchi.busqueda) bus = crinchi.busqueda;
	if (destacada_inner == null) destacada_inner = document.getElementById("container_destacada").innerHTML;
	cad_titulo_principal = document.getElementById("titulo_principal").innerHTML;
	/******************** Mostrar la imagen de carga ***********************/
	var map = document.getElementById("container_mapa");
	map.innerHTML = '<div id="div_ajax_loader" class="sobrewap"><img src="mapa_interactivo/ajax_loader.gif" border="0" usemap="#Map"></div>';
	var aload = document.getElementById("div_ajax_loader");
	var left = 640/2 - aload.clientWidth/2;	
	var top  =  420/2 - aload.clientHeight/2;
	setAlpha(aload,0.5);	
	aload.style.left = left + "px";
	aload.style.top = top + "px";
	aload.style.visibility = 'visible';	
	aload.style.cursor = "default";
	/********************** Hacer la petición ajax **********************/


	var ontermina = function(resp)
	{
		coloca_guias(resp);
		showAlpha("minimapa",0,0.1,40);
		
		//Poner la imagen del crinchi donde la guía destacada
		var img = crinchi.getElementsByTagName("IMG")[0];
		var ides = document.getElementById("DESTACADA_IMAGEN");
		ides.src = img.src;
		
		//Ponemos el título
		var titulo = crinchi.getElementsByTagName("SPAN")[0].innerHTML;
		var destacada_titulo = document.getElementById("DESTACADA_TITULO");
		destacada_titulo.innerHTML = titulo;

		
		//Eliminamos la bandera 
		var bandera = document.getElementById("DESTACADA_BANDERA");
		bandera.title = null;
		bandera.src = "imagenes/iconosv2/mark_redo.png";
		
		//Ponemos el texto
		var datos = json_decode(resp);
		if (datos.ICRINCHI && datos.ICRINCHI.texto)
		{
			document.getElementById("DESTACADA_TEXTO").innerHTML =  datos.ICRINCHI.texto;
			document.getElementById("DESTACADA_TEXTO").insertBefore(ides,document.getElementById("DESTACADA_TEXTO").childNodes[0]);
			showAlpha("DESTACADA_IMAGEN",0,0.1,40);
		}
		enlace_crinchi = datos.ICRINCHI.busqueda;
		destacada_titulo.href = "resultados_busqueda.php?" + enlace_crinchi;
		pais_seleccionado = "";
		track_event("CRINCHI","CLICK",datos.ICRINCHI.titulo);
	}
	
	var vsrc = crinchi.getElementsByTagName("IMG")[0].src.split("/");
	var dir = vsrc[vsrc.length-2]
	var src = vsrc[vsrc.length-1]
	
	var ajax = new XAjax("funciones_busqueda_json.php?time_pet=" +  getGUID()  + "&crinchi=" +  urlencode( dir + "/" + src)    + "&" + bus,null,ontermina);
	ajax.send();
}



var leftpos=0;
var ancho=0;
function crinchis_move_der(paso,timeout)
{
	leftpos+=paso;
	if (leftpos > 0) leftpos=0;
	bb = document.getElementById("contenedor_crinchis");
	bb.style.left = leftpos + "px";
	
	
	if (leftpos < 0) 
		setTimeout("crinchis_move_der(" + paso + "," + timeout +")",100);
	else
	{
		
		//Borramos las últimas 5 imágines
		/*while (bb.childNodes.length > 5)
			bb.removeChild(bb.childNodes[bb.childNodes.length-1]);*/
	}
}

var imagenes_src = null;
var asrc = null;
var vector_imgs = null;
var direction = true;	//True es hacia la derecha
var block_morph = false;
function crinchi_desaparece_der(i,selector)
{
	block_morph = true;
	if (i>=5)
	{
		if (direction)
		{
			/*CRINCHIS_DER = CRINCHIS_MED;
			CRINCHIS_MED = CRINCHIS_IZQ;
			CRINCHIS_IZQ = null;
			for (i=0;i<imagenes_src.length;i++) CRINCHIS_DER[i].img = imagenes_src[i];*/
		}
		else
		{
			/*CRINCHIS_IZQ = CRINCHIS_MED;
			CRINCHIS_MED = CRINCHIS_DER;
			CRINCHIS_DER = null;
			for (i=0;i<imagenes_src.length;i++) CRINCHIS_IZQ[i].img = imagenes_src[i];*/
		}
		block_morph = false;
		AppleEffect = null;
		Apple('contenedor_crinchis');
		return;
	}
	if (selector)
	{
		if (!imagenes_src[i].id) imagenes_src[i].id = getGUID();
		if (!vector_imgs[i].img.id) vector_imgs[i].img.id  = getGUID();	
		
		//Effect.Puff(imagenes_src[i].id,{ duration: 0.3, from:0, to:1 });	
		$(imagenes_src[i]).slideUp();
		
		setTimeout("crinchi_desaparece_der(" + (i) + ",false)",i==5?220:200);
		setTimeout("crinchi_desaparece_der(" + (i+1) + ",true)",i==4?520:90);
	}
	else
	{
		if (!vector_imgs[i].img.id) vector_imgs[i].img.id = getGUID();
		
		vector_imgs[i].img.style.width = W_INI + 'px';
		vector_imgs[i].img.style.height = H_INI  + 'px';
		
		imagenes_src[i].parentNode.insertBefore(vector_imgs[i].img,imagenes_src[i]);
		vector_imgs[i].img.style.display = '';
		imagenes_src[i].parentNode.busqueda =  vector_imgs[i].link;
		imagenes_src[i].parentNode.getElementsByTagName("span")[0].innerHTML = vector_imgs[i].title;		
		imagenes_src[i].parentNode.removeChild(imagenes_src[i]);	

	}
}



function chrinchis_to_der()
{
	if (!CRINCHIS_IZQ || !CRINCHIS_IZQ.length) return;
	imagenes_src = new Array(document.getElementById("contenedor_crinchis").getElementsByTagName("img").lengths);
	for (i=0;i<document.getElementById("contenedor_crinchis").getElementsByTagName("img").length;i++)
	{
		imagenes_src[i] = document.getElementById("contenedor_crinchis").getElementsByTagName("img")[i];
	
	}
		

	vector_imgs = CRINCHIS_IZQ;
	
	CRINCHIS_DER = CRINCHIS_MED;
	CRINCHIS_MED = CRINCHIS_IZQ;
	CRINCHIS_IZQ = null;
	if (CRINCHIS_DER && CRINCHIS_DER.length) for (i=0;i<imagenes_src.length;i++) CRINCHIS_DER[i].img = imagenes_src[i];
		
	
	direction = true;
	crinchi_desaparece_der(0,true);
	
	//Solicitamos una lista de crinchis para la izquierda
	var paj = new XAjax('funciones_crinchis.php',null,obtenida_lista_crinchis_izq);
	paj.send("function","GET_LISTA_ALEATORIA");
}

function chrinchis_to_izq()
{
	if (!CRINCHIS_DER || !CRINCHIS_DER.length)
	{
		if (CRINCHIS_IZQ && CRINCHIS_IZQ.length)
		{
				var paj = new XAjax('funciones_crinchis.php',null,obtenida_lista_crinchis_izq);
				paj.send("function","GET_LISTA_ALEATORIA");
				CRINCHIS_DER = CRINCHIS_IZQ;
				CRINCHIS_IZQ=null;
		}
		else
			return;
	}
	imagenes_src = new Array(document.getElementById("contenedor_crinchis").getElementsByTagName("img").length);
	for (i=0;i<document.getElementById("contenedor_crinchis").getElementsByTagName("img").length;i++)
	{
		imagenes_src[document.getElementById("contenedor_crinchis").getElementsByTagName("img").length-1-i] = document.getElementById("contenedor_crinchis").getElementsByTagName("img")[i];
	}
		
	vector_imgs = CRINCHIS_DER;
	
	CRINCHIS_IZQ = CRINCHIS_MED;
	CRINCHIS_MED = CRINCHIS_DER;
	CRINCHIS_DER = null;
	if (CRINCHIS_IZQ && CRINCHIS_IZQ.length) for (i=0;i<imagenes_src.length;i++) CRINCHIS_IZQ[i].img = imagenes_src[i];
	
	direction = false;
	crinchi_desaparece_der(0,true);
	//Solicitamos una lista de crinchis para la derecha
	var paj = new XAjax('funciones_crinchis.php',null,obtenida_lista_crinchis_der);
	paj.send("function","GET_LISTA_ALEATORIA");
}