// JavaScript Document


var element = document.getElementById('header'); 
var element2 = document.getElementById('footer');

var duration = 3000; /* 1000 millisecond fade = 1 sec */ 
var steps = 30; /* number of opacity intervals */ 

/* set the opacity of the element (between 0.0 and 1.0) */ 
function setOpacity(level) { 
	element.style.opacity = level;
	element2.style.opacity = level;
	
	element.style.MozOpacity = level; 
	element2.style.MozOpacity = level;
	
	element.style.KhtmlOpacity = level;
	element2.style.KhtmlOpacity = level;
	
	element.style.filter = "alpha(opacity=" + (level * 100) + ");";
	element2.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

/*function fadeOut() { 
	for (i = 0; i <= 1; i += (1 / steps)) { 
		setTimeout("setOpacity(" + (1 - i) + ")", 0); 
	} 
	setTimeout("fadeIn()", 2000); 
}*/

function fadeOut() { 
	for (i = 0; i <= 1; i += 1 ) { 
		setTimeout("setOpacity(" + (1 - i) + ")", 0); 
	} 
	setTimeout("fadeIn()", 2000); 
}

function fadeIn(){ 
	for (i = 0; i <= 1; i += (1 / steps)) { 
		setTimeout("setOpacity(" + i + ")", i * duration); 
	}
}


/* start the effect */ 
fadeOut();