jQuery(document).ready(function(){
	jQuery("#sitenav li").hover(
		function(){
			jQuery(this).find("span").attr({"style":'display:block'});
			jQuery(this).find("span").animate({opacity: 1, top: "34px"}, 300 );
		},
		function(){
			jQuery(this).find("span").animate({opacity: 1, top: "44px"}, 300, "linear", function(){ 
				 jQuery(this).find("span").fadeOut("slow"); } ).fadeOut("fast");
		}
	)

    jQuery('#onzebox li#badkamer2').hover(
		function() { jQuery(this).animate({ top:"0" }, 100); jQuery(this).attr({"style":'height:32px'}); }, 
		function() { jQuery(this).animate({ top:"5px" }, 100); }
	);
    jQuery('#onzebox li#verwarming2').hover(
		function() { jQuery(this).animate({ top:"27px" }, 100); jQuery(this).attr({"style":'height:32px'});}, 
		function() { jQuery(this).animate({ top:"32px" }, 100); }
	);
    jQuery('#onzebox li#tegel2').hover(
		function() { jQuery(this).animate({ top:"54px" }, 100); jQuery(this).attr({"style":'height:32px'});}, 		
		function() { jQuery(this).animate({ top:"59px" }, 100); }
	);
    jQuery('#onzebox li#electra2').hover(
		function() { jQuery(this).animate({ top:"81px" }, 100); jQuery(this).attr({"style":'height:32px'});}, 
		function() { jQuery(this).animate({ top:"86px" }, 100); }
	);
    jQuery('#onzebox li#verlichting2').hover(
		function() { jQuery(this).animate({ top:"108px" }, 100); jQuery(this).attr({"style":'height:32px'});}, 
		function() { jQuery(this).animate({ top:"113px" }, 100); }
	);
    jQuery('#onzebox li#megabouw2').hover(
		function() { jQuery(this).animate({ top:"135px" }, 100); jQuery(this).attr({"style":'height:32px'});}, 
		function() { jQuery(this).animate({ top:"140px" }, 100); }
	);
})