/**
 * @Autor David (Marka Informática)
 * @Fecha 14/09/2009
 * @Descripción 
 * 		Script con las funciones para la pagina index.php de la web.
 */

/**
 * Función para mostrar el marco con la noticia ampliada.
 * @param {Object} _noticia: Id de la noticia que se desea mostrar.
 */
function MostrarNoticia(_noticia) {
	document.getElementById("frameNoticia").src="leer_noticia.php?Id="+_noticia;
	document.getElementById("marcoNoticia").className = "mostrar";
}

/**
 * Función para ocultar el marco de la noticia ampliada.
 */
function OcultarNoticia() {
	document.getElementById("marcoNoticia").className = "ocultar";
}

/**
 * JQuery onload().
 */	
$(document).ready(function(){
	var primera = 0;
	var velSlide = 700;
	var pausaNoticia = 5000;
	var temporizador = 0;
	
	//Eventos para navegacion...
	$("#cajaNoticias #atras").click(atras);
	$("#cajaNoticias #stop").click(stop);		
	$("#cajaNoticias #play").click(play);		
	$("#cajaNoticias #adelante").click(adelante);
	
	//Eventos para lanzar vista de noticia...
	//Evento click en leer +.
	/*$(".pieNoticia").click(function(){ 
		idNoticia=$(this).attr("id").split("_")[1];
		$("#frameNoticia").attr("src","leer_noticia.php?Id="+idNoticia);
		$("#marcoNoticia").show();
	});*/
	
	//Evento click en cerrar del div de noticias.
	//$("#linkCerrar").click(function(){ $("#marcoNoticia").hide(); });
	
	//Funciones...
	function anterior() {
		ultimoItem = '<li style="display:none">' + $('#listaNoticias>ul li:last').html() + '</li>';
		$('#listaNoticias>ul li:last').remove();
		$('#listaNoticias>ul li:first')
			.animate({opacity: 0}, velSlide)
			.fadeOut('slow');
		$('#listaNoticias>ul').prepend(ultimoItem);
		$('#listaNoticias>ul li:first')
			.animate({opacity: 1}, velSlide)
			.fadeIn('slow')
	}
	
	function siguiente(){
		primerItem = $('#listaNoticias>ul li:first').html();
		$('#listaNoticias>ul li:first')
		.animate({opacity: 0}, velSlide)
		.fadeOut('slow', function() {$(this).remove();});
		anhadirUltima(primerItem);
	}
		
	function anhadirUltima(item){
		ultimoItem = '<li style="display:none">'+item+'</li>';
		$('#listaNoticias>ul').append(ultimoItem)
		$('#listaNoticias>ul li:last')
		.animate({opacity: 1}, velSlide)
		.fadeIn('slow')
	}	
	
	function atras(){
		stop();
		anterior();
	}
	
	function play() {
		temporizador = setInterval(siguiente, pausaNoticia);
	}
	
	function stop(){
		clearInterval(temporizador);
	}
	
	function adelante(){
		stop();
		siguiente();
	}
	
	//Arrancamos las noticias.
	play();
});