// JavaScript Document
function Dimensionnement()
{
	document.getElementById('MenuFondBas').style.top = ( parseInt(document.getElementById('MenuFondMilieu').style.height) + parseInt(document.getElementById('MenuFondMilieu').style.top) ) + "px";
	document.getElementById('MenuFondBas').style.visibility = 'visible';

	document.getElementById('MenuFond').style.height = ( parseInt(document.getElementById('MenuFondBas').style.height) + parseInt(document.getElementById('MenuFondBas').style.top) ) + "px";

	document.getElementById('InfosPage').style.top = ( parseInt(document.getElementById('MenuFond').style.height) + parseInt(document.getElementById('MenuFond').style.top) + 10 ) + "px";
	document.getElementById('InfosPage').style.visibility = 'visible';

	document.getElementById('Page').style.top = ( parseInt(document.getElementById('Titre').style.top) + parseInt(document.getElementById('Titre').style.height) + 10 ) + "px";

	if ( document.body.parentNode.clientHeight > 200 )
		document.getElementById('Page').style.height = ( document.body.parentNode.clientHeight - parseInt(document.getElementById('Page').style.top) - 10 ) + "px";

	if ( document.body.parentNode.clientWidth > 200 )
	{
		document.getElementById('Titre').style.width = (document.body.parentNode.clientWidth - parseInt(document.getElementById('Titre').style.left) - 10) + "px";
		document.getElementById('TitreMilieu').style.width = (parseInt(document.getElementById('Titre').style.width) - parseInt(document.getElementById('TitreGauche').style.width) - parseInt(document.getElementById('TitreDroite').style.width)) + "px";
		document.getElementById('TitreDroite').style.left = (parseInt(document.getElementById('TitreMilieu').style.width) + parseInt(document.getElementById('TitreGauche').style.width)) + "px";

		document.getElementById('Page').style.width = document.getElementById('Titre').style.width;
	}
		
	document.getElementById('PageHaut').style.width = document.getElementById('Page').style.width;
	document.getElementById('MilieuHaut').style.width = ( parseInt(document.getElementById('PageHaut').style.width) - parseInt(document.getElementById('HautGauche').style.width) - parseInt(document.getElementById('HautDroit').style.width) ) + "px";
	document.getElementById('HautDroit').style.left = ( parseInt(document.getElementById('MilieuHaut').style.width) + parseInt(document.getElementById('MilieuHaut').style.left) ) + "px";
	
	document.getElementById('Centre').style.width = ( parseInt(document.getElementById('Page').style.width) - parseInt(document.getElementById('MilieuGauche').style.width) - parseInt(document.getElementById('MilieuDroit').style.width) ) + "px";
	document.getElementById('Centre').style.height = ( parseInt(document.getElementById('Page').style.height) - parseInt(document.getElementById('PageHaut').style.height) - parseInt(document.getElementById('PageBas').style.height) ) + "px";
	document.getElementById('MilieuGauche').style.height = ( parseInt(document.getElementById('Page').style.height) - parseInt(document.getElementById('PageHaut').style.height) - parseInt(document.getElementById('PageBas').style.height) ) + "px";
	document.getElementById('MilieuDroit').style.height = ( parseInt(document.getElementById('Page').style.height) - parseInt(document.getElementById('PageHaut').style.height) - parseInt(document.getElementById('PageBas').style.height) ) + "px";
	document.getElementById('MilieuDroit').style.left = ( parseInt(document.getElementById('Centre').style.width) + parseInt(document.getElementById('Centre').style.left) ) + "px";

	document.getElementById('PageBas').style.width = document.getElementById('Page').style.width;
	document.getElementById('PageBas').style.top = ( parseInt(document.getElementById('Page').style.height) - parseInt(document.getElementById('PageBas').style.height) ) + "px";
	document.getElementById('MilieuBas').style.width = ( parseInt(document.getElementById('PageBas').style.width) - parseInt(document.getElementById('BasGauche').style.width) - parseInt(document.getElementById('BasDroit').style.width) ) + "px";
	document.getElementById('BasDroit').style.left = ( parseInt(document.getElementById('MilieuBas').style.width) + parseInt(document.getElementById('MilieuBas').style.left) ) + "px";

	document.getElementById('CacherTitre').style.left = ( ( parseInt(document.getElementById('Page').style.width) - parseInt(document.getElementById('CacherTitre').style.width) ) / 2 ) + "px";
	document.getElementById('MontrerTitre').style.left = document.getElementById('CacherTitre').style.left;
	document.getElementById('CacherTitre').style.visibility = 'visible';
		
	if ( document.body.parentNode.clientWidth > 785 )
	{
		document.getElementById('TitreAnimation').style.left = (( parseInt(document.getElementById('TitreMilieu').style.width) - parseInt(document.getElementById('TitreAnimation').style.width) ) / 2) + "px";
		document.getElementById('TitreAnimation').style.visibility = 'visible';
	}
	else
		document.getElementById('TitreAnimation').style.visibility = 'hidden';
	
	if ( document.getElementById("FondOnglet") )
	{
		document.getElementById("FondOnglet").style.width = ( parseInt(document.getElementById("Centre").style.width)) +"px";
		document.getElementById("Centre").style.overflow = "hidden";
	
		for ( i=1;i<=3;i++ )
		{
			if ( document.getElementById("Page"+i) )
			{
				document.getElementById("Page"+i).style.width = ( parseInt(document.getElementById("Centre").style.width) - parseInt(document.getElementById("Page"+i).style.paddingLeft)) +"px";
				document.getElementById("Page"+i).style.height = ( parseInt(document.getElementById("Centre").style.height) - parseInt(document.getElementById("Page"+i).style.top)) +"px";
			}
		}	
	}
}

function SwapPage(Page,NbPage)
{
	for ( i=1;i<=NbPage;i++ )
	{
		if ( i == Page )
		{
			document.getElementById("Page"+i).style.visibility = "visible";
			document.getElementById("Onglet"+i+"Actif").style.visibility = "visible";
			document.getElementById("Onglet"+i+"Inactif").style.visibility = "hidden";
		}
		else
		{
			document.getElementById("Page"+i).style.visibility = "hidden";
			document.getElementById("Onglet"+i+"Actif").style.visibility = "hidden";
			document.getElementById("Onglet"+i+"Inactif").style.visibility = "visible";
		}
	}
}

function PlaceFenetre(X,Y)
{
	var Largeur, Hauteur;
	
	if ( window.outerWidth && window.innerWidth )
	{
		if ( (window.outerWidth - window.innerWidth + X) <= screen.width )
			Largeur = (window.outerWidth - window.innerWidth + X);
		else
			Largeur = screen.width;

		if ( (window.outerHeight - window.innerHeight + Y) <= screen.height )
			Hauteur = (window.outerHeight - window.innerHeight + Y);
		else
			Hauteur = screen.height;

		window.resizeTo( Largeur, Hauteur );
		window.moveTo( (screen.width - window.outerWidth) / 2 , (screen.height - window.outerHeight) / 2 );
	}
	else
	{
		if ( (X + 12) <= screen.width )
			Largeur = (X + 12);
		else
			Largeur = screen.width;

		if ( (Y + 60) <= screen.height )
			Hauteur = (Y + 60);
		else
			Hauteur = screen.height;

		window.moveTo( 0 , 0 );
		window.resizeTo(  Largeur, Hauteur );
		window.moveTo( (screen.width - X - 12) / 2 , (screen.height - Y - 60) / 2 );
	}
}

function CacherTitre()
{
	document.getElementById('Titre').style.height = 0 + "px";
	document.getElementById('Titre').style.top = 0 + "px";
	document.getElementById('Titre').style.visibility = "hidden";

	document.getElementById('MontrerTitre').style.visibility = "visible";
	document.getElementById('CacherTitre').style.visibility = "hidden";
	
	Dimensionnement();
	
	document.getElementById('CacherTitre').style.visibility = 'hidden';
}

function MontrerTitre()
{
	document.getElementById('Titre').style.height = 80 + "px";
	document.getElementById('Titre').style.top = 10 + "px";
	document.getElementById('Titre').style.visibility = "visible";

	document.getElementById('MontrerTitre').style.visibility = "hidden";
	document.getElementById('CacherTitre').style.visibility = "visible";
	
	Dimensionnement();
	Dimensionnement(); // ne pas enlever, évite les problèmes de redimensionnement dus aux scrollbars
}