// JavaScript Document

$(function(){
		 
		   $('#nav li a').append('<span class="hover"></span>')
		   $('#nav .hover').css("filter","alpha(opacity=00)");
		   $('#nav li a').hover(function() {
	        
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 600,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 600, 'easeOutQuad')
	
	})
		   });
		   
$(function(){
		 
		   $('#gallerynav li a').append('<span class="hover"></span>')
		   $('#gallerynav .hover').css("filter","alpha(opacity=00)");
		   $('#gallerynav li a').hover(function() {
	        
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 600,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 600, 'easeOutQuad')
	
	})
		   });
		   
		   
$(function(){
		 
		   $('#gallerynav2 li a').append('<span class="hover"></span>')
		   $('#gallerynav2 .hover').css("filter","alpha(opacity=00)");
		   $('#gallerynav2 li a').hover(function() {
	        
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 500,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 500, 'easeOutQuad')
	
	})
		   });