// JavaScript Document

$(document).ready(function(){
  $('div.startpage_button').hover(
    function () {
        $(this).animate({backgroundColor:"#ABC95E"}, 600);
      },
      function () {
       $(this).animate({backgroundColor:"#178C85"}, 500);
      }
  );
});


$(document).ready(function(){
 
$('p.sp_text').hide(); // needed to prevent CSS-only behaviour on first contact
$('div.startpage_button').hover(
  function() {
    $(this).find('p.sp_text').height('auto').slideDown('slow'); // the height('auto') prevents the menu from memorizing an incorrect height-value forever when leaving the menu while the animation is running
  },
  function() {
    $(this).find('p.sp_text').slideUp('fast');
  }
);
 
});