$(document).ready(function() {
	
	// creates the sliding effects     
	 $("#slider .cardBox h3").mouseover(
		function(){
			if ( $(this).parent(".cardBox").hasClass("active") == false ) {
				$("#slider .active .cardBoxBlock").animate({height:"0"},{queue:false});
				$("#slider .active").removeClass("active");
				$(this).parent(".cardBox").addClass("active");
				$("#slider .active .cardBoxBlock").animate({height:"75"},{queue:false});
			}
		}
	);

});