// JavaScript Document

//-----------PROFESSIONNELS------------

function tout(){
  var tabImgsPro=document.getElementById("picto_pro").getElementsByTagName("img");
	var longueur = tabImgsPro.length;
	
	for (i=0 ; i<longueur ; i++){
	
		tabImgsPro[i].onmouseover = imageGrdePro;
		tabImgsPro[i].onmouseout = imagePro;
				
	}
  var tabImgs=document.getElementById("picto_particuliers").getElementsByTagName("img");
	var longueur = tabImgs.length;
	
	for (i=0 ; i<longueur ; i++){
	
		tabImgs[i].onmouseover = imageGrdePart;
		tabImgs[i].onmouseout = imagePart;
				
	}
}

function clicbouttonpro(){

	var tabImgsPro=document.getElementById("picto_pro").getElementsByTagName("img");
	var longueur = tabImgsPro.length;
	
	for (i=0 ; i<longueur ; i++){
	
		tabImgsPro[i].onmouseover = imageGrdePro;
		tabImgsPro[i].onmouseout = imagePro;
				
	}
}

//fonction affichant la grande image lorsque la souris passe sur l'image
function imageGrdePro(){

	this.src = "images/professionnels/"+this.id+"Grd.jpg";

}

//fonction affichant l'image de taille normale lorsque la souris n'est plus dessus
function imagePro(){

	this.src = "images/professionnels/"+this.id+".jpg";

}

//fonction affichant la grande image lorsque la souris passe sur l'image
function spanGrdePro(i){
  
  var tabImgsPro=document.getElementById("picto_pro").getElementsByTagName("img");
	tabImgsPro[i].src = "images/professionnels/"+tabImgsPro[i].id+"Grd.jpg";

}

//fonction affichant l'image de taille normale lorsque la souris n'est plus dessus
function spanPro(i){

  var tabImgsPro=document.getElementById("picto_pro").getElementsByTagName("img");
	tabImgsPro[i].src = "images/professionnels/"+tabImgsPro[i].id+".jpg";

}


//-----------PARTICULIERS------------

function clicbouttonpart(){
	var tabImgs=document.getElementById("picto_particuliers").getElementsByTagName("img");
	var longueur = tabImgs.length;
	
	for (i=0 ; i<longueur ; i++){
	
		tabImgs[i].onmouseover = imageGrdePart;
		tabImgs[i].onmouseout = imagePart;
				
	}
}

//fonction affichant la grande image lorsque la souris passe sur l'image
function imageGrdePart(){

	this.src = "images/particuliers/"+this.id+"Grd.jpg";

}

//fonction affichant l'image de taille normale lorsque la souris n'est plus dessus
function imagePart(){

	this.src = "images/particuliers/"+this.id+".jpg";

}

//fonction affichant la grande image lorsque la souris passe sur l'image
function spanGrdePart(i){
  
  var tabImgsPart=document.getElementById("picto_particuliers").getElementsByTagName("img");
	tabImgsPart[i].src = "images/particuliers/"+tabImgsPart[i].id+"Grd.jpg";

}

//fonction affichant l'image de taille normale lorsque la souris n'est plus dessus
function spanPart(i){

  var tabImgsPart=document.getElementById("picto_particuliers").getElementsByTagName("img");
	tabImgsPart[i].src = "images/particuliers/"+tabImgsPart[i].id+".jpg";

}