//@autor Jefferson Melo - jefferson@velty.com.br
//@data 24/09/2010
//@v 1.0

$(document).ready(function(){
    var atual = $('.Atual');
    var proximo = $('.Proximo');
    var group = $('.Group');
    var fundo = $('.Fundo');
    var slideAtual = 1;
    var contador = 0;
    var start = 1;
    var automatico;
    $(".Nav").find("li").each(function(){
        contador++;
    });
    //$('#slide').hide();
    //$('#slide').onLoad(function(){
        //$('#slide').fadeIn();
    //});

    $('.BoxNav').hide();
    $('.Palco').hide();
    
    var images = [ 'img/1.jpg', 'img/11.png', 'img/2.jpg', 'img/22.png', 'img/3.jpg', 'img/33.png', 'img/4.jpg', 'img/44.png', 'img/5.jpg', 'img/55.png'];

    jQuery.each(images, function(i) {
      images[i] = new Image();
      images[i].src = this;
    });
    $('.BoxNav').show();
    $('.Palco').show();
    
    
  

    atual.attr('src', 'img/' + $('#1').attr('conteudo'));
    $('.LinkSlide').attr('href', $('#1').attr('link'));
    $('#'+slideAtual).addClass('Ativo');
    $('.Nav > li:last').addClass('Ultimo');
    proximo.attr('src', 'img/' + $('#2').attr('conteudo'));
    $(fundo).css('background-image', 'url(img/'+$('#1').attr('fundo')+')');

    $('.Nav > li').click(function(){
        proximo.attr('src', 'img/' + $(this).attr('conteudo'));
        clearTimeout(automatico);
        slide(this,800);
    });

    
    $('.Play').hide();
    $('.Pause').click(function(){
        $('.Play').show();
        $('.Pause').hide();
        window.clearTimeout(automatico);
    });
    $('.Play').click(function(){
        $('.Pause').show();
        $('.Play').hide();
        automatico = window.setTimeout(function () {
            slide(null, 800)
        }, 0)
    });
    
    

    function slide(obj, velocidade){
        
            if(obj){
                $('.Nav > li').removeClass('Ativo');
                $(obj).addClass('Ativo');
                slideAtual = $(obj).attr('id');
                slideAtual = parseInt(slideAtual);
                slideAtual = slideAtual + 1;
                
                group.animate({top: "-289px"},velocidade, function(){
                    atual.attr('src', proximo.attr('src'));
                    $('.LinkSlide').attr('href', $(obj).attr('link'));
                    $('.LinkSlide').attr('target', $(obj).attr('target'));
                    group.css('top', '0');
                    
                });
                $(fundo).fadeOut(500, function(){
                    $(fundo).css('background-image', 'url(img/'+$('#'+$(obj).attr('id')).attr('fundo')+')');
                });
                $(fundo).fadeIn(500);
                $('.Pause').show();
                $('.Play').hide();
                automatico = window.setTimeout(function () {
                    slide(null, 800)
                }, 6000)
            }else if(slideAtual > contador){
                slideAtual = 2;
                $('.Nav > li').removeClass('Ativo');
                $('#1').addClass('Ativo');
                proximo.attr('src', 'img/' + $('#1').attr('conteudo'));
                group.animate({top: "-289px"},velocidade, function(){
                    atual.attr('src', proximo.attr('src'));
                    $('.LinkSlide').attr('href', $('#1').attr('link'));
                    $('.LinkSlide').attr('target', $('#1').attr('target'));
                    group.css('top', '0');
                });
                $(fundo).fadeOut(500, function(){
                    $(fundo).css('background-image', 'url(img/'+$('#1').attr('fundo')+')');
                });
                $(fundo).fadeIn(500);
                automatico = window.setTimeout(function () {
                    slide(null, 800)
                }, 6000)
            }else{
                if(start == 1){
                    slideAtual = 2;
                }
                var fundoAux = slideAtual;
                $('.Nav > li').removeClass('Ativo');
                $('#'+slideAtual).addClass('Ativo');
                proximo.attr('src', 'img/' + $('#'+slideAtual ++).attr('conteudo'));
                group.animate({top: "-289px"},velocidade, function(){
                    atual.attr('src', proximo.attr('src'));
                    $('.LinkSlide').attr('href', $('#'+fundoAux).attr('link'));
                    $('.LinkSlide').attr('target', $('#'+fundoAux).attr('target'));
                    group.css('top', '0');
                });
                $(fundo).fadeOut(500,function(){
                    $(fundo).css('background-image', 'url(img/'+$('#'+fundoAux).attr('fundo')+')');
                });
                $(fundo).fadeIn(500);
                start = 0;
                automatico = window.setTimeout(function () {
                    slide(null, 800)
                }, 6000)
            }
        
    }

    automatico = window.setTimeout(function () {
        slide(null, 800)
    }, 8000);

});