// JavaScript Document

var ArrayImages = new Array("image001", "image002", "image003", "image004", "image005", "image006", "image007", "image008", "image009", "image010", "image011")


// FUNCTION QUI PERMET DE CHANGER LA GROSSE IMAGE LORSQU'UNE MINIATURE EST CLIQUÉE
function changerImageSrc(ThisImage_, ImageGrosseSrc_){
	// Pour enlever toutes les bordures bleu de toutes les images
	for(counter = 0; counter < ArrayImages.length; counter++){
		document.getElementById(ArrayImages[counter]).className = "BorderImageOff";
	}
	
	ThisImage_.className = "BorderImageOn";
	document.getElementById("GrosseImage").src = ImageGrosseSrc_;
}
// END FUNCTION QUI PERMET DE CHANGER LA GROSSE IMAGE LORSQU'UNE MINIATURE EST CLIQUÉE


// FUNCTION POUR LES BOUTONS DE NAVIGATIONS DANS LES PHOTOS
function goToFirstImage(){
	var srcImage
	for(counter = 0; counter < ArrayImages.length; counter++){
		document.getElementById(ArrayImages[counter]).className = "BorderImageOff";
	}
	
	document.getElementById("image001").className = "BorderImageOn"
	
	srcImage = document.getElementById(ArrayImages[0]).src;
	srcImage = srcImage.replace("photo_show", "big_pict");

	document.getElementById("GrosseImage").src = srcImage;
	
	return 0;
}

function goToLastImage(){
	var srcImage
	
	for(counter = 0; counter < ArrayImages.length; counter++){
		document.getElementById(ArrayImages[counter]).className = "BorderImageOff";
	}
	
	document.getElementById("image011").className = "BorderImageOn"
	
	srcImage = document.getElementById(ArrayImages[ArrayImages.length-1]).src;
	srcImage = srcImage.replace("photo_show", "big_pict");

	document.getElementById("GrosseImage").src = srcImage;
	
	return ArrayImages.length - 1;
}

function goToNext(CurrentImage_){
	
	if(CurrentImage_ < ArrayImages.length-1){
		for(counter = 0; counter < ArrayImages.length; counter++){
			document.getElementById(ArrayImages[counter]).className = "BorderImageOff";
		}
		
		document.getElementById(ArrayImages[CurrentImage_+1]).className = "BorderImageOn"
		
		srcImage = document.getElementById(ArrayImages[CurrentImage_+1]).src;
		srcImage = srcImage.replace("photo_show", "big_pict");
		
		document.getElementById("GrosseImage").src = srcImage;
	
		return CurrentImage_ + 1;
	}else{
		return CurrentImage_ ;
	}	
}

function goToPrevious(CurrentImage_){
	
	if(CurrentImage_ > 0){
		for(counter = 0; counter < ArrayImages.length; counter++){
			document.getElementById(ArrayImages[counter]).className = "BorderImageOff";
		}
		
		document.getElementById(ArrayImages[CurrentImage_-1]).className = "BorderImageOn"
		
		srcImage = document.getElementById(ArrayImages[CurrentImage_-1]).src;
		srcImage = srcImage.replace("photo_show", "big_pict");
		
		document.getElementById("GrosseImage").src = srcImage;
	
		return CurrentImage_ - 1;
	}else{
		return CurrentImage_ ;
	}
}
// END FUNCTION POUR LES BOUTONS DE NAVIGATIONS DANS LES PHOTOS



// FUNCTION POUR LE MENU DU FOOTER //
function afficherTable2(){
	document.getElementById("Table3").style.display = "none";
	document.getElementById("Table4").style.display = "none";
	
	document.getElementById("Table2").style.display = ""; 
	
	document.getElementById("LienProduit").className = "LienFooterOn";
	document.getElementById("LienVehiculeUrgence").className = "LienFooter";
}

function afficherTable3(){
	document.getElementById("Table4").style.display = "none";
	
	document.getElementById("Table3").style.display = ""; 
	
	document.getElementById("LienAudio").className = "LienFooterOn";
	document.getElementById("LienVehiculeUrgence").className = "LienFooter";
}

function afficherTable4(){
	document.getElementById("Table2").style.display = "none";
	document.getElementById("Table3").style.display = "none";
	
	document.getElementById("Table4").style.display = ""; 
	
	document.getElementById("LienVehiculeUrgence").className = "LienFooterOn";
	document.getElementById("LienProduit").className = "LienFooter";
	document.getElementById("LienAudio").className = "LienFooter";
}
// END FUNCTION POUR LE MENU DU FOOTER //