jQuery(document).ready(function($) {
	
	jQuery.buckets = function(el){
		
		var el = $(el),
			fade_speed = 350;	

		el.find("li a").hover(function() {
			
			if(!$(this).parent().hasClass("active")){
			
				$(this).find("span").animate({ opacity: 1 }, { queue: false, duration: fade_speed });
				$("#content .buckets li." + $(this).parent().attr('class')).addClass("hover");
			
			}
			
			var index = $("#main-buckets li a").index(this);			
			$("#content .banners").cycle('pause');
			$("#content .banners").cycle(index);
			
			
		}, function() {
			
			if(!$(this).parent().hasClass("active")){
			
				$(this).find("span").animate({ opacity: 0 }, { queue: false, duration: fade_speed });
				$("#content .buckets li." + $(this).parent().attr('class')).removeClass("hover");
			
			}
			
			$("#content .banners").cycle('resume');
			
		});
		
	}
	
	$(window).load(function() {
				
		$("#content .banners p").cycle({
			speed: 1000,
			timeout: 7500
		});
	
	});
	
});