/**
 * 	@author Farez Prieto
 * 	Este archivo permite cambiar la foto y el texto de la fotonoticia por medio de las flechitas laterales
 *	o por medio de la pagina que se seleccione
 */
function cambiarFoto(direccion,page)
{
	if(document.getElementById("inicial") != null){
		//creo una variable para poder realizar el movimiento automatico y le asigno el valor del contador inicial
		valor = document.getElementById("inicial");	if(valor == null){		valor = 0;	}else{		valor = valor.value;	}
		//si la direccion es hacia adelante
		if(direccion == 'sig')
		{	
			//incremento la variable
			valor++;
		}
		//pero si la direccion es hacia atras
		else if(direccion =='ant')
		{
			//decremento la variable
			valor--;
			//y pinto en color blanco el numerito anterior
			document.getElementById(valor+1).style.color='#fff';
		}
		//pero si la direccion no esta definida
		else if(direccion =='undefined')
		{
			//incremento la variable
			valor++;
		}
		//asigno el nuevo valor al contador		// if(document.getElementById("inicial") != null){
			document.getElementById("inicial").value = valor;	// }

		//Capturamos los divs
		var divFoto = document.getElementById("imagen_foto_noticia");
		var divTitular = document.getElementById("titular_foto_noticia");
		var divResumen = document.getElementById("resumen_foto_noticia");
		var divCategoriaActual = document.getElementById("categoria_actual_foto_noticia");
		var Categorias_Fotonoticia = document.getElementById("categorias_foto_noticia");
		var CategoriaActual = divCategoriaActual.value;

		//instancio el objeto ajax
		ajax=nuevoAjax();
		//paso los parametros por get al php
		ajax.open("GET", "tools/fotonoticia.php?direccion="+direccion+"&actual="+CategoriaActual+"&categorias_foto_noticia="+Categorias_Fotonoticia.value+"&valor="+page);
		ajax.onreadystatechange=function() {
			if (ajax.readyState==4 &&  ajax.status == 200) {

				//Aceptamos la respuesta del php
				var resultado = ajax.responseText;

				if( resultado.substring(0,4)=="<h4>" ){
					//Hacemos un explode a lo que viene para capturar titulo, imagen y resumen
					//El separador es |
					var datos = new Array();
					datos = resultado.split('|');

					//Pintamos los datos
					//titulo
					divTitular.innerHTML = datos[0];
					//foto
					divFoto.innerHTML = datos[1];
					//resumen
					divResumen.innerHTML = datos[2];
					//la categoria actual 
					divCategoriaActual.value = datos[3];
					//valido si es el ultimo registro
					if(datos[4] == valor)
					{
						//si es asi el contador lo retorno a vacio
						document.getElementById("inicial").value='';
						//el ultimo numero del paginador lo pongo en color no seleccionado
						document.getElementById(datos[4]-1).style.color='#fff';
						//llamo la funcion pasando la direccion sin definir
						cambiarFoto("undefined");
					}
					//valido si la pagina es la inicial
					if(valor == 1)
					{
						// si es la pagina inicial valido si el dato fue enviado dando click en el m¿numerito de la pagina
						if(page)
						{
							//si fue enviado por el click en el numerito de la pagina 
							//pinto la pagina anterior como color no seleccionado
							document.getElementById(valor).style.color='#fff';
							//y pinto la pagina actual como color seleccionado
							document.getElementById(page).style.color='red';
						}
						//si no fue enviado por el click en el numerito de la pagina sino por la flecha lateral
						else
						{
							//pinto en color seleccionado
							document.getElementById(valor).style.color='red';	
						}
					}
					//pero si no es la primer pagina
					else
					{
						//igualmente valido si fue enviado por el click del numerito de la pagina
						if(page)
						{
							//si fue asi, pinto el numeri de la pagina anterior con color no seleccionado
							document.getElementById(valor).style.color='#fff';
							//y la pagina actual con color seleccionado
							document.getElementById(page).style.color='red';
						}
						//pero si fue enviado por las flechitas  
						else
						{
							//pongo la pagina anterior a la actual en color no seleccionado
							document.getElementById(valor-1).style.color='#fff';
							//pinto la pagina actual a color seleccionado
							document.getElementById(valor).style.color='red';
						}
					}
				}
			}
		}
		 ajax.send(null);
	}
}
// window.onload = cambiarFoto('undefined');

setInterval("cambiarFoto('sig')", 20000);