if (document.getElementById) document.write('<style type="text/css">.navi, #promo, #main { opacity: 0; filter: alpha(opacity = 0); }</style>');

var FaderCollection = new Object;
window.addListener(FaderCollection);

FaderCollection.onload = function()
{
	if (document.getElementById)
	{
		var navi = new Fader(document.getElementById('navi'));
		var promo = new Fader(document.getElementById('promo'));
		var main = new Fader(document.getElementById('main'));
		
		//navi.start();
		promo.start();
		main.start();
		/*navi.start(
			function()
			{
				promo.start();
				main.start();
			}
		);*/
	}
};
Fader = function(element)
{
	this.element = element;
};
Fader.prototype.start = function(callback)
{
	var fader = this;
	var element = this.element;
	this.timer = window.setInterval(
		function()
		{
			fader.fadeIn(element, callback);
		}, 50
	);
};
Fader.prototype.fadeIn = function(obj, callback)
{
	this.obj = obj || this.obj;
	this.callback = callback || function() {};
	
	var objOpacity = parseFloat(this.obj.style.opacity) || 0;
	
	if (1 <= objOpacity)
	{
		this.callback();
		clearInterval(this.timer);
		return;
	}
	
	objOpacity += .025;
	this.obj.style.opacity = objOpacity;
	this.obj.style.filter = 'alpha(opacity = ' + objOpacity * 100 + ')';
};