// JavaScript Document
var ready=true;
var finalHeight=70;
function showTrackDetails(trackId)
{
	if(ready)
	{
		ready=false;
		var divId = 'trackDetails'+trackId;
		obj = document.getElementById(divId);
		if(obj.style.display=="none")
		{
			document.getElementById('testingTrack'+trackId).style.backgroundColor = '#FFFFCC';
			document.getElementById('testingTrack'+trackId).style.border= '1px solid #CCCCCC';
			enlarge(divId);
		}
		else
		{
			document.getElementById('testingTrack'+trackId).style.backgroundColor = '#FFFFFF';
			document.getElementById('testingTrack'+trackId).style.border= '1px solid #FFFFFF';
			shrink(divId);
		}
	}
}

function enlarge(objId)
{
	objE = document.getElementById(objId);
	objE.style.display='';
	var height = Number(objE.style.height.replace('px',''));
	for(var i=0; i<=finalHeight;i++)
	{
		if(height<=finalHeight)
		{
			var tempH = (height+i)+'px';
			setTimeout("objE.style.height='"+tempH+"';", 4*i);
		}
	}
	setTimeout("ready=true;", 4*i);
}

function shrink(objId)
{
	objS = document.getElementById(objId);
	var height = Number(objS.style.height.replace('px',''));
	for(var i=0; i<=finalHeight;i++)
	{
		if(height>=i)
		{
			var tempH = (height-i)+'px';
			setTimeout("objS.style.height='"+tempH+"';", 4*i);
		}
	}
	setTimeout("ready=true;", 4*i);
	setTimeout("objS.style.display='none';", 4*i);
}

function onetick()
{
	// do nothing
	return true;
}