var cadena="";
var cadenaanterior="";
var cadenabuscada="";
var enprogreso=0;
var resultadosxml;
var ultimotipado=0;

var resaltado=null;
function generar_canal (codigo,hd,destacado) {
	var req = generar_ajax();
	req.onreadystatechange= function () {
		if (req.readyState != 4) {
    		return;
  		}
  		if (req.status == 200) {
    		if (req.responseText) {
	    		document.getElementById('contenidocanal').innerHTML=req.responseText;
    		}
  		} 
  		else { alert("Error");}
		req = null;
	}
	req.open("GET", "http://" + document.domain +"/cgi-bin/videos_ajax.cgi?p="+codigo+"&hd="+hd+"&des="+destacado, true);
	var encoded = "";
	req.send(encoded);
	indicar_presencia('s'+destacado+codigo);
}

var actdesplegable=null;

function abrir_desplegable(codigo,estilo) {
	//Abre el desplegable
	var resultado='<div class="flinks ' + estilo + ' lb">';
	resultado+='<span id="s0'+codigo+'">&middot; <a href="#" onclick="generar_canal(\''+ codigo + '\',\'0\',\'0\'); return false;">Últimos</a></span><br>';
	resultado+='<span id="sdes'+codigo+'">&middot; <a href="#" onclick="generar_canal(\''+ codigo + '\',\'0\',\'des\'); return false;">Destacados</a></span><br>';
	//resultado+='&middot; <a href="#" onclick="generar_canal(\\''+ codigo + '\\',\\'hd\\',\\'0\\'); return false;">HD</a><br>';
	resultado+="</div>";
	document.getElementById('sub'+codigo).innerHTML=resultado;
	
	if(actdesplegable!= null) {
		document.getElementById('sub'+actdesplegable).style.display="none";
	}
	actdesplegable=codigo;
	document.getElementById('sub'+actdesplegable).style.display="block";
}

function indicar_presencia(identificador) {
	if(resaltado != null) {
		document.getElementById(resaltado).style.backgroundColor="";
		document.getElementById(identificador).style.padding="0px";
	}
	document.getElementById(identificador).style.backgroundColor="#0066CC";
	document.getElementById(identificador).style.padding="0px";
	resaltado=identificador;
}

function buscar_video(cadena) {
	ultimotipado=cadena.length;
	if(cadenabuscada!=cadena) {
	setTimeout("buscar_video2('"+cadena+"',"+cadena.length+")",550);
	document.getElementById('contenidocanal').innerHTML='<table width="402" align="center" style="font-size:10px; line-height:100%"><tr><td>Buscando en tiempo real...</td></tr></table>';
	}
}
function buscar_video2(cadena,tipado) {
	if(ultimotipado==tipado && cadena!=cadenabuscada) {
		generar_lista_videos(cadena);
		ultimotipado=0;
		cadenabuscada=cadena;
	}
}
function generar_lista_videos (cadena) {
	cadena=cadena;
	if(cadena.length<3) {
		cadenaanterior="";
		peticion=0;
		return;
	}
	else {
		var tamanho=cadena.length;
		//se buscan videos
		cadenaanterior=cadena;
		var req=generar_ajax();
		var url="http://" + document.domain + "/cgi-bin/generadorvideos.cgi?buscar="+cadena;
		req.onreadystatechange= function () {
		if (req.readyState != 4) {
			return;
		}
		if (req.status == 200) {
			resultadosxml=req.responseXML;
			mostrar_resultados(0);
		}
		else { alert("Error");}
			req = null;
		}
		var encoded="";
		req.open("GET", url, true);
		req.send(encoded);
	}
}
	
function mostrar_resultados(inicio) {
	var nuevohtml="";
	nuevohtml+='<table width="402" align="center" style="font-size:10px; line-height:100%">';
	var contador=0;
	for (i = 0; i < resultadosxml.getElementsByTagName('video').length; i++){ 
		if(contador%3==0) {
			nuevohtml+="<tr>";
		}
		nuevohtml+='<td style="width:130px; text-align:left; padding-top:8px; padding-bottom:8px;" valign="top"><div style="width:122px; height:108px;">';
		var item = resultadosxml.getElementsByTagName('video')[i]; 
		var titulo = item.getElementsByTagName('titulo')[0];
		var titulourl = item.getElementsByTagName('titulourl')[0];
		var id = item.getElementsByTagName('id')[0];
		var descripcion = item.getElementsByTagName('descripcion')[0];
		var fecha = item.getElementsByTagName('fecha')[0];
		nuevohtml+=fecha.firstChild.data + '<br/><a href="/video/' + id.firstChild.data + '/' + titulourl.firstChild.data  + 
		'" title="video $aux2"><img src="http://videos.vandal.net/thumbs/'+ id.firstChild.data +'.jpg" style="border: 1px solid #FFFFFF;" alt="" width="120" /></a></div>'+'<a href="/video/' + id.firstChild.data + '/' + titulourl.firstChild.data  + 
		'" title="video $aux2">'+titulo.firstChild.data +'</a>';
 		
		nuevohtml+='</td>';
 		contador++;
 		if(contador%3==0) {
			nuevohtml+="</tr>";
		}
	}
	nuevohtml+="</table>";
    document.getElementById('contenidocanal').innerHTML=nuevohtml;
}