var fps = 30;
fps = Math.round(1000/fps);
var fadeInTime = 1*1000;
var fadeOutTime = 2*1000;

var targetDiv;
var formDiv;

function init()
{
	targetDiv=document.getElementById("robinwilliams");
	formDiv=document.getElementById("responseform");
}

function submitResponse()
{
	targetDiv.innerHTML="<img src='loading.gif'/>";
	setTimeout("bringBack()",1200);
	formDiv.style.opacity=.5;	
	formDiv.style.filter="alpha(opacity=50)";
	formDiv.responseinput.disabled=true;
	formDiv.submitbtn.disabled=true;
}

function bringBack()
{
	targetDiv.style.opacity=0;	
	targetDiv.style.filter="alpha(opacity=0)";
	targetDiv.innerHTML="It's not your fault.";
	fadeIn();
}


function fadeIn()
{
	//alert("fadeIn"+target);
	targetDiv.fadeStart=new Date().getTime();
	//alert(target);
	targetDiv.timeout = setInterval("fadeInTick()",fps);
}

function fadeInTick()
{
	var curTime=new Date().getTime();
	var elapsed=curTime-targetDiv.fadeStart;
	if(elapsed>=fadeInTime)
	{
		//alert("clear");
		targetDiv.style.opacity=1;	
		targetDiv.style.filter=null;
		formDiv.style.opacity=1;	
		formDiv.style.filter=null;
		formDiv.responseinput.disabled=false;
		formDiv.responseinput.value="";
		formDiv.submitbtn.disabled=false;
		clearInterval(targetDiv.timeout);
	}
	else
	{
		//alert("opacity to "+elapsed/fadeInTime);
		targetDiv.style.filter="alpha(opacity="+elapsed/fadeInTime*100+")";
		targetDiv.style.opacity=elapsed/fadeInTime;
	}
}

function fadeOut()
{
	//alert("fade out "+target.index);
	targetDiv.fadeStart=new Date().getTime();
	//alert(target);
	targetDiv.timeout = setInterval("fadeOutTick()",fps);
}
function fadeOutTick()
{
	targetDiv=document.getElementById("robinwilliams");
	var curTime=new Date().getTime();
	var elapsed=curTime-target.fadeStart;
	if(elapsed>=fadeInTime)
	{
		//alert("clear");
		targetDiv.style.opacity=0;	
		targetDiv.style.filter="alpha(opacity=0)";
		clearInterval(targetDiv.timeout);
		alert("gone!");
	}
	else
	{
		//alert("opacity to "+elapsed/fadeInTime);
		targetDiv.style.filter="alpha(opacity="+(1-elapsed/fadeInTime)*100+")";
		targetDiv.style.opacity=1-(elapsed/fadeInTime);
	}
}