var alto_final_menu;
var menuActivo = "";
var menuActivoAncho;
var menuActivoAlto;
var menuActivoId;
var objeto;

function CambiaClase(id, nuevaClase) {
		objeto = document.getElementById(id);
		
		if (objeto.className == 'oculto'){
			document.getElementById(id).className = nuevaClase;
		}
		else {
			document.getElementById(id).className = 'oculto';
		}
}

function cambiaImagen (id, estado) {
	
	imagenMenu = document.getElementById("img_" + id);
	//alert ("img_" + id)
	if (estado == 1) {
		imagenMenu.src = "/img/img_" + id + "_on.gif";
		}
	if (estado != 1 && menuActivo != document.getElementById(id)) {
		imagenMenu.src = "/img/img_" + id + ".gif";
		}
	}

function abrirListado(id, ancho, alto, num_filas) {
	// cierra todas la que está abierta 
	if (menuActivo != ""){
	menuActivo.style.backgroundColor = "";
	menuActivo.style.width = menuActivoAncho + 'px';
	menuActivo.style.height = menuActivoAlto + 'px';	
	
	imgCerrar = "cerrar_" + menuActivoId;
	document.getElementById(imgCerrar).style.display = "none";
	}
	
	// empieza a abrir
	alto_final_menu = num_filas*19+ alto;
	objeto = document.getElementById(id);
		menuActivoAlto = alto;
		menuActivoAncho = ancho;
		menuActivo = objeto;
		menuActivoId = id;
		
	imgCerrar = "cerrar_" + id;
	tabla = "tabla_" + id;
	objeto.style.backgroundColor = "#ff0000";
	changeOpac (0, tabla);	


	objeto.style.width = ancho + 'px';
	objeto.style.height = alto + 'px';	
	amplia_ancho();
}

function amplia_ancho(){
	if (parseInt(objeto.style.width) < 550) 
		{
			objeto.style.width = parseInt(objeto.style.width) + 40 + 'px';
			setAncho = setTimeout(amplia_ancho,10);
		}
	else
		{
			document.getElementById(imgCerrar).style.display = "block";
			amplia_alto(); 
		}
		
}

function amplia_alto(){
		clearTimeout (setAncho);
		if (parseInt(objeto.style.height) < alto_final_menu) 
			{
				objeto.style.height = parseInt(objeto.style.height) + 19 + 'px';
				setAlto = setTimeout(amplia_alto,10);
			}
		else {
			clearTimeout (setAlto);
			opacity(tabla, 0, 100, 10);
			}
	}
function cerrarListado(id, ancho, alto){
	
	//imagenMenu = document.getElementById("img_" + id);
	document.getElementById("img_series").src = "/img/img_series.gif";
	document.getElementById("img_peliculas").src = "/img/img_peliculas.gif";
	document.getElementById("img_otros").src = "/img/img_otros.gif";
	
	
	menuActivo = "";

	objeto = document.getElementById(id);
	objeto.style.backgroundColor = "";
	objeto.style.width = ancho + 'px';
	objeto.style.height = alto + 'px';	
	
	imgCerrar = "cerrar_" + id;
	document.getElementById(imgCerrar).style.display = "none";
	
	}
// --------------------------------------------- scroll -----------------------------------
var top_actual_contenedor_galeria = 0;
var top_actual_contenedor_cast = 0;

var nombre_top_actual;

function scroll_vertical(id, variacion, filas) {
	
	maximo = -((filas - 1 ) * variacion) ;

	nombre_top_actual = "top_actual_" + id;

	if ((variacion > 0 && eval(nombre_top_actual) < 0 ) || (variacion < 0  && eval(nombre_top_actual) > -maximo ))
		{
		eval (nombre_top_actual + " = " + nombre_top_actual + " + " + variacion + ";");
		document.getElementById(id).style.top = eval(nombre_top_actual) + "px";
		}
}
// ----------------------------------------------------------------------------------------
	
// cambio de opacidad 
function opacity(id, opaIni, opaFin, millisec) {
		if(typeof(i_opa)!="undefined"){clearInterval(i_opa)}
		//i =0;
		i = opaIni;
		i_opa=setInterval(function(){
								   changeOpac(i,id)
								   if(i==opaFin){clearInterval(i_opa)}
								   i+=10
								   },millisec)
}



//change the opacity for different browsers
function changeOpac(opa, id) {
	
	//alert ("Cambio: " + id + "    a: " +opa)
	
	var object = document.getElementById(id).style; 
	object.opacity = (opa / 100);					// cambia opacidad en Mozila nuevo
	object.MozOpacity = (opa / 100);				// cambia opacidad en Mozila viejo
	object.KhtmlOpacity = (opa / 100);				// cambia opacidad en konkeror
	object.filter = "alpha(opacity=" + opa + ")";	// cambia opacidad en IE
}



// ---------------------------  abrir ampliacion de imagenes --------------------

function ampliarImagen(nombre, pathImagen, texto) {
	
	//var imagen = getImage(document.getElementById("fotoAmpliada"));
	
	document.getElementById("fotoAmpliada").src=pathImagen;

	var newImg =  new Image();
	newImg.src = document.getElementById("fotoAmpliada").src;

	if(texto != "")
	{
		i_comp = setInterval("chequeoCarga('"+nombre+"','"+pathImagen+"','"+texto+"')",20);
	}
	else
	{

		i_comp = setInterval("chequeoCarga('"+nombre+"','"+pathImagen+"','')",20);
	}
}

function chequeoCarga( nombre, pathImagen, texto)
{
	var newImg =  new Image();
	newImg.src = document.getElementById("fotoAmpliada").src;
	if(newImg.width != 0)
	{
		clearInterval(i_comp);
		continuaAmpliarImagen(nombre, pathImagen, texto);
	}
}
			
function continuaAmpliarImagen(nombre, pathImagen, texto) {
	var newImg =  new Image();
	newImg.src = document.getElementById("fotoAmpliada").src;
	var ancho = newImg.width;
	ancho = ancho ;
	document.getElementById("ampliacion").style.width= ancho+"px";	
	document.getElementById("encabezado").style.width= (ancho-4) + "px";
	document.getElementById("textoFoto").style.width= (ancho-8) + "px";
	
	document.getElementById("velo").style.display = "block";

	divFoto = document.getElementById("ampliacion");
	


	divFoto.style.display = "block";
	//divFoto.style.left = "-800px";

			i = 0;
			i_opa = setInterval(function(){
									changeOpac(i,"velo")
										if(i==60){
													clearInterval(i_opa);	
													//divFoto.style.left = "0px";
													//divFoto.style.top = "60px";
													document.getElementById("velo").style.height = "0";
													document.getElementById("velo").style.height = "100%";
												}
												i+=10
											},20)
			document.getElementById("textoFoto").innerHTML = texto;
			if (texto =="") {
					document.getElementById("textoFoto").style.display = "none";
			}
			else
			{
					document.getElementById("textoFoto").style.display = "block";
			}

	
	}
function ampliarTexto(origenTexto, tituloSerie, texto) {
	
	document.getElementById("velo").style.display = "block";

	divTexto = document.getElementById("ampliacion_texto");
	
	divTexto.style.display = "block";

			i = 0;
			i_opa = setInterval(function(){
										changeOpac(i,"velo")
										if(i==60){
													clearInterval(i_opa);	
													//divFoto.style.left = "0px";
													//divFoto.style.top = "60px";
													document.getElementById("velo").style.height = "0";
													document.getElementById("velo").style.height = "100%";
												}
												i+=10
											},20)
			document.getElementById("textoAmpliado").innerHTML = texto;
			document.getElementById("origenTexto").innerHTML = origenTexto;
			document.getElementById("tituloSerie").innerHTML = tituloSerie;

	}
function cerrarAmpliacion() {
		changeOpac(0,"velo");
		document.getElementById("velo").style.display = "none";
		document.getElementById("ampliacion_texto").style.display = "none";
		document.getElementById("ampliacion").style.display = "none";
		document.getElementById("fotoAmpliada").src= "";
		//document.getElementById("ampliacion").style.left = "-800px";
		}
// ---------------------------  abrir texto ampliado --------------------
function ampliaTexto() {

	document.getElementById("velo").style.display = "block";
	
}