﻿var mostrando=false; // Estado de la transición del menú desplegable de búsquedas

function $d(t) {
	return document.getElementById(t);
}

function arregla_pngs() {
//	$(document).pngFix();
}


function estrellas(puntos,id,base,registro,tipo) {
	var votos="";
	for(var i=1;i<=5;i++) {
		if(puntos>=i) {
			var simbolo='b';	
		} else {
			var simbolo='a';
			if(id>1) simbolo='a_gris';
		}
		if(puntos==i) {
			votos+='<a href="#" onclick="javascript:vota('+i+','+id+','+registro+','+tipo+'); return false;"><img src="imagenes/ico_marca_'+simbolo+'.png" /></a>';
		} else {
			votos+='<a href="#" onmouseover="javascript:estrellas('+i+','+id+','+base+','+registro+','+tipo+');"><img src="imagenes/ico_marca_'+simbolo+'.png" /></a>';
		}
	}
	$d('votacion'+id).innerHTML=votos;
	arregla_pngs();
}

function vota(puntos,id,registro,tipo) {
	var ajax=nuevoAjax();
	ajax.open("GET", "ficha.php?ajax=vota&puntos="+puntos+"&registro="+registro+"&tipo="+tipo,true); 
	ajax.onreadystatechange=function() {}
	ajax.send(null);
	var votos='<div class="'+(id<2?"ficha_izq_videografia_votacion":"ficha_dcha_video_de_videografia_votacion")+'">';
	for(var i=1;i<=5;i++) {
		if(puntos>=i) {
			votos+='<img src="imagenes/ico_marca_b.png" />';
		} else {
			votos+='<img src="imagenes/ico_marca_a'+(id>1?'_gris':'')+'.png" />';
		}
	}
	$d('supervotacion'+id).innerHTML=votos+'</div>';
	arregla_pngs();
}

function tooltip(id,obj) {
	var pX=getX(obj); var pY=getY(obj);
	if(!(id%columnas)) { // última columna
		$d('tooltip').className="tooltip_der";
		$d('tooltip').style.left=(pX-144)+"px";
	} else if((id%columnas)==1) {
		$d('tooltip').className="tooltip_izq";
		$d('tooltip').style.left=(pX+3)+"px";
	} else {
		$d('tooltip').className="tooltip_cen";
		$d('tooltip').style.left=(pX-70)+"px";
	}
	$d('tooltip').style.top=(pY-242)+"px";
	$d('tooltip').innerHTML="<div style=\"padding:10px;\">"+arDatos[id]+"</div>";
	$("#tooltip").stop().show();
	$("#tooltip").stop().animate({ opacity: 1}, 200 );
	//arregla_pngs();
}

$(document).ready(function(){ 
	creaEventos();							   
	//arregla_pngs(); 
	activo = null;
}); 
///////___ NUEVO TOOLTIP ___/////////////////////
function creaEventos(){
	var mainMenu = $(".vMenu");
	//$("li" , obj)[i]
	var cantItems = $("li" , mainMenu).length;
	for(var i=0; i< cantItems; i++){
		var menuItem  = $("li" , mainMenu)[i];
		menuItem.idN = i;
		if($(menuItem).hasClass('relatedItem') )menuItem.idN = i +1;
		//1º acciones del mouseover. usamos hover , para evitar múltiples triggers
		$(menuItem).hover(
		  function () {
			  //si el activo coincide con el seleccionado
			  	if(activo == this.idN) {
					clearTimeout(timer);
					return;
				};
				elem = this;
				idActivo = this.idN +1;
				ocultaTip();
				clearTimeout(timer);				
				timerOver = setTimeout(muestraTip,100);											
				return false;
		  }, 
		  //acciones del mouseout
		  function () {
			timer = setTimeout(ocultaTip,300);			
		  });
	}

}

timer = null;
function muestraTip(){
	//arregla_pngs();
	var tip = $("<div class='tooltip'><div style='padding:10px;'>" + arDatos[idActivo] + "</div></div>");
	$(elem).append(tip);
		
	$(tip).css("top", "-253px");
//	$(tip).append(arDatos[idActivo]);
	if(!(idActivo%columnas)) { // última columna
		$(tip).addClass("tooltip_der");
	} else if((idActivo%columnas)==1) {
		$(tip).addClass("tooltip_izq");		
	} else {
		$(tip).addClass("tooltip_cen");				
	}	
	
	$(tip).hide();
	$(tip).show();
	activo = elem.idN;
}
function ocultaTip(){
	$(".tooltip").hide();
	$(".tooltip").remove();	
	activo = null;
}
////////////////////////////////////////////////////////////////////////////////////////////
function tooltip_hide() {
//	$("#tooltip").stop().animate({ opacity: 0}, 200, function(){ $("#tooltip").hide();} );
}

function getX(This){
	var el = This;var pL = 0;
	while(el){pL+=el.offsetLeft;el=el.offsetParent;}
	return pL
}

function getY(This){
	var el = This;var pT = 0;
	while(el){pT+=el.offsetTop;el=el.offsetParent;}
	return pT
}

function muestra_busqueda(valor) { // Pliega o despliega el menú de búsquedas
	if(valor==1 && !mostrando) {
		mostrando=true;
		$("#deplegado").slideDown("slow",finaliza_busqueda());
	} else if(!mostrando) {
		mostrando=true;
		$("#deplegado").slideUp("slow",finaliza_busqueda);
	}
	arregla_pngs();
}

function finaliza_busqueda() {
	mostrando=false;
}

function muestra_ficha(idV,cartela) {
	var contenedor=$d('ficha_ajax');
	var ajax=nuevoAjax();
	ajax.open("GET", "index.php?ajax=muestra_ficha&idV="+idV,true); 
	ajax.onreadystatechange=function() { 
		if (ajax.readyState==4) {
			contenedor.innerHTML=ajax.responseText;
			$d("flashcontent").load("videos/video"+idV+"/video"+idV+".f4v","CA,ES","false","videos/cartelas/"+cartela+".swf","videos/video"+idV+"/foto"+idV+".jpg");
		}
	}
	ajax.send(null);
}

function muestra_ficha_tv(idV) {
	$d("ficha_nombre_imagen").innerHTML=arPersonajesImg[idV*1];
	$d("ficha_nombre").innerHTML=arPersonajes[idV*1];
	$d("ficha_desc").innerHTML=arPersonajesDesc[idV*1];
	$d("ficha_url").href=arUrls[idV*1];
	$d("ficha_centro").innerHTML=arCentros[idV*1];
	$d("flashcontent").load("videos/spots/"+arVideos[idV*1],"false",null,"imagenes/videos/thumbs/"+arFotos[idV*1]);
}

function muestra_ficha_2(idV,cartela) {
	$d("flashcontent").load("videos/video"+idV+"/video"+idV+".f4v","CA,ES","false","videos/cartelas/"+cartela+".swf","videos/video"+idV+"/foto"+idV+".jpg");
}

function ambito(elem) {
	if(arAmbitos[elem*1]==1) {
		arAmbitos[elem*1]=0;
		$d("ambito_"+elem).src="./imagenes/selector_ambito_"+elem+".gif";
	} else {
		arAmbitos[elem*1]=1;
		$d("ambito_"+elem).src="./imagenes/selector_ambito_"+elem+"_on.gif";
	}
	for(var i in arAmbitos) {
		if(arAmbitos[i]!=1) $d("ambito_todos").src="./imagenes/selector_perfil.gif";
	}
	var todos=true;
	for(var i in arAmbitos) {
		if(arAmbitos[i]!=1) todos=false;
	}
	if(todos) {
		$d("ambito_todos").src="./imagenes/selector_ambitos.gif";
	} else {
		$d("ambito_todos").src="./imagenes/selector_perfil.gif";
	}
	arregla_pngs();
}

function ambitos() {
	for(var i in arAmbitos) {
		arAmbitos[i]=1;
		if(i<10) i="0"+i;
		$d("ambito_"+i).src="./imagenes/selector_ambito_"+i+".gif";
	}
	$d("ambito_todos").src="./imagenes/selector_ambitos.gif";
	arregla_pngs();
}

function perfil(elem) {
	if(arPerfiles[elem*1]==1) {
		arPerfiles[elem*1]=0;
		$d("perfil_"+elem).src="./imagenes/selector_perfil_off.gif";
	} else {
		arPerfiles[elem*1]=1;
		$d("perfil_"+elem).src="./imagenes/selector_perfil_on.gif";
	}
	var todos=true;
	for(var i in arPerfiles) {
		if(arPerfiles[i]!=1) todos=false;
	}
	if(todos) {
		$d("perfil_todos").src="./imagenes/selector_perfil_on.gif";
	} else {
		$d("perfil_todos").src="./imagenes/selector_perfil_off.gif";
	}
	arregla_pngs();
}

function perfiles() {
	for(var i in arPerfiles) {
		arPerfiles[i]=1;
		if(i<10) i="0"+i;
		$d("perfil_"+i).src="./imagenes/selector_perfil_on.gif";
	}
	$d("perfil_todos").src="./imagenes/selector_perfil_on.gif";
	//arregla_pngs();
}

function grupo(elem) {
	if(arGrupos[elem*1]==1) {
		arGrupos[elem*1]=0;
		$d("grupo_"+elem).src="./imagenes/selector_perfil_off.gif";
	} else {
		arGrupos[elem*1]=1;
		$d("grupo_"+elem).src="./imagenes/selector_perfil_on.gif";
	}
	var todos=true;
	for(var i in arGrupos) {
		if(arGrupos[i]!=1) todos=false;
	}
	if(todos) {
		$d("grupo_todos").src="./imagenes/selector_perfil_on.gif";
	} else {
		$d("grupo_todos").src="./imagenes/selector_perfil_off.gif";
	}	
	arregla_pngs();
}

function grupos() {
	for(var i in arGrupos) {
		arGrupos[i]=1;
		if(i<10) i="0"+i;
		$d("grupo_"+i).src="./imagenes/selector_perfil_on.gif";
	}
	$d("grupo_todos").src="./imagenes/selector_perfil_on.gif";
	arregla_pngs();
}

function buscar() {
	var uG="G="; var uA="A="; var uP="P=";
	for(var i in arGrupos) if(arGrupos[i]) uG=uG+i+",";
	for(var i in arPerfiles) if(arPerfiles[i]) uP=uP+i+",";
	for(var i in arAmbitos) if(arAmbitos[i]) uA=uA+i+",";
	var u="index.php?buscar=1&"+uG+"&"+uA+"&"+uP;
	$("#deplegado").slideUp("slow",function() {self.location=u;} );
	
}