/**
 * @author milton
 * 	@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
	if(document.getElementById("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='#0a6a99';
		}
		//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) {
				//Aceptamos la respuesta del php
				var resultado = ajax.responseText;

				//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='#0a6a99';
					//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='#0a6a99';
						//y pinto la pagina actual como color seleccionado
						document.getElementById(page).style.color='#333';
					}
					//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='#333';
					}
				}
				//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='#0a6a99';
						//y la pagina actual con color seleccionado
						document.getElementById(page).style.color='#333';
					}
					//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='#0a6a99';
						//pinto la pagina actual a color seleccionado
						document.getElementById(valor).style.color='#333';
					}
				}
			}
		}
		ajax.send(null);
	}
}
//window.onload = cambiarFoto('undefined');
var Effect = function(){};
//setInterval("cambiarFoto(\"sig\")", 10000);
Effect.OpenUp = function(element) {
	element = $(element);
	new Effect.BlindDown(element, arguments[1] || {});
 }

 Effect.CloseDown = function(element) {
	element = $(element);
	new Effect.BlindUp(element, arguments[1] || {});
 }

 Effect.Combo = function(element) {
	element = $(element);
	if(element.style.display == 'none') {
		new Effect.OpenUp(element, arguments[1] || {});
	}else {
		new Effect.CloseDown(element, arguments[1] || {});
	}
 }

window.onload = cambiarFoto();