$(function(){
	$('.slideIn').each(function(){
		var lstSize = $(this).children('ul').children('li').size();
		var ulSize = lstSize*500;
		$(this).children('ul').width(ulSize+'px');
	});
	$('.slideBox').serialScroll({
		target:'.slideIn',
		items:'li',
		prev:'a.btnPrev',
		next:'a.btnNext',
		lock:true,
		axis:'x',
		duration:1000,
		force:true,
		cycle:false,
		easing:'easeOutCirc',
		step:5,
		onBefore:function( e, elem, $pane, $items, pos ){
		    blAnimando = true;
		    var currentView = $(elem).attr('class');
            var contId = $(this).parent().parent().attr('id');
            if (currentView == "first") { 
                $('#'+contId).find('.btnPrev').fadeOut();
            }
            else
            {
                $('#'+contId).find('.btnPrev').fadeIn();
            }
            if(currentView == "last") { 
                $('#'+contId).find('.btnNext').fadeOut();
            }
            else
            {
                $('#'+contId).find('.btnNext').fadeIn();
            }
            
		},
		onAfter:function( elem ){ blAnimando = false; }
	});
});
var blAnimando = false;

$('.btnPrev').click(function(){
    if(!blAnimando) {
        $(this).parent().parent().find('a.on').removeClass('on').next().addClass('on');
    }
    else
    {
        return false;
    }
})
$('.btnNext').click(function(){
    if(!blAnimando) {
        $(this).parent().parent().find('a.on').removeClass('on').prev().addClass('on');
    }
    else
    {
        return false;
    }
})
$(document).ready(function() {
    for (var i = 1; i <= 6; i++) {
        montarPaginacao('#aba' + i + ' .slideBox', $('#aba' + i + ' .slideMultimidia li').length)
        $("#aba" + i + " .slideMultimidia li:first").addClass('first');
    }
    $('.sShowDinamico').each(function() {
        var id = $(this).attr('id');
        montarPaginacao('#' + id + ' .slideBox', $('#' + id + ' .slideMultimidia li').length)
        $("#" + id + " .slideMultimidia li:first").addClass('first');
    })
})
function montarPaginacao(container, totItens){
    var totPaginas = Math.ceil(totItens/5);
    $(container).prepend('<div class="contNav"></div>');
    $(container+" .btnPrev").hide();
    if(totPaginas > 1){
        for(i = 1; i <= totPaginas; i++) {
            $(container).find('.contNav').prepend('<a href="javascript:;" onclick="trocarPagina(this,'+((i*4)-4)+');">Página '+i+'</a>')
        }
        $(container+" li:eq("+(((totPaginas-1)*5))+")").addClass('last');
    }
    else {
        $(container+" .btnNext").hide();
    }
    $(container).find('.contNav a:last').addClass('on');
}
function trocarPagina(item,pagina) {
    if(!blAnimando) {
        $(item).parent().parent().find('.slideIn').trigger( 'goto', [ pagina ] );
        $(item).parent().find('.on').removeClass('on')
        $(item).addClass('on');
    }
}