$(document).ready(function() {
	
	// Variables Publicas
	var velocidad = 900; // Milisegundos que tarda la animaci�n de aparecer/desaparecer noticia
	var tiempo_noticia = 3500; // Milisegundos que se mantiene cada noticia en pantalla

	// Variables Privadas
	var id_old = 1;
	var liberado = true;
	var unidad_desp = 640; // El ancho en pixeles de cada noticia
	var autoCyclic = true;
	var news_count = $(".slider_new").length;
	var int1 = 0;
	var id_auto = 2;
		
	// Creo los botones clicables en funcion de las noticias que hayan
	for(i=1;i<news_count+1;i++){
		if(i==1){ 
			str_append = "<a id=\"bt_1\" class=\"sel\">1</a>"; 
		}else{
			str_append = "<a id=\"bt_"+ i +"\">"+ i +"</a>"; 
		}
		$("#botones_imagenes").append(str_append);
	}
	

	// Inicializo posiciones y visualizacion
	$(".slider_new").css("margin-left",unidad_desp).css("opacity",0);
	$('#new_'+id_old).css("margin-left",0).css("opacity",1);
	$('.slider_new').show();

	// Si hay mas de una noticia inicializo proceso ciclico
	if(news_count>1){
		int1 = setInterval(function(){ moveNewsCyclic(); },tiempo_noticia);
	}

	// Creo los eventos para cada boton
	$("#botones_imagenes a").click(function() {
		var id = $(this).attr("id");
		id = id.split("_");
		id = id[1];

		autoCyclic = false;
		
		moveNew(id);
	});

	// Funci�n ciclica con intervalo
	function moveNewsCyclic(){
		if(autoCyclic){
			if(id_auto>news_count){ id_auto = 1; }
			moveNew(id_auto);
			id_auto++;
		}else{
			clearInterval(int1);
		}
	}

	// Funcion principal de cambio de noticia
	function moveNew(id){
		unidad_desp_t = unidad_desp;
		
		if(id_old>id){ unidad_desp_t = -(unidad_desp_t) }

		if(liberado){			
			if(id_old!=id){
				liberado = false;
				if(id_old > 0){
					$('#new_'+id_old).animate({ marginLeft: '-=' + unidad_desp_t, opacity: 0 }, velocidad, "easeInOutExpo", function() { liberado=true });
				}
				$('#new_'+id).css("margin-left",unidad_desp_t);
				$('#new_'+id).css("opacity",0);
				$('#new_'+id).animate({ marginLeft: '-=' + unidad_desp_t, opacity: 1 }, velocidad, "easeInOutExpo", function() { liberado=true });

				$("#botones_imagenes a").removeClass("sel");
				$("#bt_"+id).toggleClass("sel");
			}
			id_old = id;
		}
	}

});