//==== GALERIA ====//

jQuery().ready(function()
{
    leftPos = 0;
    
    $("#capas li").click
    (
        function (e)
        {
            idGaleria = $(this).attr("id");
            
            addContent(idGaleria);
            
            maxWidth = $('#conteudo').find('li').length * 104;
            $('#conteudo').css("width", maxWidth);
            
            
            $("#blackbox").fadeIn();
            $(".black_overlay").fadeIn();
            
            
           if($('#conteudo').find('li').length <=5)
           {
                $("#leftArrow").hide()
                $("#rightArrow").hide()
           }
           else
           {
                $("#leftArrow").hide()
                $("#rightArrow").show()
           }
           
           //adiciona a primeira foto
            changePhoto($("#conteudo ul li").eq(0).find("img").attr("src"), $("#conteudo ul li").eq(0).find("p").html())
           
            //ADICIONA LISTENER DE CLICK NOS THUMBS
            $("#conteudo ul li").click
            (
                function(e)
                {
                    _src     = $(this).find("img").attr("src")
                    _legenda = $(this).find("p").html();
                    
                    
                    changePhoto(_src, _legenda)
                }
            )
            //======================================//
           
           
            $('#conteudo').animate({left: '0px'}, 400);
            leftPos = 0;
           
        }
    )
    
    $("#closebtn").click
    (
        function (e)
        {
            $("#blackbox").fadeOut();
            $(".black_overlay").fadeOut();
        }
    )
    
    //======== 	ARROWS =========//
    
   
    
    $('#leftArrow').click
    (
        function(e)
        {
            leftPos+=104;
            $('#conteudo').animate({left: leftPos+'px'}, 600);
            if(leftPos >= 0) $(this).hide();
            $('#rightArrow').show();
        }
    )
    
    $('#rightArrow').click
    (
        function(e)
        {
           leftPos-=104;
           $('#conteudo').animate({left: leftPos+'px'}, 600);
           if(leftPos<= -(maxWidth-604)) $(this).hide();
           $('#leftArrow').show();
       }
    )
    
    //======== CLICKS DOS THUMBS ==========//
    
    
    //======================================//
    function changePhoto(src, legenda)
    {
        path = src.substring(0, src.length-7)
        original = path+"_max.jpg"
        
        
        $("#foto").html('');
        $("#foto").html('<img src="'+original+'"/>')
        $("#legenda").html(legenda);
        
        $("#foto img").load(function()
        {
            var w = $("#foto img").width();
            var margin = (700-w)/2.
            
            $("#foto").css("margin-left", margin)
            
        });

        
        
        
    }
    
    function addContent(id)
    {
        $("#conteudo").html('');
        totalf = $('.tbs'+id).length
        content = "<ul>"
        
        for(i=0;i<totalf;i++)
        {
            var liClass = i==0? "first" : ""
            var link    = $('.tbs'+id).eq(i).attr('href');
            var legenda = $('.tbs'+id).eq(i).html();
           
            content+= "<li class="+liClass+"><img src=\'"+link+"\'/><p style=\"display:none;\">"+legenda+"</p></li>";
        }
        
        content+="</ul>"
        
        $("#conteudo").html(content)
        
    }
})