/* 
 * Banner Rotativo.
 *
 * @autor Alex C. Souza <alexcsouza@yahoo.com.br>
 * @package Banner Rotativo
 * 
 */


$(document).ready(function(){

    if($('.img-banner').length>1){
        proximo = 2;
        intervalo = 12000;
        intervaloParado = 24000;
        timer = false;

        // adiciona evento hover nos botões
        $('.div-numeros').hover(
            function(){
                $(this).animate({
                    top:'-=12',
                    height:'+=12'
                }, 500);
            },
            function(){
                $(this).animate({
                    top:'+=12',
                    height:'-=12'
                }, 500);
            }
            );

        $('.div-numeros').click(function(){
            paraSlide();
            trocaBanner($(this).attr('id').substr(4));
        });

	    //$('.img-banner').filter(':eq(0)').fadeIn('slow');
	    //$('#bot_1').css('color','orange');
        iniciaSlide();
    }
    
    $('.img-banner').filter(':eq(0)').fadeIn('slow');
    $('#bot_1').css('color','orange');
    

});

function iniciaSlide(){
    if(timer==false){
        timer = self.setInterval('trocaBanner()', intervalo);
    }
}


function paraSlide(){
    
    self.clearInterval(timer);
    timer = false;
    timerOut = self.setTimeout('iniciaSlide()', intervaloParado);
    
}

function trocaBanner(numero){


    

    if(numero==undefined){
        var numero = proximo;
        
    }else{
        proximo = numero;
    }

    $('.div-numeros').css('color','#ffffff');


    //alert(proximo);
    proximo = Number(proximo)+1;
    if(numero >= $('.img-banner').length){
        //alert(numero);
        proximo=1;
    }


    $('#bot_'+numero).css('color','orange');
    

    //alert('numero:'+numero);
    $('.img-banner').filter(':visible').fadeOut('slow');
    $('#banner_'+numero).fadeIn('slow');

//alert(proximo);
}