$(document).ready(function(){

    $('.slideshow')
    .before('<div id="pager">')
    .cycle({
		fx: 'fade',
	    speed:   400, 
	    timeout: 4000, 
	    next:   '.slideshow', 
	    pause:   1,
	    pager:  '#pager'
	});


	$(function(){
			 
			   $('#navigation li a').append('<span class="hover"></span>')
			   
			   $('#navigation li a').hover(function() {
		        
			// Stuff that happens when you hover on + the stop()
			$('.hover', this).stop().animate({
				'opacity': 1
				}, 400,'easeOutSine')
		
		},function() {
		
			// Stuff that happens when you unhover + the stop()
			$('.hover', this).stop().animate({
				'opacity': 0
				}, 1000, 'easeOutQuad')
		
		})
			   });	

	$(function(){
			 
			   $('#subNav li a').append('<span class="hover"></span>')
			   
			   $('#subNav li a').hover(function() {
		        
			// Stuff that happens when you hover on + the stop()
			$('.hover', this).stop().animate({
				'opacity': 1
				}, 400,'easeOutSine')
		
		},function() {
		
			// Stuff that happens when you unhover + the stop()
			$('.hover', this).stop().animate({
				'opacity': 0
				}, 1000, 'easeOutQuad')
		
		})
			   });	

	$(function(){
			 
			   $('#dn li a').append('<span class="hover"></span>')
			   
			   $('#dn li a').hover(function() {
		        
			// Stuff that happens when you hover on + the stop()
			$('.hover', this).stop().animate({
				'opacity': 1
				}, 400,'easeOutSine')
		
		},function() {
		
			// Stuff that happens when you unhover + the stop()
			$('.hover', this).stop().animate({
				'opacity': 0
				}, 1000, 'easeOutQuad')
		
		})
			   });	


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

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

	
	$(".className").click(function(){
	  $(".otherClassName").show();
	});

});