$(document).ready(function(){	

$('#slider').cycle({ 
			fx:     'fade', 
			delay:  -4000 
	});

$('#organizers li a').append('<span class="hover"></span>');
$('#organizers li a').hover(function() {
	
		// Stuff that happens when you hover on
		$('.hover', this).animate({
			'opacity': 0
			}, 700)
	
	},function() {
	
		// Stuff that happens when you unhover
		$('.hover', this).animate({
			'opacity': 1
			}, 700)
	
	})

$('#organizers li a').hover(function() {
	
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700)
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700)
	
	})
$('#organizers li a').hover(function() {
	
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 500, 'easeOutExpo')
	
	})



});