last = '';

function setOpacity(el,value) {
	document.getElementById(el).style.opacity = value/100;
	document.getElementById(el).style.filter = 'alpha(opacity=' + value + ')';
}

function fadeIn(el,from,to,speed) {
	b=1;
	for (var i=from; i<=to; i++) {
		setTimeout("setOpacity('" + el + "'," + i + ")",b*speed);
		b++;
	}
}

function fadeOut(el,from,to,speed) {
	b=1;
	for (var i=from; i>=to; i--) {
		setTimeout("setOpacity('" + el + "'," + i + ")",b*speed);
		b++;
	}
}

function rollOn(page) {
	document.getElementById(page).style.display = 'block';
	fadeIn(page,0,100,3);

}

function rollOff(page) {


		fadeOut(page,100,0,3);
setTimeout("document.getElementById('" + page + "').style.display = 'none';",300);
	
}

function content(page) {
	if (page != last) {
		if (last != '') {
			fadeOut(last,100,0,10);
			setTimeout("document.getElementById('" + last + "').style.display = 'none';",1000);
			setTimeout("document.getElementById('" + page + "').style.display = 'block';",1000);
			setTimeout("fadeIn('" + page + "',0,100,10);",1000);
		} else {
			document.getElementById(page).style.display = 'block';
			fadeIn(page,0,100,10);
		}
	}

	last = page;
}