$(document).ready(function(){
    $('.button').hover(function(){        
        $(this).stop().css({'background-color':'#CCCCCC', 'color':'#676767'}).animate({'color':'#FFFFFF', 'background-color':'#B82923'}, 500);        
    }, function(){
        $(this).stop().animate({'color':'#676767'}, 500);
    });
    
    $('#nav > li > a').hover(function(){        
        $(this).stop().css({'background-color':'#CCCCCC'}).animate({'background-color':'#B82923'}, 300);        
    }, function(){
        $(this).stop().animate({'background-color':'#FFFFFF'}, 300, null, function(){
            $(this).css('background-color', 'transparent');
        });
    });	
    
    $('#featured-slider li').hover(function(){
        $(this).children('div:first').stop().show().fadeTo(0,0).fadeTo(500, 1);        
    }, function(){
        $(this).children('div:first').stop().animate({'opacity':0, 'display':'block'}, 500, null, function(){
            $(this).hide(); 
        });
    });
	
	$('#projects-list li').hover(function(){
        $(this).children('div:first').stop().show().fadeTo(0,0).fadeTo(500, 1);        
    }, function(){
        $(this).children('div:first').stop().animate({'opacity':0, 'display':'block'}, 500, null, function(){
            $(this).hide(); 
        });
    });
    
    $('#nav .mega-dropdown').hover(function(){
        if(!$(this).data('height'))
        {
            $(this).data('height', $(this).find('.menu').height());
        }        
        $(this).find('.menu').stop().css({'opacity':0, 'height':0}).show().animate({'opacity':1, 'height':$(this).data('height')}, 200);
    }, function(){
        $(this).find('.menu').stop().css({'display':'block', 'opacity':1, 'height':$(this).data('height')}).animate({'opacity':0, 'height':0, 'display':'block'}, 200, null, function(){$(this).hide();});
    });
});