function preload(){		
	var diap=new Array("Images/loading.gif,intro/bg_intro4.gif,thera1/bg_bulle.gif,thera2/outils_fond2big.jpg,outil/bg_outil2.gif,contact/bg_contact.gif");
	var newdiap=new Array();

	for (i=0;i<diap.length;i++)
		{
		newdiap[i]=new Image();
		newdiap[i].src=diap[i];
		if (!newdiap[i].complete) 
			{
			setTimeout("preload()",250);
			} 
		}
	return;	
	}			  

function bulleOn(){
	document.getElementById('bulle_header').style.display='block'; 
	}
	
function bulleOff(){
	document.getElementById('bulle_header').style.display='none'; 
	}	
	
function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

function getDocWidth() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
        Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
        Math.max(D.body.clientWidth, D.documentElement.clientWidth)
    );
}

function getScrollXY() 
{
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement &&
      ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ eval(""+scrOfX), eval(""+scrOfY) ];
}
							 
function getClientSize(){
	if (document.body)
		{
		var larg = (document.body.clientWidth);
		var haut = (document.body.clientHeight);
		}

/*
Ici une version DOM (le script est entre les balises <body> et </body>) qui devrait fonctionner sur tous les navigateurs.
On commence donc par détecter la présence de l'objet body dans le DOM.
Si il est présent, on va mettre dans 2 variables larg et haut la largeur et la hauteur de la fenêtre pris avec les propriétés clientWidth et clientHeight de l'objet body.
*/

	else
		{
		var larg = (window.innerWidth);
		var haut = (window.innerHeight);
		}
	return [ eval(""+larg), eval(""+haut) ];
}

//pour obtenir la YscrollBar de 75px
function screenIndexResize(){
	var screen_H = getDocHeight();
	if(screen_H <= 765) document.getElementById('screen_index').style.height = (screen_H+10) + 'px';
}  
//pour positionner au milieu de l'ecran	
function screenPositionIndex(){
	size = getClientSize();
	haut = size[1];	
	
	if (haut > 700 )
  		{
		htop = (haut-700)/2;
		document.getElementById('screen_position').style.top = htop;
		}	
}
	
//pour obtenir 30px en bas de page
function screenResize(){
	var x = 30;
	if (document.all) x = 80;
	var screen_H = getDocHeight();
	document.getElementById('screen').style.height = (screen_H + x) + 'px';
	filterOn() 		
}  

function filterOn() {
	/*---------------------------------------------------------------
	  Pour un filtre restrient mettre les les valeur ds stylesheet
	  ---------------------------------------------------------------*/ 	
	document.getElementById('filter').style.display='block';
	/*---------------------------------------------------------------*/ 
	
	/*-----------------------------------------------------------------------------------------
	  Pour un filtre integrale mettre les les valeur ds stylesheet (width: 100%;height: auto;)
	  -----------------------------------------------------------------------------------------*/
	/*var taille_filter = getDocHeight();
	if (taille_filter <= 2048){
			document.getElementById('filter').style.height = taille_filter + 'px'; 
			document.getElementById('filter').style.display='block';
		}else{
			var taille_filtermax = taille_filter - 2048;
			document.getElementById('filter').style.height = 2048 + 'px'; 
			document.getElementById('filter').style.display='block';
			document.getElementById('filtermax').style.height = taille_filtermax + 'px'; 
			document.getElementById('filtermax').style.display='block';
		}	*/	
}	

function filterOff() {
	document.getElementById('filter').style.display='none';
}

function gradient(id, level){
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
} 

function fadein(id){
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
} 

function fadeIn_logo() {
	//Sans fadein
	//document.getElementById('logo_intro').style.display="block"; 
	//Avec    "
	gradient("logo_intro", 0);
	fadein("logo_intro");   	
}


