var idx = -1;
var max = 4;
var interv = 6000;
var to;

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

function nextFrame(i) {
	$("#left_carosel").find("div").each(function() {
		if($(this).css("display") != 'none')
			$(this).fadeOut();
	});
	$("#right_carosel").find("div").each(function() {
		$("#l_0").css({ backgroundImage: "url('images/sf_tabs_off.jpg')", color: "#333333" });
		$("#l_1").css({ backgroundImage: "url('images/sf_tabs_off.jpg')", color: "#333333" });
		$("#l_2").css({ backgroundImage: "url('images/sf_tabs_off.jpg')", color: "#333333" });
		$("#l_3").css({ backgroundImage: "url('images/sf_tabs_off.jpg')", color: "#333333" });
		$("#l_4").css({ backgroundImage: "url('images/sf_tabs_off.jpg')", color: "#333333" });
	});

	$("#c_"+idx).fadeIn();
	$("#l_"+idx).css({ backgroundImage: "url('images/sf_tabs_on.jpg')", color: "#000000" });
}

function animate() {
	idx = (idx+1)%max;
	nextFrame(idx);
	to = setTimeout("animate()", 6000);
}

function pause() {
	clearTimeout(to);
	var d = $("#pause");
	d.get(0).onclick = restart;
	d.html("<img src=images/bot_play.gif border=0 vspace=9>");
}

function restart() {
	animate();
	var d = $("#pause");
	d.get(0).onclick = pause;
	d.html("<img src=images/bot_pausa.gif border=0 vspace=9>");
}

function selectFrame(i) {
	pause();
	idx = i;
	nextFrame(idx);
}