function fadeIn(wrapper, div){
	var obj = document.getElementById("green_bg");
	var trans = $('green_bg').setStyles({
						      display: 'block',
						      opacity: 0
						    });
	
	obj.style.height = sizes(1) + 'px';
	
	var effects = new Fx.Elements($$('#green_bg'));
	effects.start(
	{
		'0': 
		{
			'opacity': [0, 0.40]
		}
	});
	
	obj = document.getElementById(wrapper);
	obj.style.top = 93 + scrollOffset() + 'px';
	setTimeout("showDiv('" + wrapper + "')", 1000);
};

function fadeOut(div){
	var obj = document.getElementById(div);
	
	obj.style.display = 'none';
	
	var effects = new Fx.Elements($$('#green_bg'));
	effects.start(
	{
		'0': 
		{
			'opacity': [0.40, 0]
		}
	});
}

function showDiv(wrapper) {
	var infoDiv = document.getElementById(wrapper);
	
	infoDiv.style.display = 'block';
	correctPNG();
}

function sizes(type){
	if( window.innerHeight && window.scrollMaxY ) // Firefox 
	{
		pageWidth = window.innerWidth + window.scrollMaxX;
		pageHeight = window.innerHeight + window.scrollMaxY;
	}
	else {
		if( document.body.scrollHeight > document.body.offsetHeight ) // all but Explorer Mac
		{
		pageWidth = document.body.scrollWidth;
		pageHeight = document.body.scrollHeight;
		}
		else // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		{ pageWidth = document.body.offsetWidth + document.body.offsetLeft; 
		  pageHeight = document.body.offsetHeight + document.body.offsetTop; 
		}
	}
	
	if(type==0)
		return pageWidth;
	else
		return pageHeight;
}

function scrollOffset(){
	var x,y;
	
	if (self.pageYOffset) // all except Explorer
	{
		x = self.pageXOffset;
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
		// Explorer 6 Strict
	{
		x = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
	}
	else if (document.body) // all other Explorers
	{
		x = document.body.scrollLeft;
		y = document.body.scrollTop;
	}	
	
	return y;
}