var timer = 0;

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 objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}

function jugarTemas(categoria){
	// Creo el nuevo objeto AJAX
	var ajax=nuevoAjax();
	var divTemas=document.getElementById("divTemas");
	ajax.open("GET", "jugarTemas.php?categoria="+categoria, true);
	ajax.onreadystatechange=function() 
	{ 
		if (ajax.readyState==1)
		{
			// Mientras carga pongo "Cargando..."
			divTemas.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		}
		if (ajax.readyState==4)
		{
			divTemas.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);

}

function cargaTemas(idcategoria)
{
	// Obtengo el select que el usuario modifico
	var selectCat=document.getElementById(idcategoria);
	// Obtengo la opcion que el usuario selecciono
	var opcionSeleccionada=selectCat.options[selectCat.selectedIndex].value;
	var selectTema=document.getElementById("tema");
	// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select categoria
	var ajax=nuevoAjax();
	ajax.open("GET", "cargar-tema.php?opcion="+opcionSeleccionada, true);
	ajax.onreadystatechange=function() 
	{ 
		if (ajax.readyState==1)
		{
			// Mientras carga pongo "Cargando..."
			selectTema.length=0;
			var nuevaOpcion=document.createElement("option");
			nuevaOpcion.value=0;
			nuevaOpcion.innerHTML="Cargando...";
			selectTema.appendChild(nuevaOpcion);
			selectTema.disabled=true;
		}
		if (ajax.readyState==4)
		{
			selectTema.parentNode.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);

}

function cargaRanking(ranking){
	// Creo el nuevo objeto AJAX y pido al servidor la carga de preguntas
	var ajax=nuevoAjax();
	var divRanking=document.getElementById("rankingdiv");
	var tipo=ranking.split("|",3);
	
	if(tipo[0]=="total"){
		//Caso que el ranking sea total
		var total=ranking;
		var categoria="";
		var tema="";
		ajax.open("GET", "rankingList.php?categoria="+categoria+"&tema="+tema+"&total="+total, true);
	}else if(tipo[0]=="categoria"){
		//Caso que el ranking sea de una categorķa
		var total="";
		var categoria=tipo[1];
		var tema="";
		ajax.open("GET", "rankingList.php?categoria="+categoria+"&tema="+tema+"&total="+total, true);
	}else if(tipo[0]=="tema"){
		//Caso que el ranking sea de un tema
		var total="";
		var categoria=tipo[1];
		var tema=tipo[2];
		ajax.open("GET", "rankingList.php?categoria="+categoria+"&tema="+tema+"&total="+total, true);
	}else if(tipo[0]=="preguntas"){
		//Caso que el ranking sea de preguntas enviadas
		var total="preguntas";
		var categoria="";
		var tema="";
		ajax.open("GET", "rankingList.php?categoria="+categoria+"&tema="+tema+"&total="+total, true);
	}
	
	ajax.onreadystatechange=function()
	{
		if (ajax.readyState==1)
		{
			divRanking.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		} 
		if (ajax.readyState==4)
		{
			divRanking.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
}

function insertar(){
	var categoria = document.getElementById('categoria').options[document.getElementById('categoria').selectedIndex].value;
	var tema = document.getElementById('tema').options[document.getElementById('tema').selectedIndex].value;
	var nivel = document.getElementById('nivel').options[document.getElementById('nivel').selectedIndex].value;
	var pregunta = document.getElementById('pregunta').value;
	var respcorrecta = document.getElementById('respcorrecta').value;
	var resp2 = document.getElementById('resp2').value;
	var resp3 = document.getElementById('resp3').value;
	var resp4 = document.getElementById('resp4').value;
	var tag1 = document.getElementById('tag1').value;
	var tag2 = document.getElementById('tag2').value;
	var tag3 = document.getElementById('tag3').value;
	var tag4 = document.getElementById('tag4').value;
	// Creo el nuevo objeto AJAX y pido al servidor la carga de preguntas
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("cuerpo");
	ajax.open("GET", "insertar.php?categoria="+encodeURIComponent(categoria)+"&tema="+encodeURIComponent(tema)+"&nivel="+nivel+"&pregunta="+encodeURIComponent(pregunta)+"&respcorrecta="+encodeURIComponent(respcorrecta)+"&resp2="+encodeURIComponent(resp2)+"&resp3="+encodeURIComponent(resp3)+"&resp4="+encodeURIComponent(resp4)+"&tag1="+encodeURIComponent(tag1)+"&tag2="+encodeURIComponent(tag2)+"&tag3="+encodeURIComponent(tag3)+"&tag4="+encodeURIComponent(tag4), true);
	ajax.onreadystatechange=function()
	{
		if (ajax.readyState==1)
		{
			divCuerpo.innerHTML="<img src = 'img/tf_cargando.gif' alt='Insertando...' />";
		} 
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
}

function validacion(id,usuario){
	var nivel = document.getElementById('nivel').options[document.getElementById('nivel').selectedIndex].value;
	var pregunta = document.getElementById('pregunta').value;
	var respcorrecta = document.getElementById('respcorrecta').value;
	var resp2 = document.getElementById('resp2').value;
	var resp3 = document.getElementById('resp3').value;
	var resp4 = document.getElementById('resp4').value;
	var tag1 = document.getElementById('tag1').value;
	var tag2 = document.getElementById('tag2').value;
	var tag3 = document.getElementById('tag3').value;
	var tag4 = document.getElementById('tag4').value;
	var valida = document.getElementById('valida').checked;
	// Creo el nuevo objeto AJAX y pido al servidor la carga de preguntas
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("cuerpo");
	ajax.open("GET", "validacion.php?id="+id+"&nivel="+nivel+"&pregunta="+encodeURIComponent(pregunta)+"&respcorrecta="+encodeURIComponent(respcorrecta)+"&resp2="+encodeURIComponent(resp2)+"&resp3="+encodeURIComponent(resp3)+"&resp4="+encodeURIComponent(resp4)+"&tag1="+encodeURIComponent(tag1)+"&tag2="+encodeURIComponent(tag2)+"&tag3="+encodeURIComponent(tag3)+"&tag4="+encodeURIComponent(tag4)+"&valida="+encodeURIComponent(valida)+"&usuario="+encodeURIComponent(usuario), true);
	ajax.onreadystatechange=function()
	{
		if (ajax.readyState==1)
		{
			divCuerpo.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		} 
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
}

function validaPregunta(id)
{
	if (timer>0){
		clearTimeout(timer);	
	}
	// Creo el nuevo objeto AJAX
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("cuerpo");
	ajax.open("GET", "val.php?id="+id, true);
	ajax.onreadystatechange=function() 
	{ 
		if (ajax.readyState==1)
		{
			// Mientras carga pongo "Cargando..."
			divCuerpo.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		}
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
}

function inicio(cat,tema){
	if (timer>0){
		clearTimeout(timer);	
	}
	// Creo el nuevo objeto AJAX y pido al servidor la carga de preguntas
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("cuerpo");
	ajax.open("GET", "partida-inicio.php?categoria="+cat+"&tema="+tema, true);
	ajax.onreadystatechange=function()
	{
		if (ajax.readyState==1)
		{
			divCuerpo.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		} 
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
	timer=setTimeout("correcta('')",15000);
}

function continuar()
{
	if (timer>0){
		clearTimeout(timer);	
	}
	// Creo el nuevo objeto AJAX y pido al servidor la siguiente pregunta
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("pregunta");
	ajax.open("GET", "partida.php", true);
	ajax.onreadystatechange=function()
	{
		if (ajax.readyState==1)
		{
			divCuerpo.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		} 
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
	timer=setTimeout("correcta('')",15000);
}

function correcta(resp)
{
	clearTimeout(timer);
	// Creo el nuevo objeto AJAX y envio al servidor la respuesta seleccionada por el usuario
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("pregunta");
	ajax.open("GET", "valida.php?resp="+encodeURIComponent(resp), true);
	ajax.onreadystatechange=function()
	{ 
		if (ajax.readyState==1)
		{
			divCuerpo.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		} 
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		}
	}
	ajax.send(null);
}

function final(ptos){
	alert("Has conseguido " + ptos + " puntos");
	cargaContenido("jugar.php");
}

/*By George Chiang (WA's JavaScript tutorial)
Credit must stay intact for use*/
function reloj()
{
	var Digital=new Date()
	var hours=Digital.getHours()
	var minutes=Digital.getMinutes()
	var seconds=Digital.getSeconds()
	var dn="AM"
	if (hours>12){
		dn="PM"
		hours=hours-12
	}
	if (hours==0)
		hours=12
	if (minutes<=9)
		minutes="0"+minutes
	if (seconds<=9)
		seconds="0"+seconds
	document.Tick.Clock.value=hours+":"+minutes+":"+seconds+" "+dn
	setTimeout("reloj()",1000)
}

function cargaContenido(url)
{
	if (timer>0){
		clearTimeout(timer);	
	}
	// Creo el nuevo objeto AJAX
	var ajax=nuevoAjax();
	var divCuerpo=document.getElementById("cuerpo");
	ajax.open("GET", url, true);
	ajax.onreadystatechange=function() 
	{ 
		if (ajax.readyState==1)
		{
			// Mientras carga pongo "Cargando..."
			divCuerpo.innerHTML="<img id='cargando' src='img/tf_cargando.gif' alt='Cargando...'>";
		}
		if (ajax.readyState==4)
		{
			divCuerpo.innerHTML=ajax.responseText;
		} 
	}
	ajax.send(null);
}