// JavaScript Document
var i = 0;
var width = 668;
var height = 334;
var expandX = 0;
var expandY = 0;
function hide () {
	
	setTimeout ("fadeout()", 20);
}
function fadeout () {
	document.getElementById('overlay').style.filter = "alpha (opacity="+i+")";
	document.getElementById('overlay').style.opacity = ""+i/99+"";
	document.getElementById('container').style.filter = "alpha (opacity="+i+")";
	document.getElementById('container').style.opacity = ""+i/99+"";
	i = i-12;
	if (i > 0) {
		setTimeout ("fadeout()", 20);
	}
	else {
	document.getElementById('overlay').style.display = "none";
	document.getElementById('overlay').style.filter = "alpha (opacity=80)";
	document.getElementById('overlay').style.opacity = "0.8";
	document.getElementById('container').style.display = "none";
	document.getElementById('container').style.filter = "alpha (opacity=100)";
	document.getElementById('container').style.opacity = "1.0";
	document.getElementById('container').style.border = "none";

	expandX = 0;
	expandY = 0;
	}
}
function start() {
	
	document.getElementById('scroller').style.filter = "alpha (opacity=0)";
	document.getElementById('scroller').style.opacity = ".00";
	
	document.getElementById('container').style.display = "inline";

	document.getElementById('container').style.width = "0px";
	document.getElementById('container').style.marginLeft = "0px";
	document.getElementById('container').style.height = "0px";
	document.getElementById('container').style.marginTop = "0px";
	
		
	setTimeout ("fade()", 20);
}
function grow() {
	
	var Yincrease = (height/(width/20))
	
	if (expandX < width && expandY < height) {
		document.getElementById('container').style.width = ""+expandX+"px";
		document.getElementById('container').style.marginLeft = "-"+(expandX/2)+"px";
		<!--document.getElementById('scroller').style.width = ""+expandX+"px";-->
		
		document.getElementById('container').style.height = ""+expandY+"px";
		document.getElementById('container').style.marginTop = "-"+((expandY/2)+40)+"px";
		<!--document.getElementById('scroller').style.height = ""+expandY+"px";-->
		
		expandX = expandX + 20;
		expandY = expandY + Yincrease;
	}

	
	
	if (expandX < width && expandY < height) {
		setTimeout("grow()", 10);
	}
	else {
		i = 0;
		document.getElementById('container').style.border = "4px solid #FFFFFF";
		setTimeout("fadeInner()", 100);
	}

}

function fade () {
	document.getElementById('overlay').style.display = "inline";
	document.getElementById('overlay').style.filter = "alpha (opacity="+i+")";
	document.getElementById('overlay').style.opacity = ""+i/99+"";
	
	i = i + 10;
	
	if (i < 80) {
		setTimeout ("fade()", 20);
	}
	else {
		document.getElementById('container').style.display = "inline";
		setTimeout ("grow()", 10);
	}
	
}

function fadeInner () {
	
	document.getElementById('scroller').style.filter = "alpha (opacity="+i+")";
	document.getElementById('scroller').style.opacity = ""+i/99+"";
	
	i = i + 8;
	
	if (i < 100) {
		setTimeout ("fadeInner()", 20);
	}
	
}