// 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 = 6 ; // nombre d'images a faire bouger
var prefix_image = 'elements/decoration/deco_accueil/nouveautes/'; // chemin + prefix du nom des images
var suffix_image = '.gif' ; // 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 champLien = null ;
var champDesc = null;
var sens = 0;
var tabImg; // tab contenant les images

function prechargerImg(){
	tabImg = new Array(nombre_image);
		tabImg[0]=new Array(2);
			tabImg[0]["image"]=new Image();
			tabImg[0]["image"].src = prefix_image+1+suffix_image;
			tabImg[0]["description"] = '<a href="catalog/product_info.php?products_id=198">R&eacute;ussir son jardin bio</a>';
			tabImg[0]["link"] = 'catalog/product_info.php?products_id=198';
		tabImg[1]=new Array(2);
			tabImg[1]["image"]=new Image();
			tabImg[1]["image"].src = prefix_image+2+suffix_image;
			tabImg[1]["description"] = '<a href="catalog/product_info.php?products_id=195">Ma cuisine au Miel</a>';
			tabImg[1]["link"] = 'catalog/product_info.php?products_id=195';
		tabImg[2]=new Array(2);
			tabImg[2]["image"]=new Image();
			tabImg[2]["image"].src = prefix_image+3+suffix_image;
			tabImg[2]["description"] = '<a href="catalog/product_info.php?products_id=196">L&rsquo;Enigme Esterhazy</a>';
			tabImg[2]["link"] = 'catalog/product_info.php?products_id=196';
		tabImg[3]=new Array(2);
			tabImg[3]["image"]=new Image();
			tabImg[3]["image"].src = prefix_image+4+suffix_image;
			tabImg[3]["description"] = '<a href="catalog/product_info.php?cPath=22&products_id=193">La Lavande, fleur de reine</a>';
			tabImg[3]["link"] = 'catalog/product_info.php?cPath=22&products_id=193';
		tabImg[4]=new Array(2);
			tabImg[4]["image"]=new Image();
			tabImg[4]["image"].src = prefix_image+5+suffix_image;
			tabImg[4]["description"] = '<a href="catalog/index.php?cPath=25&osCsid=332f5e5455897ca08c6cbd2927c51838">Nounourse et ses amis</a>';
			tabImg[4]["link"] = 'catalog/index.php?cPath=25&osCsid=332f5e5455897ca08c6cbd2927c51838';
		tabImg[5]=new Array(2);
			tabImg[5]["image"]=new Image();
			tabImg[5]["image"].src = prefix_image+6+suffix_image;
			tabImg[5]["description"] = '<a href="catalog/product_info.php?cPath=26&products_id=197">Votre dos un capital &agrave; prot&eacute;ger</a>';
			tabImg[5]["link"] = 'catalog/product_info.php?cPath=26&products_id=197';
}

function init(){
	img1 = document.getElementById("defilement1") ;
	img2 = document.getElementById("defilement2") ;
	champLien = document.getElementById("lien");
	champDesc = document.getElementById("linkDesc");

	prechargerImg();
	window.setTimeout("change_opacity()",1000) ; // recursion toutes les x millisec
}

function change_opacity(){
	var opacity1 = 0 ;
	var opacity2 = 0 ;

	if (isIE) {
		opacity1 = parseFloat(img1.filters.alpha.opacity);
		opacity2 = parseFloat(img2.filters.alpha.opacity);
	}else{
		opacity1 = parseFloat(img1.style.opacity);
		opacity2 = parseFloat(img2.style.opacity);
	}

	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.opacity = opacity1 + coef;
			img2.style.opacity = 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.opacity = opacity1 - coef;
			img2.style.opacity = 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.opacity);
		opacity2 = parseFloat(img2.style.opacity);
	}

	// on fait varié le sens d'opacité du bazar
	if (opacity2 <= 0){
		img2.src=tabImg[indice]["image"].src;
		champLien.value=tabImg[(indice+5)%6]["link"];
		champDesc.innerHTML=tabImg[(indice+5)%6]["description"];
		indice++;
		sens = 0;
		if (indice == (nombre_image)) indice=0;
		window.setTimeout("change_opacity()",temps_pause) ; // attente
		return 0;
	}else if (opacity1 <= 0){
		img1.src=tabImg[indice]["image"].src;
		champLien.value=tabImg[(indice+5)%6]["link"];
		champDesc.innerHTML=tabImg[(indice+5)%6]["description"];
		indice++;
		sens = 1;
		if (indice == (nombre_image)) indice=0;
		window.setTimeout("change_opacity()",temps_pause) ; // attente
		return 0;
	}
	window.setTimeout("change_opacity()",temps) ; // recursion toutes les x millisec
}