// JavaScript Document
$(document).ready(function(){
	var caluga_actual	= 1;
	var caluga_mostrar	= 4;
	var caluga_cantidad	= 0;
	var caluga_tamano	= 0;
	var caluga_margen	= 3;
	var contenido = "";
	
	// CARGA CONTENIDO CALUGA 3 IMPERDIBLES //
	$("#ofertas").load("/banner_central/caluga3.html");
	
	// CARGA CONTENIDO CALUGA 2 CAMPANAS //
	$("#calugas2").load("/banner_central/caluga2.html");
	
	$(".carrusel").load("/banner_central/caluga.html", function(){														
		caluga_cantidad = $(".caluga").length;

		 $(".caluga").each(function(i){
			var numero = aleatorio("0",(caluga_cantidad - (i +1)));
			 if (i<3) var clase = " margen_caluga";
			 else var clase="";
			 $(".caluga").each(function(o){
				if (o == numero)								
					{
					
						contenido += "<div class=\"caluga"+clase+"\">";
						contenido += $(this).html();
						contenido += "</div>";
						$(this).remove();
						
					}
				});
		 });
		
		$(".carrusel").html(contenido);
	
		if (caluga_cantidad <= caluga_mostrar)
			$(".bt_adelante").addClass("bt_adelante_inact").removeClass("bt_adelante");
		
	//	$(".carrusel").css("width", ($(".caluga:first").outerWidth() + caluga_margen) * caluga_cantidad);
	});
	
	$(".bt_atras").addClass("bt_atras_inact").removeClass("bt_atras");

	$(".bt_atras").live("click",function(evento){
		caluga_tamano = $(".caluga:first").outerWidth() + caluga_margen;
		evento.preventDefault();
		var posicion_actual = $(".carrusel").css("left");
		var nueva_posicion = eval(posicion_actual.replace("px","")) + caluga_tamano;
		$(".carrusel").animate({"left" : nueva_posicion}, "fast");	
		caluga_actual--;
		if ((caluga_actual - 1) <=0 )
			{
				$(".bt_atras").addClass("bt_atras_inact").removeClass("bt_atras");
			}
			
		if ((caluga_actual + caluga_mostrar) <= caluga_cantidad)
			{
				$(".bt_adelante_inact").addClass("bt_adelante").removeClass("bt_adelante_inact");
				//$(".bt_atras").addClass("bt_atras").removeClass("bt_atras");
			}
	});
	
	$(".bt_adelante").live("click", function(evento){
		caluga_tamano = $(".caluga:first").outerWidth() + caluga_margen;
		evento.preventDefault();
		var posicion_actual = $(".carrusel").css("left");
		var nueva_posicion = eval(posicion_actual.replace("px","")) - caluga_tamano;
		$(".carrusel").animate({"left" : nueva_posicion}, "fast");	
		caluga_actual++;
		if ((caluga_actual + caluga_mostrar) > caluga_cantidad)
			$(".bt_adelante").addClass("bt_adelante_inact").removeClass("bt_adelante");
		if ((caluga_actual - 1) > 0 )
			$(".bt_atras_inact").addClass("bt_atras").removeClass("bt_atras_inact");
	});

	
	function aleatorio(a,b) {

		return Math.round(Math.random()*(b-a)+a);
	
	}
	
});