/************************** Funciones para el carrusel *************************************/
var sig = true;
var prev = false;


function BtnSig(boton,sig)
{
	if(sig == false)
		$("#"+boton).css('display','none');
	else //esta activo		
		$("#"+boton).css('display','block');
}

function BtnPrev(boton,prev)
{
	if(prev == false) //btn desactivado
		$("#"+boton).css('display','none');
	else
		$("#"+boton).css('display','block');
}

function InicializaCarrusel()
{
	var columnasVisibles = 1;
	var numElementosTotales;
	var columnasTotales;
	var anchoTotal;
	var anchoVisible; //1 noticia
	
	numElementosTotales = $('ul.ultima-hora > li').size();
	columnasTotales = numElementosTotales;
	anchoTotal = columnasTotales * 600;
	anchoVisible = columnasVisibles * 600; 
	
	
	$('ul.ultima-hora').css("width", anchoTotal); //asigno el ancho de la galeria en funcion de las columnas que haya

	var nuevaPos = 0;
	var pos = $('ul.ultima-hora').position(); //guardo posicion inicial de la galeria
	
	/************************************* boton siguiente *********************************************************/
	
	$("#flechader img").click(function(){									  				
		
		var carrusel = $("ul.ultima-hora");
		
		var anchoTotal = carrusel.width();		
		var pos = carrusel.position();
		var limite = anchoTotal-anchoVisible; 
		
		if (Math.abs(pos.left)<limite)
		{		
			if (Math.abs(pos.left)+anchoVisible<limite)
			{	
				nuevaPos = pos.left - anchoVisible;								
			}
			else
			{
				nuevaPos = -(anchoTotal-anchoVisible);
				BtnSig('flechader',false);
			}
			
			BtnPrev('flechaizq',true);
			carrusel.stop().animate({ left: nuevaPos+"px" }, { duration:800, easing: "easeOutCubic" } );
						
		}
	});
	
	/******************************** Boton atras ***************************************/
	
	$("#flechaizq img").click(function(){
		
		var carrusel = $("ul.ultima-hora");		
		
		var anchoTotal = carrusel.width();
		var pos = carrusel.position();
		
		if (Math.abs(pos.left)>0)
		{		
			if (Math.abs(pos.left)>anchoVisible)
			{									
				nuevaPos = pos.left + anchoVisible;						
			}
			else
			{			
				nuevaPos = 0;
				BtnPrev('flechaizq',false);
			}
			
			BtnSig('flechader',true);
			carrusel.stop().animate({ left: nuevaPos+"px" }, { duration:800, easing: "easeOutCubic" } );
						
		}
	});
	
}


$(document).ready(function(){
	InicializaCarrusel();
});