function getObject(id) {
	var obj = (document.getElementById ? document.getElementById(id) : document.all
				? document.all[id] : eval('document.' + id));
	return obj;
}
	
function fadeInDesign() {
	var design = getObject('design');
	var home = getObject('home');
	
	setOpacity (design, 0);
	setOpacity (home, 0);

	design.style.display = "block";
	home.style.display = "none";
	
	fadeIn(design, 0);
	
	setTimeout(fadeOutDesign, 1500);
}

function fadeOutDesign() {
	var design = getObject('design');
	
	fadeOut(design, 100);
	
	setTimeout(fadeInMenu, 1000);
}

function fadeInMenu() {
	var design = getObject('design');
	var home = getObject('home');
	
	design.style.display = "none";
	home.style.display = "block";
	
	fadeIn(home, 0);
}

function fadeIn(obj, opacity) {
	if (opacity <= 100 && obj) {
		setOpacity(obj, opacity);
		opacity += 10;
		setTimeout(function () { fadeIn (obj, opacity) }, 100 ); 
	}
}

function fadeOut(obj, opacity) {
	if (opacity >= 0 && obj) {
		setOpacity(obj, opacity);
		opacity -= 10;
		setTimeout(function () { fadeOut (obj, opacity) }, 100 );
	}
}

function setOpacity (obj, opacity) {
	opacity = (opacity == 100) ? 99.999 : opacity;
	obj.style.filter = "alpha(opacity:"+opacity+")"; // IE/Win
	obj.style.KHTMLOpacity = opacity/100;  // Safari<1.2, Konqueror
	obj.style.MozOpacity = opacity/101;  // Older Mozilla and Firefox
	obj.style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
}