/**
 * 	@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)
{
	//creo una variable para poder realizar el movimiento automatico y le asigno el valor del contador inicial
	valor = document.getElementById("inicial").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
	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("siguienteFoto()", 10000);