i1 = new Image;
i1.src = "map/1.gif";
i2 = new Image;
i2.src = "map/2.gif";
i3 = new Image;
i3.src = "map/3.gif";
i4 = new Image;
i4.src = "map/5.gif";
i5 = new Image;
i5.src = "map/4.gif";
i6 = new Image;
i6.src = "map/6.gif";
i7 = new Image;
i7.src = "map/7.gif";
i8 = new Image;
i8.src = "map/8.gif";
img_non_select= new Image;
img_non_select.src= "map/non_select.gif";
img_select=new Image;
img_select.src="map/select.gif";

function visible(){
	vitesseIE=1;
	vitesseFF=60;
	if(document.getElementById)	{
		cur=document.getElementById("imageID");
		if(document.all){
			cur.filters.alpha.opacity+=parseFloat(3);
			if (cur.filters.alpha.opacity==100)
				return;
			else 
				setTimeout("visible()",vitesseIE);

		}
		else{
			i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
			i+=parseFloat(0.1);
			cur.style.setProperty("-moz-opacity", i, "");
			if (i>=1)
				return;
			else 
				setTimeout("visible()",vitesseFF);
		}
	}
}
function invisible(index){
	vitesseIE=1;
	vitesseFF=60;

	if(document.getElementById)	{
		cur=document.getElementById("imageID");
		
		if(document.all){
			if (index=="1"){
				cur.filters.alpha.opacity=100;
			}
			cur.filters.alpha.opacity-=parseFloat(3);
			if (cur.filters.alpha.opacity==0){
				document.getElementById("imageID").src=document.getElementById("imageID").src2;
				visible();
				return;
			}
			else {
				setTimeout("invisible('0')",vitesseIE);
				}

		}
		else{ 
			if (index=="1"){
				cur.style.setProperty("-moz-opacity", 1, "");
			}
			i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
			i-=parseFloat(0.1);
			cur.style.setProperty("-moz-opacity", i, "");
			if (i<=0){
				document.getElementById("imageID").src=document.getElementById("imageID").src2;
				visible();
				return;
			}
			else {
				setTimeout("invisible('0')",vitesseFF);
				
				}
		}
	}
}

function afficher_image(index,image){
	for (i=1;i<8;i++)
		document.getElementById(i).src=img_non_select.src;
	document.getElementById(index).src=img_select.src;

	document.getElementById("imageID").src2=image;
	if (navigator.appName=="Opera"){
		document.getElementById("imageID").src=image;
	}else{
		invisible('1');
	}

}

function plus(){
	for (i=1;i<8;i++){
		if (document.getElementById(i).src==img_select.src){
			i++;
			if (i<=7)
				afficher_image(i,eval ("i"+i+".src"));
			return;
		}
	}
}

function moins(){
	for (i=1;i<8;i++){
		if (document.getElementById(i).src==img_select.src){
			i--;
			if (i>=1)
				afficher_image(i,eval ("i"+i+".src"));
			return;
		}
	}
}