$(function() {
  $('div.controls ul li a .hover').css('opacity', 0);

  // work widget
  $('div.controls ul li a').hover(function() {
    // stuff that happens when you hover on + the stop()
    $('.hover', this).stop().animate({
      'opacity': 1.0
    }, 300)
  }, function() {
    // stuff that happens when you unhover + the stop()
    $('.hover', this).stop().animate({
      'opacity': 0.0
    }, 300)
  });

  $('div.controls ul li a.control').click(function(event) {
    // stop the page navigation
    event.preventDefault();
    
    // set bg's and text
    $('div.controls ul li a.control').removeClass('active');
    $(this).addClass('active');
    $('div.shot-panel').css('backgroundImage', 'url(' + $(this).attr('href') + ')');
  });
  
  $('a[rel=lightbox]').facebox({
    opacity: 0.5
  });
});