$(document).ready(function(){
   
  var numSliders = $(".slider").length;
  var panelWidth = 440;
  var currentPanels = new Array();
  
  for (i=0;i<numSliders;i++)
  {
    currentPanels[i] = 1;
  }
  
  function sliceHash(h){ return parseInt(h.slice(1)); }
  
  function slideTo(panelNo,panel){
    var distanceToMove = parseInt((panelNo - currentPanels[panel-1])*panelWidth);
    $(".slider:eq("+parseInt(panel-1)+")").animate({left:"-="+ distanceToMove + "px" }, 600);
    currentPanels[panel-1] = panelNo;
  }
  
  $(".slider_nav a").click(function(){
    // Note: only works up to 9 panels
    panel = parseInt($(this).parent().get(0).id.charAt(9));
    $("#the_fold_"+panel+"_nav a").removeClass("selected");
    slideTo(sliceHash($(this).attr('href')),panel);
    $(this).addClass("selected");
    return false;
  });

});
