// --------------------------------
// Fade in, fade out and cross-fade
// --------------------------------

function initFadeIn(objName) {
	var objstyle = document.getElementById(objName).style;
	if (objstyle.display!='block') {
		objstyle.opacity='0';
		objstyle.filter='alpha(opacity=0)';
		objstyle.display='block';
		for (var i=0; i<=10; i++)
			setTimeout('setOpacity(\''+objName+'\', '+i+')',100*i);
		}
	return false;
}

function initFadeOut(objName) {
	for (var i=10; i>=0; i--)
		setTimeout('setOpacity(\''+objName+'\', '+i+')',1000-(100*i));
	return false;
}

function crossFade(objFadeIn, objFadeOut) {
	//document.getElementById('Log').innerHTML += 'In : '+objFadeIn+'\nOut : '+objFadeOut+'<br>';
	var objIn = document.getElementById(objFadeIn).style;
	var objOut = document.getElementById(objFadeOut).style;
	objIn.opacity='0';
	objIn.filter='alpha(opacity=0)';
	objIn.display='block';
	for (var i=0; i<=5; i++) {
		setTimeout('setOpacity(\''+objFadeIn+'\', '+(i*2)+')',100*i);
		setTimeout('setOpacity(\''+objFadeOut+'\', '+(10-(i*2))+')',100*i);
		}
	setTimeout("document.getElementById('"+objFadeOut+"').style.display='none';", 100*i);
}

function setOpacity(objName, value) {
	obj = document.getElementById(objName);
	obj.style.opacity = value/10;
	obj.style.filter = 'alpha(opacity=' + value*10 + ')';
}


// --------------------------------
// Roll in, roll out
// --------------------------------

var rollTop = 1;
var rollBottom = 2;
var rollLeft = 3;
var rollRight = 4;

function rollOut(objName, top, left, height, width, direction, fade) {
	var obj = document.getElementById(objName);
	obj.resizeTo(500,200);
	//alert(obj.width);
	return false;
	
	for (var i=0; i<=10; i++)
		setTimeout('setOpacity(\''+objName+'\', '+i+')',100*i);
	return false;
}

function setSize(objName, value) {
	obj = document.getElementById(objName);
	obj.style.opacity = value/10;
	obj.style.filter = 'alpha(opacity=' + value*10 + ')';
}