/* BANNERS */
var listo = false;
var timmer;
var actual = 1;
var tiempo_espera = 800;
var tiempo_normal = 4000;
var tiempo_animacion = 400;
var play_html = "<img src='images/play.gif'  alt='play'  />";
var pause_html = "<img src='images/pause.gif'  alt='pausa'  />";
var estado_timmer = "play";
$(function(){
	num_controles = $("#controles a:not(#ctrl)").length;
	comienza_timmer(tiempo_normal);
	
	$("#controles a:not(#ctrl)").click(function(){
		actual = $("#controles a:not(#ctrl)").index(this)+1;
		if(actual >= num_controles)actual = 0;
		detiene_timmer();
		slideTo($(this).attr("href"));
		comienza_timmer(tiempo_normal);
		estado_timmer = "play";
		$("#ctrl").html(pause_html);
		return false;
	});
	$("#ctrl").click(function(){
		if(estado_timmer == "play"){
			detiene_timmer();
			estado_timmer= "pause";
			this.innerHTML = play_html;
		}else{
			estado_timmer= "play";
			slideTo($("#controles a:eq("+actual+"):not(#ctrl)").attr("href"));actual++;
			if(actual >= num_controles)actual = 0;
			comienza_timmer(tiempo_normal);
			this.innerHTML = pause_html;
		}
		return false;						  
	});
});

function comienza_timmer(){
	if(actual >= num_controles)actual = 0;
	timmer = setInterval(function(){
		slideTo($("#controles a:eq("+actual+"):not(#ctrl)").attr("href"));actual++;
		if(actual >= num_controles)actual = 0;
	},tiempo_normal+tiempo_animacion);
};
function detiene_timmer(){
	estado_timmer = "pause";
	clearInterval(timmer);	
}
function slideTo(href){
	$("#controles a").removeClass("selected");
	$('[href='+href+']').addClass("selected");
	SoloEnviar(href,"",function(con){
		$("#carga_promociones > div").stop().animate({'marginLeft':'700px','opacity':'0'},tiempo_animacion,function(){
			$("#carga_promociones").html(con.responseText);
			$("#carga_promociones > div").css({'marginLeft':'-700px'});
			$("#carga_promociones > div").stop().animate({'marginLeft':'0px'},tiempo_animacion);
			inicializar();
		});
	});
}

function inicializar(){
	$(".imgfast").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$(".imgfast").hover(function(){
		$(this).fadeTo("fast", 0.7); // This should set the opacity to 100% on hover
	},function(){
		$(this).fadeTo("fast", 1.0); // This should set the opacity back to 30% on mouseout
	});
}