// Declaro un array en el cual los indices son los ID's de los DIVS que funcionan como pestaña y los valores son los identificadores de las secciones a cargar
var tabsId=new Array();
tabsId['videos']='videos';
tabsId['animaciones']='animaciones';
tabsId['power']='power';
tabsId['juegos']='juegos';
// Declaro el ID del DIV que actuará como contenedor de los datos recibidos
var contenedor='tabContenido';


function contar(ide){ ventana=window.open("contarvisita.php?id=" + ide,"","width=10,height=10");ventana.blur();	self.focus(); }


function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false; 
	try 
	{ 
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			// Creacion del objeto AJAX para IE 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 

	return xmlhttp; 
}

function cargaContenido(pagina,seccion)
{
	/* Recorro las pestañas para dejar en estado "apagado" a todas menos la que se ha clickeado. Teniendo en cuenta que solo puede haber una pestaña "encendida"
	a la vez resultaría mas óptimo hacer un while hasta encontrar a esa pestaña, cambiarle el estilo y luego salir, pero, creanme, se complicaría un poco el
	ejemplo y no es mi intención complicarlos */
	for(key in tabsId)
	{
		// Obtengo el elemento
		elemento=document.getElementById(key);
		// Si es la pestaña activa
		if(elemento.className=='tabOn')
		{
			// Cambio el estado de la pestaña a inactivo 
			elemento.className='tabOff';
		}
	}
	// Cambio el estado de la pestaña que se ha clickeado a activo
	document.getElementById(seccion).className='tabOn';
	
	/* De aqui hacia abajo se tratatan la petición y recepción de datos */
	
	// Obtengo el identificador vinculado con el ID del elemento HTML que referencia a la sección a cargar
	//seccion=tabsId[this.id];
	/*var seccion2=document.getElementById('seccion2').value;
	if(seccion!=seccion2){
		seccion=seccion2;
	}*/
	var idUser=document.getElementById('idUser').value;
	/*alert(pagina);
	alert(seccion);*/
	// Coloco un mensaje mientras se reciben los datos
	var Contenido=document.getElementById('tabContenido');
	Contenido.innerHTML='<img src="imagenes/loader.gif"> Cargando, por favor espere...';
	
	// Creo el objeto AJAX y envio la petición por POST (para evitar cacheos de datos)
	var ajax=nuevoAjax();
	ajax.open("GET", "devolver.php?zona="+seccion+'&id='+idUser+'&pag='+pagina, true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send(null);
	
	ajax.onreadystatechange=function()
	{
		if(ajax.readyState==4)
		{
			// Al recibir la respuesta coloco directamente el HTML en la capa contenedora
			Contenido.innerHTML=ajax.responseText;
		}
	}
}

function mouseSobre()
{
	// Si el evento no se produjo en la pestaña seleccionada...
	if(this.className!='tabOn')
	{
		// Cambio el color de fondo de la pestaña
		this.className='tabHover';
	}
}

function mouseFuera()
{
	// Si el evento no se produjo en la pestaña seleccionada...
	if(this.className!='tabOn')
	{
		// Cambio el color de fondo de la pestaña
		this.className='tabOff';
	}
}

function alCargar()
{
	for(key in tabsId)
	{
		// Voy obteniendo los ID's de los elementos declarados en el array que representan a las pestañas
		elemento=document.getElementById(key);
		// Asigno que al hacer click en una pestaña se llame a la funcion cargaContenido
		//elemento.onclick=cargaContenido;
		/* El cambio de estilo es en 2 funciones diferentes debido a la incompatibilidad del string de backgroundColor devuelto por Mozilla e IE.
		Se podría pasar de rgb(xxx, xxx, xxx) a formato #xxxxxx pero complicaría innecesariamente el ejemplo */
		elemento.onmouseover=mouseSobre;
		elemento.onmouseout=mouseFuera;
	}
	// Obtengo la capa contenedora de datos
	Contenido=document.getElementById('Contenido');
}



function muestra(cual){
	if(document.getElementById(cual).style.display=='none'){
		document.getElementById(cual).style.display='block';
	}else{
		document.getElementById(cual).style.display='none';
	}
}

 function validaEmail(valor) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){ 
   return (true);
  } else {
   alert("La direccion de email es incorrecta.");
   return (false);
  }
 }

function validar(){
// valido el nombre
if(document.enviarAmigo.nombre.value.length==0){
	alert("Introduce tu nombre")
	document.enviarAmigo.nombre.focus()
	return 0;
}

if(validaEmail(document.enviarAmigo.email.value)==false){
	return 0;
}

if(document.enviarAmigo.amigo.value.length==0){
	alert("Introduce el nombre de tu amigo")
	document.enviarAmigo.amigo.focus()
	return 0;
}
if(validaEmail(document.enviarAmigo.suemail.value)==false){
	return 0;
}


// el formulario se envia
	document.enviarAmigo.submit();
}

////////// FUNCIÓN PARA VALORACIÓN
		
		function agregarafavoritos(){if (document.all)window.external.AddFavorite(url,titulo)}
		
		
		function valorar2(ptos,vkey) {
				var bloque2='bloque2'+vkey;				
				var valoracion=document.getElementById(bloque2);
				valoracion.innerHTML='<img src="imagenes/snake2.gif" border="0" /> <b>Enviando voto..espere porfavor</b>';
				var votoant=document.getElementById('votoant').value;
				var ajax=nuevoAjax();
				var tipo=document.getElementById('tipo').value;
				ajax.open("POST", tipo,true);
				var cad="vkey="+vkey+"&voto="+ptos+"&votoant="+votoant;
				ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				ajax.send(cad) 
				ajax.onreadystatechange=function(){ if (ajax.readyState==4)	{	var devuelvo=ajax.responseText;	valoracion.innerHTML='<br>Gracias por tu voto!<br>';	}}}
				
			
			
			function valorar(ptos) {
				// Desactiva la capa de valoraciones 
				//document.getElementById('bloque2').style.display='none';
				// Desactiva la capa de compartir
				//document.getElementById('ocultando').style.display='none';
				// Activa la capa de enviando datos (Espere...)
				var valoracion=document.getElementById('bloque2');
				valoracion.innerHTML='<img src="imagenes/snake2.gif" border="0" /> <b>Enviando voto..espere porfavor</b>';
				// Envía la valoracion, via Ajax
				var vkey=document.getElementById('viewkey').value;
				var votoant=document.getElementById('votoant').value;
				var ajax=nuevoAjax();
				var tipo=document.getElementById('tipo').value;
				ajax.open("POST", tipo,true);
				var cad="vkey="+vkey+"&voto="+ptos+"&votoant="+votoant;
				ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				ajax.send(cad) 
				ajax.onreadystatechange=function()
				{
					if (ajax.readyState==4)
					{
						var devuelvo=ajax.responseText;
						valoracion.innerHTML='Gracias por tu voto!<br><br>Valoracion actual: <br><br><img src=imagenes/rating/'+devuelvo+'.gif border=0/><br>';
					}
				}
			}
			
			
			function mostrarPuntos(ptos) {
				document.getElementById('valoracionPuntos').innerHTML=(ptos/2)+' / 5';
			}
			
			

/////////////////////////////////////////////

function cargarVideo()
{
	/*document.getElementById('videos').className='actual';
	document.getElementById('favoritos').className='';*/
	// Guardamos keywords
	var keyword=document.getElementById('keyword').value;
	// Guardamos categoria
	var channel=document.getElementById('channel').value;
	// Activamos la pestaña

	document.getElementById('contenido').innerHTML='<img src="imagenes/loader.gif">Cargando, por favor espere...';
	
	var ajax=nuevoAjax();
	ajax.open("POST", "relacionados.php",true);
	var cad="channel="+channel+"&keyword="+keyword;
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send(cad);
	
	ajax.onreadystatechange=function()
	{
		if(ajax.readyState==4)
		{
			// Al recibir la respuesta coloco directamente el HTML en la capa contenedora
			document.getElementById('contenido').innerHTML=ajax.responseText;
		}
	}
}

function cargaComentarios(pagina,vkey,rango)
{
	/* Recorro las pestañas para dejar en estado "apagado" a todas menos la que se ha clickeado. Teniendo en cuenta que solo puede haber una pestaña "encendida"
	a la vez resultaría mas óptimo hacer un while hasta encontrar a esa pestaña, cambiarle el estilo y luego salir, pero, creanme, se complicaría un poco el
	ejemplo y no es mi intención complicarlos */
	
	/* De aqui hacia abajo se tratatan la petición y recepción de datos */
	
	// Obtengo el identificador vinculado con el ID del elemento HTML que referencia a la sección a cargar
	// Coloco un mensaje mientras se reciben los datos
	var Contenido=document.getElementById('comentarios');
	Contenido.innerHTML='Cargando comentarios, por favor espere...<img src="imagenes/loader.gif">';
	
	// Creo el objeto AJAX y envio la petición por POST (para evitar cacheos de datos)
	var ajax=nuevoAjax();
	var aleatorio=Math.random(); 
	var cad="darcomentarios.php?vkey="+vkey+'&pag='+pagina+'&rango='+rango+'&nocache='+aleatorio;
	ajax.open("GET", cad, true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send(null);
	
	ajax.onreadystatechange=function()
	{
		if(ajax.readyState==4)
		{
			// Al recibir la respuesta coloco directamente el HTML en la capa contenedora
			Contenido.innerHTML=ajax.responseText;
		}
	}
}

function enviarComent(){
// valido el nombre
if(document.formulario.comentario.value.length==0){
	alert("Escribe algun comentario")
	document.formulario.comentario.focus()
	return 0;
}
// el formulario se envia
	document.formulario.submit();
}

function eliminarComentario(ide,vkey){
	if (confirm("¿Estas seguro de borrar este comentario?")) {
		location.href="index.php?seccion=vervideo&viewkey="+vkey+"&borrar=" + ide;
	}
}