function initScroll(){
  var vW = $(window).width();
  $('.slide').css('width', vW);
  
  $("div.slide").scrollable({size: 1}).circular();  
}

//  Document Ready
$(document).ready(function() {
  initScroll();  
  
  $('a.box').fancybox({
    'padding' : 0,
    'margin' : 0,
    'overlayOpacity' : .7,
    'overlayColor' : '#fff'      
  });
  
  $('.slide .items img, #archive .gallery img').hover(
    function(){
      $(this).animate({opacity: .65},200)
    },
    function(){
      $(this).animate({opacity: 1},200)
    }
  );
});

$(window).bind('resize', function(){
  initScroll();  
});