$(function() {

  // home button behaviour
  $(".home-button")
    .css({ backgroundPosition: "0 0" }) 
    .mouseover(function(){
      $(this).css("backgroundPosition", "0 -31px");
    })
    .mouseout(function(){
      $(this).css("backgroundPosition", "0 0");
    })
    .mousedown(function(){
      $(this).css("backgroundPosition", "0 -31px");
    })
    .mouseup(function(){
      $(this).css("backgroundPosition", "0 0");
    }
  );

  // register button behaviour
  $(".register-button")
    .css({ backgroundPosition: "0 0" }) 
    .mouseover(function(){
      $(this).css("backgroundPosition", "0 -57px");
    })
    .mouseout(function(){
      $(this).css("backgroundPosition", "0 0");
    })
    .mousedown(function(){
      $(this).css("backgroundPosition", "0 -57px");
    })
    .mouseup(function(){
      $(this).css("backgroundPosition", "0 0");
    }
  );

});