var currentPage = null;

function scrollOnResize() {
  $.scrollTo(currentPage, 100);
}

$(document).ready(function() {


  currentPage = '#home';
  $("#menu a, .next-page").click(function(e) {
    currentPage = $(this).attr('href');
    $('#scroller').scrollTo(currentPage, 1800);
    $("#menu a.selected").removeClass("selected");
    $('#menu a[href='+$(this).attr('href')+']').addClass("selected");
    return false;
  });
  
  $('#team li a').click(function() {
    $('a.selected', '#team').removeClass('selected');
    $(this).addClass("selected");
    $('.profile').hide();
    $($(this).attr('href'), '#team').show();
    return false;
  });

  $(window).resize(function() {
    $('#scroller').scrollTo(currentPage, 0);
  });

  // -- Slider --
  
  var currentPosition = 0;
  var slideWidth = 300;
  var slides = $('.project');
  var numberOfSlides = slides.length;
  // Remove scrollbar in JS
  $('#project-container').css('overflow', 'hidden');


  $('#slider').css('width', slideWidth * numberOfSlides).css('position', 'absolute');
  $('#project-container')
    .before('<a class="control" id="left-control" href="#">Move left</a>')
    .after('<a class="control" id="right-control" href="#">Move right</a>');

  manageControls(currentPosition);
  $('.control').bind('click', function(){
    // Determine new position
    currentPosition = ($(this).attr('id')=='right-control') ? currentPosition+1 : currentPosition-1;

    // Hide / show controls
    manageControls(currentPosition);

    $('#slider').animate({ 'left' : slideWidth*(-currentPosition) }, 100).scroll();
    return false;
  });
  
  function manageControls(position){
    // Hide left arrow if position is first slide
    if(position==0){ 
      $('#left-control').hide() 
    } else { 
      $('#left-control').show() 
    }
    // Hide right arrow if position is last slide
    if(position==numberOfSlides-3){ 
      $('#right-control').hide() 
    } else { 
      $('#right-control').show()
    }
  };


});