/**
 * @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
	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='#666';
	}
	//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='#666';
				//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='#666';
					//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='#666';
					//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='#666';
					//pinto la pagina actual a color seleccionado
					document.getElementById(valor).style.color='#333';
				}
			}
		}
	}
	 ajax.send(null);
}
//window.onload = cambiarFoto('undefined');

//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();