var Old =					'MoveMe';				// Name of the current visible image
var New =					'';							// Name of the image to be made visible
var Count = 			100;						// Opacity level of layer
var Direction = 	'Down';					// Direction of fade
var Locked = 			'No';						// Locks functionality until transitiion is complete

function fadeOut(New) {
	if (Old != New) {
		if (Locked == 'No') {
			Locked = 'Yes';
		}
		if ((Count > 0) && (Direction == 'Down')) {
			Count = Count - 5;
			document.getElementById(Old+'Screen').style.opacity = Count/100;
			document.getElementById(Old+'Screen').style.filter = 'alpha(opacity=' + Count + ')';
			setTimeout("fadeOut('" + New + "')", 10);
		} else {
			Direction = 'Up';
			document.getElementById(Old+'Screen').style.display = 'none';
			setTimeout("fadeIn('" + New + "')", 10);
		}
	}
}
function fadeIn(New) {
	if ((Count < 100) && (Direction == 'Up')) {
		document.getElementById(New+'Screen').style.display = 'block';
		Count = Count + 5;
		document.getElementById(New+'Screen').style.opacity = Count/100;
		document.getElementById(New+'Screen').style.filter = 'alpha(opacity=' + Count + ')';
		setTimeout("fadeIn('" + New + "')", 10);
	} else {
		Direction = 'Down';
		Old = New;
		Locked = 'No';
	}
}