var iniDrag = 0;
var fimDrag = 0;
var fimQuadro = 0;

$(document).ready(function(){
   //$(".scrollable").scrollable().navigator();
   Cufon.replace('.museo100', { fontFamily: 'Museo Sans 100' });
   Cufon.replace('.museo500', { fontFamily: 'Museo Sans 500' });
   Cufon.replace('.didot-italic', { fontFamily: 'Didot-italic' });
   Cufon.replace('.didot-regular', { fontFamily: 'Didot-regular' });
   Cufon.replace('.inter-light', { fontFamily: 'Interstate-LightCondensed' });
   Cufon.replace('.inter-bold', { fontFamily: 'Interstate-BoldCondensed' });
   
   $(".scrollable").scrollable({circular: true}).navigator().autoscroll({autoplay: true, autopause: true, interval: 5000});
   
   /*Hack Browser */
   if($.browser.webkit && $.client.os == 'Windows'){
       $('#cont-assistencia-twitter').css('margin-top','-124px');
   }
   else if($.browser.webkit && $.client.os == 'Mac'){
       $('#cont-assistencia-twitter').css('margin-top','-77px');
   }
   
   $(".tweet").tweet({
        username: "dabinaweb",
        avatar_size: 45,
        count: 3
    });
    
    //Galeria drag
    var qtdeProdutos = 10;
    $('#galeria-produtos').width(201*qtdeProdutos);
    
    calculaTamanhoDrag();
    
    $('#botao-drag').draggable(
    { 
        axis: "x",
        containment: "parent",
        drag: function(ev,ui){
            movimentaCenario();
        }
    });
   
});


function calculaTamanhoDrag(){
    $('#botao-drag').css('left',0);
    $('#galeria-produtos').css('left',0);
   
    iniDrag = parseInt($('#botao-drag').css('left'));
    fimDrag = $('#cont-draggable').width() - $('#botao-drag').width();
    
    fimQuadro = - $('#galeria-produtos').width() + 816;
    if($.browser.webkit){
        fimQuadro = - $('#galeria-produtos').width() + 816 - 17;
    }
    
    
    //console.log($(window).width(),$('#galeria-produtos').width() + 48,fimQuadro);
    
}

function movimentaCenario(){
    var porcDrag = (parseInt($('#botao-drag').css('left')) * 100 ) / fimDrag;
   
    $('#galeria-produtos').css('left',(porcDrag * fimQuadro) / 100);
    if($('#cont-draggable p').css('display') == 'block'){
        $('#cont-draggable p').hide();
    }
}