$(document).ready(function() {
  
  $('.additional').show();
  $('#roadmapnav li:first').addClass('active');
  
  //MAIN CONTENT SCROLL
  $("#roadmapnav li a").click(function() {
    var goLeft = ($(this).attr('rel') * 820) * -1;
    $('#slider').animate({ left: goLeft }, 1500, 'expoinout');
    //close any existing additional info panels
    closeAdditional('.additionalOpen');
    //update highlighted nav
    $('#roadmapnav li.active').removeClass('active');
    $(this).parent().addClass('active');
    
    return false;
  });
  
  //Open additional info
  $(".additional a").click(function() {
    $($(this).attr("href")).css({ bottom: '-300px' }).animate({ bottom: 0 }, 800, 'expoout').addClass('additionalOpen');
    return false;
  });
  
  //Close additional info
  $(".close").click(function() {
    closeAdditional($(this).attr("href"));
    return false;
  });  
  
});

function closeAdditional(x){
  $(x).animate({ bottom: -600 }, 800, 'expoin').removeClass('additionalOpen');
}