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

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

function nextFrame(i) {
	$("#left_carosel").find("div").each(function() {
	$("#d_0").css({display: "none"});
	$("#d_1").css({display: "none"});
	$("#d_2").css({display: "none"});
	$("#d_3").css({display: "none"});
		if($(this).css("display") != 'none')
			$(this).fadeOut();
	});
	$("#right_carosel").find("div").each(function() {
		$("#l_0").css({ backgroundImage: "url('images/bot_seminaristi.gif')", color: "#333333" });
		$("#l_1").css({ backgroundImage: "url('images/bot_religiosi.gif')", color: "#333333" });
		$("#l_2").css({ backgroundImage: "url('images/bot_sacerdoti.gif')", color: "#333333" });
		$("#l_3").css({ backgroundImage: "url('images/bot_diaconi.gif')", color: "#333333" });
	});

	$("#c_"+idx).fadeIn();
	$("#d_"+idx).css({display: "block"});
	
	if (idx == 0){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_0.gif')", color: "#000000" });
	}else if (idx == 1){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_1.gif')", color: "#000000" });
	}else if (idx == 2){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_2.gif')", color: "#000000" });
	}else if (idx == 3){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_3.gif')", color: "#000000" });
	}else if (idx == 4){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_4.gif')", color: "#000000" });
	}else if (idx == 5){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_5.gif')", color: "#000000" });
	}else if (idx == 6){
	$("#l_"+idx).css({ backgroundImage: "url('images/bot_6.gif')", 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("Scroll categorie <img src=images/bot_play.gif hspace=8 vspace=5 border=0 align=absmiddle>");
}
function pauseM(i){
	if (i == 0){
	$("#d_0").css({display: "none"});
	}
}

function restart() {
	animate();
	var d = $("#pause");
	d.get(0).onclick = pause;
	d.html("Scroll categorie <img src=images/bot_pausa.gif hspace=8 vspace=5 border=0 align=absmiddle>");
}

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