$(function() { 
  
  window.current = (window.location.hash) ? $(window.location.hash) : $('#pane1');
  var content = $('#content');
  // initialize the navigation menu
  var lamp = $("#nav").lavaLamp({ fx: "swing", speed: 700 });
  
  function gotoPane(pane) {
    var xpos = pane.position().left;
    window.current.removeClass('current');
    window.current = pane;
    window.current.addClass('current');
    
    //window.current.show();
    content.stop().animate({left:-xpos},1000,function(e) {
      //$('.pane:not(.current)').hide();
    });
    
  }

  gotoPane(window.current);
  
  // initialize video popups
  $('.video_popup').fancybox();
  
  $('#nav li a').bind('click',function(e) {
    var pane = $(this).attr('href');
    gotoPane($(pane));
    e.preventDefault();
  });

  $('.nav_arrow_right').bind('click',function(e) {
    var next = Number(window.current.attr('id').substr(-1))+1;
    $('a[href="#pane'+next+'"]').click();
    e.preventDefault();
  });
  
  $('.nav_arrow_left').bind('click',function(e) {
    var prev = Number(window.current.attr('id').substr(-1))-1;
    $('a[href="#pane'+prev+'"]').click();
    e.preventDefault();
  });
  
});