if($(window).height() < 850) {
  $('#image').height(600);
}

function halfWidth() {
  return($(window).width() / 2);
}

function scrollContents() {
  $.scrollTo( {left:'0px', axis: 'x'}, 800 );
}

function scrollImage() {
  var align = 1336 - halfWidth();
  $.scrollTo( {left: align, axis: 'x'}, 800 );
}

function scrollStatement() {
  var align = 2250 - halfWidth();
  $.scrollTo( {left: align, axis: 'x'}, 800 );
}

function scrollDetails() {
  var align = 3050 - halfWidth();
  $.scrollTo( {left: align, axis: 'x'}, 800 );
}

function scrollBTS() {
  var align = 4000 - halfWidth();
  $.scrollTo( {left: align, axis: 'x'}, 800 );
}

function scrollCredits() { 
  var align = 4750 - halfWidth();
  $.scrollTo( {left: align, axis: 'x'}, 800 );
}

$('a.contents-link').click(function(){scrollContents(); return false});
$('a.image-link').click(function(){scrollImage(); return false;}); 
$('a.statement-link').click(function(){scrollStatement(); return false;});
$('a.details-link').click(function(){scrollDetails(); return false;});
$('a.behind-the-scenes-link').click(function(){scrollBTS(); return false;});
$('a.credits-link').click(function(){scrollCredits(); return false;});

switch(window.location.hash) {
  case '#image':
    scrollImage();
    break;
  case '#statement':
    scrollStatement();
    break;
  case '#details':
    scrollDetails();
    break;
  case '#behind-the-scenes':
    scrollBTS();
    break;
  case '#credits':
    scrollCredits();
    break;
}