var $j = jQuery.noConflict();
 $j(document).ready(function(){
// logic begin
$j('.button').hoverIntent(function() {
    $j(this).animate({'backgroundColor':'darkred'}, 1000);
    //$j(this).css('background-color','red');
},function() {
    $j(this).stop(true, true).animate({'backgroundColor':'black'}, 1000);
    //$j(this).stop(true, true).css('background-color','black');
});
//logic end
});