/*
@	mouseon
#	Rollover 'onmouseover' part
*/
function mouseon(arg)
{
	document.getElementById('rolll'+arg).style.background = "url('"+document.getElementById("roll"+arg).src+"')";
	document.getElementById('rolll'+arg).style.backgroundSize = "164px 123px";
	document.getElementById('rolll'+arg).style.backgroundRepeat = "no-repeat";
	setOpacity('roll'+arg, 0);
	document.getElementById('roll'+arg).src = '/images/rolloveron'+arg+'.jpg';
	for(i = 0; i <= 200; i++)
	{
		opacity = i/200 * 100;
		setTimeout('setOpacity("roll'+arg+'",'+opacity+')',((i*(1000/200))+150));
	}
}

/*
@	mouseoff
#	Rollover 'onmouseout' part
*/
function mouseoff(arg)
{
	document.getElementById('rolll'+arg).style.background = "url('"+document.getElementById("roll"+arg).src+"')";
	document.getElementById('rolll'+arg).style.backgroundSize = "156px 115px";
	document.getElementById('rolll'+arg).style.backgroundRepeat = "no-repeat";
	setOpacity('roll'+arg, 0);
	document.getElementById('roll'+arg).src = '/images/rolloveroff'+arg+'.jpg';
	for(i = 0; i <= 200; i++)
	{
		opacity = i/200 * 100;
		setTimeout('setOpacity("roll'+arg+'",'+opacity+')',((i*(1000/200))+150));
	}
}

/*
@	setOpacity
#	Changes Opacity of 'id' to 'value'/100
*/
function setOpacity(id,value)
{
	document.getElementById(id).style.opacity = (value / 100);
	document.getElementById(id).style.MozOpacity = (value / 100);
	document.getElementById(id).style.KhtmlOpacity = (value / 100);
	document.getElementById(id).style.filter = "alpha(opacity=" + value + ")";
}