$(document).ready(function() {
	$(function(){
		$('#menu li a').append('<span class="overlay"></span>');
		$('#menu li a span.overlay').css("opacity","0");
		$('#menu li a.current span.overlay').css("opacity", "1");
		
		$('#menu > li a').hover(function() {
			$('.overlay', this).stop().animate({
				'opacity': 1
			}, 300,'easeOutQuad')
	
		},function() {
			$('.overlay', this).stop().animate({
				'opacity': 0
			}, 100, 'easeOutQuad')
	
		})
		$('#menu > li a.current').hover(function() {
			$('.overlay', this).stop()
	
		},function() {
			$('.overlay', this).stop()
	
		})
		$('#menu > li').hover(function() {
			$(this).children('.sub-menu').stop().css({"display": 'block'});
			
		},function() {
			$(this).children('.sub-menu').stop().css({"display": 'none'});
			
		})
		$('#right a, section.folio_item a, section.blog_item a').hover(function() {
			$('img', this).stop().animate({
				'opacity': 1
			}, 300,'easeOutQuad')
		},function() {
			$('img', this).stop().animate({
				'opacity': .7
			}, 300, 'easeOutQuad')
		})
		
		/*$(function() {

					 var docHeight = $(document).height();

					 $("body").append("<div id='overlay' style='width:1092px;margin:0 auto;background:url(images/grid_overlay.png) top center repeat-y'>&nbsp;</div>");

					 $("#overlay")
							.height(docHeight)
							.css({
								 'opacity' : 0.4,
								 'position': 'absolute',
								 'top': 0,
								 'left': 0,
								 'background-color': 'black',
								 'width': '100%',
								 'height': '100%',
								 'z-index': 5000
							});

				});	*/
   });
});