var fadeOverlay = {};
$j(document).ready(function(){
	fadeOverlay = {
		height : $j(window).height()+'px',
		width :	$j(window).width()+'px',
		color : '#000000',
		opacity : '0.9',
		altFadeIn : null,
		altFadeOut : null,
		ifadeIn : function(){
			var self = this;
			$j('#fadeOverlay')
				.css({
					width:$j(window).width()+'px',
					height:$j(window).height()+'px',
					opacity:'0.0',
					display:'block'
				})
				.animate({opacity:'0.9'},200,
					function(){
						if(self.altFadeIn!=null || self.altFadeIn!='undefined') self.altFadeIn();
					}
				);
		},
		ifadeOut : function(){
			var self = this;
			if(self.altFadeOut!=null || self.altFadeOut!='undefined') self.altFadeOut();
			$j('#fadeOverlay')
				.animate({opacity:'0.0'},200,
					function(){
						$j('#fadeOverlay').css({display:'none'});
					}
				);
		},
		build :	function(){
			var self = this;
			$j('<div>')
				.attr({id:'fadeOverlay'})
				.css({
					position:'absolute',
					top:'0px',
					left:'0px',
					zIndex:'6000',
					background:self.color,
					cursor:'pointer',
					display:'none'
				})
				.appendTo('body')
				.click(function(){
					self.ifadeOut();
				});
		},
		setColor : function(clr){
			var self = this;
			self.color = clr;
		},
		setOpacity : function(op){
			var self = this;
			self.opacity = op;
		},
		setScroll : function(){
			var self = this;
			$j('#fadeOverlay').css({
				top:$j(window).scrollTop()+'px'
			});
		},
		setSize : function(){
			var self = this;
			$j('#fadeOverlay').css({
				width:$j(window).width()+'px',
				height:$j(window).height()+'px'
			});
		}
	}
	fadeOverlay.build();
	$j(window).resize(function(){
		fadeOverlay.setSize();
	});
	$j(window).scroll(function(){
		fadeOverlay.setScroll();
	});
});