// JavaScript Document

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function agrandirimage(name,l,h)
{
	name.height=h;
	name.width=l;
} 

function reduireimage(name,l,h)
{
	name.height=h;
	name.width=l;
} 
// REMPLACEMENT DU CONTENU D'UNE DIV
function envoieRequete(url,id)
 {
 var xhr_object = null;
 var position = id;
 if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
 else
 if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

 // On ouvre la requete vers la page désirée
 xhr_object.open("GET", url, true);
 xhr_object.onreadystatechange = function(){
 if ( xhr_object.readyState == 4 )
 {
 // j'affiche dans la DIV spécifiées le contenu retourné par le fichier
 document.getElementById(position).innerHTML = xhr_object.responseText;
 }
 }
 // dans le cas du get
 xhr_object.send(null);

 }


// AFFICHE PROGRESSIF D'UNE DIV
function Suite(lien,affiche,hauteur) 
{ 
var objet = document.getElementById(affiche); // entre id div que tu veux faire apparaître ! 
var objet_ferm1 = document.getElementById('produits');

objet.style.visibility="visible";
if(objet.style.display == "none" || !objet.style.display) 
{ 
//

	if (objet_ferm1.style.display == "block")
	{
		if (objet_ferm1.style.display == "block"){
			var object_fermeture = objet_ferm1;
			var nom = "produits";
		}
		object_fermeture.style.display = "none"
	}
//
//alert(lien + " " + affiche);
objet.style.display = "block"; 
objet.style.overflow = "hidden"; 
lien.innerHTML = "ouvrir"; 
var hFinal = hauteur; //Hauteur finale (la hauteur une fois que ça aura fini de déplier !) 
var hActuel = 0; //Hauteur initiale (la hauteur dès le début !) 
var timer; 
var fct = function () 
{ 
hActuel += 20; //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms ! 
objet.style.height = hActuel + 'px'; 
if( hActuel > hFinal) 
{ 
clearInterval(timer); //Arrête le timer 
//objet.style.overflow = 'inherit'; 
} 
}; 
fct(); 
timer = setInterval(fct,40); //Toute les 40 ms 
}else if(objet.style.display == "block") 
{ 
var hFinal = 0; //Hauteur finale (la hauteur une fois que ça aura fini de déplier !) 
var hActuel = hauteur; //Hauteur initiale (la hauteur dès le début !) 
var timer; 
var fct = function () 
{ 
hActuel -= 20; //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms ! 
objet.style.height = hActuel + 'px'; 
if( hActuel == 20) 
{ 
clearInterval(timer); //Arrête le timer 
//objet.style.overflow = 'inherit'; 
objet.style.display = "none"; 
} 
}; 
fct(); 
timer = setInterval(fct,40); //Toute les 40 ms 
lien.innerHTML = 'fermer'; 
}/* */
}

// DEFILEMENT D'IMAGES
// mettre un minimum de 4 images !!!

var coef = 0.05 ; // avancement de l'opacité
var temps = 50 ; // temps entre chaque changement d'opacité
var temps_pause = 2000 ; // temps d'attente entre 2 changements d'images
var nombre_image = 5 ; // nombre d'images a faire bouger
var prefix_image = 'gfx/'; // chemin + prefix du nom des images
var suffix_image = '.jpg' ; // suffix + '.extension' du nom des images

// pas touche
var indice = 2; // les 2 premiere image sont deja charger dans le HTML, on commence a la 3eme
var isIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1 ;
var img1 = null;
var img2 = null ;
var sens = 1;
var tabImg;  // tab contenant les images

function prechargerImg(){
  tabImg = new Array(nombre_image);
  for (i=0; i<=nombre_image -1; i++){
	tabImg[i]=new Image();
	tabImg[i].src = prefix_image+(i+1)+suffix_image;
  }
}

function init()
{
	img1 = document.getElementById("defilement1") ;
	img2 = document.getElementById("defilement2") ;

	prechargerImg();
	change_opacity();
}

function change_opacity()
{	
	var opacity1 = 0 ;
	var opacity2 = 0 ;
	if (isIE)  // for IE
	{	opacity1 = parseFloat(img1.filters.alpha.opacity);
		opacity2 = parseFloat(img2.filters.alpha.opacity);
	}
	else       // for mozilla
	{	opacity1 = parseFloat(img1.style.MozOpacity);
		opacity2 = parseFloat(img2.style.MozOpacity);
	}

	if (sens)
	{	if (isIE)  // for IE
		{	img1.filters.alpha.opacity = opacity1 + coef * 100;
			img2.filters.alpha.opacity = opacity2 - coef * 100;
		}
		else // for Mozilla
		{	img1.style.MozOpacity = opacity1 + coef;
			img2.style.MozOpacity = opacity2 - coef;
		}
	}
	else
	{
		if (isIE)  // for IE
		{	img1.filters.alpha.opacity = opacity1 - coef * 100;
			img2.filters.alpha.opacity = opacity2 + coef * 100;
		}
		else // for Mozilla
		{	img1.style.MozOpacity = opacity1 - coef;
			img2.style.MozOpacity = opacity2 + coef;
		}
	}

	if (isIE)  // for IE
	{	opacity1 = parseFloat(img1.filters.alpha.opacity);
		opacity2 = parseFloat(img2.filters.alpha.opacity);
	}
	else       // for mozilla
	{	opacity1 = parseFloat(img1.style.MozOpacity);
		opacity2 = parseFloat(img2.style.MozOpacity);
	}

	// on fait varié le sens d'opacité du bazar
	if (opacity2  <= 0)
	{	img2.src=tabImg[indice++].src;
		sens = 0;
		if (indice == (tabImg.length)) indice=0;
		window.setTimeout("change_opacity()",temps_pause) ; // attente
		return 0;
	}
	else if (opacity1 <= 0)
	{	img1.src=tabImg[indice++].src;
		sens = 1;
		if (indice == (tabImg.length)) indice=0;
		window.setTimeout("change_opacity()",temps_pause) ; // attente
		return 0;
	}
	//window.status = "opa1 : " + img1.style.MozOpacity + "  opa2 : " + img2.style.MozOpacity + "   indice : "+indice;
	window.setTimeout("change_opacity()",temps) ; // recursion toutes les 30 millisec
}