// JavaScript Document


var speed = 5;
var visible = 100; 
var notvisible = 0;

function fadeInContent(id) {
	var object = document.getElementById(id);
	if(!object){return false;}
	else{
		var timerContent = 0;
    	for(j = visible; j >= notvisible; j-=1) {
			if (timerContent >= 100){
				setTimeout("hideLayer('" + id + "')",(timerContent * speed));
				}
   		    setTimeout("fadeThis(" + j + ",'" + id + "')",(timerContent * speed));
    	   	timerContent++;
 	   } 
	}
}

function fadeOutContent(id) {
var timerContent = 0;
    for(j = notvisible; j <= visible; j+=1) {
		if (timerContent == 0){return true;
			setTimeout("showLayer('" + id + "')",(timerContent * speed));
			}
        setTimeout("fadeThis(" + j + ",'" + id + "')",(timerContent * speed));
       	timerContent++;
    } 
}
//change the opacity for different browsers
function fadeThis(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function hideLayer(id) {
var object = document.getElementById(id).style;
object.display="none";
}
function showLayer(id) {
var object = document.getElementById(id).style;
object.display="block";
}

document.onload=fadeInContent('htmlcontenthide');

window.onbeforeunload= function(){
	return; fadeOutContent('htmlcontenthide');
}