$(document).ready(function() {  
           $('#navigation li .nav, .images div #viewSite, .images div #viewSite2').append('<span class="hover"></span>')
		   $('#navigation .hover, .images div #viewSite .hover, .images div #viewSite2 .hover').css("filter","alpha(opacity=00)");
		   $('#navigation li .nav, .images div #viewSite, .images div #viewSite2').hover(function() {
	       
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutQuad')
	
	})
		   });
 
$(document).ready(function() {  
           $('#subNav .tabs a').append('<span class="mouseover"></span>')
		   $('#subNav .mouseover').css("filter","alpha(opacity=00)");
		   $('#subNav .tabs a').hover(function() {
	       
		// Stuff that happens when you hover on + the stop()
		$('.mouseover', this).stop().animate({
			'opacity': 1
			}, 200,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.mouseover', this).stop().animate({
			'opacity': 0
			}, 200, 'easeOutQuad')
	
	})
		   });
 
 
 
 
 
 
$(document).ready(function() {  
           $('#subNav .right, #subNav .left').append('<span class="mouseover"></span>')
		   $('#subNav .right .mouseover, #subNav .left .mouseover').css("filter","alpha(opacity=00)");
		   $('#subNav .right, #subNav .left').hover(function() {
	       
		// Stuff that happens when you hover on + the stop()
		$('.mouseover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.mouseover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutQuad')
	
	})
		   });

$(document).ready(function(){
	$("#nav-one").dropmenu({openAnimation: "fade",
							closeAnimation: "fade",
							openSpeed: 500,
							closeSpeed: 700,
							closeDelay:500});
});