function fct2load() {
	montre();
	setfooter();
}

function montre(id) {
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {
			document.getElementById('smenu'+i).style.display='none';
		}
	}
	if(!id) return;
	if (d = document.getElementById(id)) {
		d.style.display='block';
	}
}

function setfooter() {
	var x,y;
	if (self.innerHeight) { // all except Explorer
		x = self.innerWidth;
		y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
	}
	else if (document.body) { // other Explorers
		x = document.body.clientWidth;
		y = document.body.clientHeight;
	}


	document.getElementById('footer').style.top = (y-25) + "px"; // y-height(footer)-5
	document.getElementById('copyright').style.top = (y-20) + "px"; // y-height(copyright)-5
	//alert(document.getElementById('footer').style.top);
	
	document.getElementById('content').style.height = (parseInt(document.getElementById('footer').style.top) - 180)-15 + "px"; // top(content)-15
        //alert(document.getElementById('content').style.height);


	// Per default, footer, copyright and submenu have the visibility set to hidden by the css
	document.getElementById('footer').style.visibility = "visible";
	document.getElementById('copyright').style.visibility = "visible";

	for (var i = 1; i<=10; i++)
	    if (document.getElementById('smenu'+i))
		document.getElementById('smenu'+i).style.visibility = "visible";
		
}
/*
Difference between display:none and visibility: hidden??
> Well, display: none entirely removes the element from the page, and 
> the flow of the page is calculated as though the element were not 
> there at all.  On the other hand, visibility: hidden leaves the 
> space in the document flow even though you can no longer see the 
> element. Depending on what you are doing, that can make a huge 
> difference or be no big deal.
*/