var slideWidth = 398;
var currentLink = null;



$(document).ready(function()
{
  // DEFAULT CURRENT LINK
  currentLink = $("#story1");
  
  // SWF ADDRESS
  SWFAddress.addEventListener(SWFAddressEvent.CHANGE, function( event )
  {
    var section = event.pathNames[0];
    if ( section != undefined ) setActive( section );
    
  });
  
  
});



function slideTo(multiple)
{
  //console.log( "slideTo: " + multiple );
  $(".storyColumn").animate({ marginLeft: - multiple * slideWidth }, 500  );
}

function setActive( section )
{
  var index = parseInt( section ) - 1;
  slideTo( index );
  
  var link = $("#story" + section);

 
  // CSS active class
  if ( currentLink != null )
  {
    currentLink.removeClass("active");
  }
  currentLink = link;
  currentLink.addClass("active");
  
}