$(document).ready(function () {
          $('greenbutton').hover(
             // mouseover
             function(){ $(this).addClass('greenbuttonHover'); },
             
             // mouseout
             function(){ $(this).removeClass('greenbuttonHover'); }
       );     
 }); 

$(document).ready(function () {
          $('orangebutton').hover(
             // mouseover
             function(){ $(this).addClass('orangebuttonHover'); },
             
             // mouseout
             function(){ $(this).removeClass('orangebuttonHover'); }
       );     
 });