$(document).ready(function(){
  $(".figure-navigation a").hover(function(){
    var vMod = $(this).parent().attr('rel')%2;
    var hOffset = (502*$(this).attr('rel'))+251;
    var vOffset = 460*vMod;
    $('#pane-'+$(this).parent().attr('rel')+' .figure-navigation').css('backgroundPosition','-'+hOffset+'px -'+vOffset+'px');
    $('#pane-'+$(this).parent().attr('rel')+' .figure-navigation').css('backgroundPosition','-'+hOffset+'px -'+vOffset+'px');
  },function(){
    var vMod = $(this).parent().attr('rel')%2;
    var vOffset = 460*vMod;
    $('#pane-'+$(this).parent().attr('rel')+' .figure-navigation').css('backgroundPosition','0 -'+vOffset+'px');
  });
  $(".figure-navigation a").click(function(){
    var vMod = $(this).parent().attr('rel')%2;
    var hOffset = (502*$(this).attr('rel'))+502;
    var vOffset = 460*vMod;
    $('#pane-'+$(this).parent().attr('rel')+' .figure-navigation').css('backgroundPosition','-'+hOffset+'px -'+vOffset+'px');
    goToByScroll($(this).attr('href'));
    return false;
  });  
});

function goToByScroll(id){
  $('html,body').animate({scrollTop: $(id).offset().top},1000);
}