// ##################################################################################################################
// Destaques Rotativos
// ################################################################################################################## 
var sHot = 1; // Destaque 1 selecionado
var vInt; // Ponteiro do clearInterval

// ################################################################################################
// Faz o loop pelas tabs
// o parâmetro poder vir vazio, com o número da tab ou com o evento do mouseout
// quando a tab é clicada para o loop
// ################################################################################################
function switchTab(theTab) {
	if(theTab == undefined) {
		if(sHot >= 3) sHot = 0;
		sHot++;
		theTab = sHot;
	} else {
		sHot = theTab;
		stop_loop();
	}

	// Esconde todas
	$('.hot_a').hide();
	$('#hot_controls > li > a').removeClass('active');
	
	$('#hottab_'+theTab).show();
	$('#hot_controls > li > a:contains("'+theTab+'")').addClass('active');
}

function start_loop() { vInt = setInterval("switchTab()",7000);  } // Seta o intervalo para comecar o loop - 7 segundos
function stop_loop() { clearInterval(vInt); } // Para o loop

// Próxima
function nextTab() {
	if(vInt) stop_loop();
	
	switchTab();
	start_loop();
}

// Anterior
function prevTab() {
	var prevTab = (sHot-1 == 0) ? 3 : sHot-1;
	switchTab(prevTab);
}

// ################################################################################################
// Inicia o loop e adiciona a acao de parar no mouseover e continuar no mouseout
// ################################################################################################
 $(function() {
 	start_loop();
	
	$('#hot_controls > li > a:contains("1")').addClass('active'); // Ativa o primeiro item
	$('.hot_a').mouseover(stop_loop);
	$('.hot_a').mouseout(start_loop);
	
	for(i=1;i<=3;i++) $('#hot_controls > li > a:contains("'+i+'")').click(function(){ switchTab($(this).text()); });
	$('#hot_controls > li:first-child > a').click(prevTab);
	$('#hot_controls > li:last-child > a').click(nextTab);	
 });
 
// ##################################################################################################################
// Slide das Fotos
// ##################################################################################################################
function slider_initCallback(carousel) {
    $('#slider_next').bind('click', function() {
        carousel.next();
        return false;
    });

    $('#slider_prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

function slider_itemVisibleInCallback(carousel, item, i, state, evt) {
    var idx = carousel.index(i, slider_itemList.length);
    carousel.add(i, slider_getItemHTML(slider_itemList[idx - 1]));
};

function slider_itemVisibleOutCallback(carousel, item, i, state, evt) { carousel.remove(i); };

function slider_getItemHTML(item) {
    var vHTML = "<a href=\"fotos/"+item.url+"\">\n"+
					"<img src=\"fotos/"+item.url+"capa300.jpg\" class=\"thumb2\" /></a>\n"+
				"<h3><a href=\"fotos/"+item.url+"\">"+item.titulo+"</a></h3>";	
	return vHTML;
};

$(function() {
    $("#slider").jcarousel({
        scroll: 2,
		wrap: "circular",
        initCallback: slider_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null,
		itemVisibleInCallback: {onBeforeAnimation: slider_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: slider_itemVisibleOutCallback}
    });
});