function replacePromos() {
	document.getElementById('HYPER.HOMECARDS.NONJAVASCRIPT').style.display = 'none';
	document.getElementById('HYPER.HOMECARDS').style.display = 'block';
}

function reveal(id) {
	showAllCards();
	hideAllPanels();
	
	var card = document.getElementById('card_' + id);
	var panel = document.getElementById('reveal_' + id);
	
	card.className = "card_on";
	panel.style.display = "block";
}

function showAllCards() {
	for (var i=1; i<7; i++) {
		var card = document.getElementById('card_' + i);
		card.className = "card";
		card.style.display = "block";
	}
}

function hideAllPanels() {
	for (var i=1; i<7; i++) {
		var panel = document.getElementById('reveal_' + i);
		panel.style.display = "none";		
	}
}

function fadeOut(id, duration) {
	var speed = Math.round(duration/100);
	var timer = 0;
	for(var i=100; i>=0; i--) {
		setTimeout("setOpacity("+ i +", '"+ id +"')", (timer*speed));
		timer++;
	}
}

function fadeIn(id, duration) {
	var speed = Math.round(duration/100);
	var timer = 0;
	for(var i=0; i<=100; i++) {
		setTimeout("setOpacity("+ i +", '"+ id +"')", (timer*speed));
		timer++;
	}
}

function setOpacity(opacity, id) {
	var _style = document.getElementById(id).style;
	_style.opacity = (opacity / 100);
	_style.MozOpacity = (opacity / 100);
	_style.KhtmlOpacity = (opacity / 100);
	_style.filter = "alpha(opacity=" + opacity + ")";  
}