/* Passe à l'image précédente */
function last_image(id)
{
	// Fonction qui récupère le nom de l'image actuel
	var image_name = document.getElementById(id).src;	
	image_name = image_name.substring(image_name.lastIndexOf("/")+1,image_name.length)
	
	// Récupération de la catégorie
	var category = image_name.substring(0,image_name.indexOf("_"));
	var number = image_name.substring(image_name.indexOf("_")+1, image_name.indexOf("."));
		
	// Si la category est pedalboats
	if(category == "pedalboats")
	{
		// Si on est à la dernière image, on se rend à la première
		if(number == 1)
		{
			number = 6;
		}
		else
		{
			// Augmentation du numéro de l'image 
			// Ex. 7 passe à 8
			number--;
		}
	}
	else
	{
		// Si on est à la première image, on se rend à la dernière
		if(number == 1)
		{
			number = 9;
		}
		else
		{
			// Diminution du numéro de l'image 
			// Ex. 8 passe à 7
			number--;
		}
	}
	
	// Concaténation du chemin de la nouvelle image
	var last_image_src = "./images/photo_gallery/";
	last_image_src = last_image_src.concat(category);
	last_image_src = last_image_src.concat("/niveau_3/");
	last_image_src = last_image_src.concat(category);
	last_image_src = last_image_src.concat("_");
	last_image_src = last_image_src.concat(number);
	last_image_src = last_image_src.concat(".jpg");
	
	// Affichage de la nouvelle image
	document.getElementById(id).src = last_image_src;
	
	// Sélection du chiffre dans le menu en haut
	var number_selected = category;
	number_selected = number_selected.concat("_");
	number_selected = number_selected.concat(number);
	number_mouse_clic(number_selected);
}


// Passe à l'image suivante
function go_to_image_x(id,x)
{
	// Fonction qui récupère le nom de l'image actuel
	var image_name = document.getElementById(id).src;	
	image_name = image_name.substring(image_name.lastIndexOf("/")+1,image_name.length)
	
	// Récupération de la catégorie
	var category = image_name.substring(0,image_name.indexOf("_"));

	// Construction du chemin de l'image x
	var image_x_src = "./images/photo_gallery/";
	image_x_src = image_x_src.concat(category);
	image_x_src = image_x_src.concat("/niveau_3/");
	image_x_src = image_x_src.concat(category);
	image_x_src = image_x_src.concat("_");
	image_x_src = image_x_src.concat(x);
	image_x_src = image_x_src.concat(".jpg");

	// Affichage de l'image
	document.getElementById(id).src = image_x_src;
	
	// Sélection du chiffre dans le menu en haut
	var number_selected = category;
	number_selected = number_selected.concat("_");
	number_selected = number_selected.concat(x);
	number_mouse_clic(number_selected);
}


// Passe à l'image suivante
function next_image(id)
{
	// Fonction qui récupère le nom de l'image actuel
	var image_name = document.getElementById(id).src;	
	image_name = image_name.substring(image_name.lastIndexOf("/")+1,image_name.length)
	
	// Récupération de la catégorie
	var category = image_name.substring(0,image_name.indexOf("_"));
	var number = image_name.substring(image_name.indexOf("_")+1, image_name.indexOf("."));
	
	// Si la category est pedalboats
	if(category == "pedalboats")
	{
		// Si on est à la dernière image, on se rend à la première
		if(number == 6)
		{
			number = 1;
		}
		else
		{
			// Augmentation du numéro de l'image 
			// Ex. 7 passe à 8
			number++;
		}
	}
	else
	{
		// Si on est à la dernière image, on se rend à la première
		if(number == 9)
		{
			number = 1;
		}
		else
		{
			// Augmentation du numéro de l'image 
			// Ex. 7 passe à 8
			number++;
		}
	}
		
	// Construction du chemin de l'image suivante
	var next_image_src = "./images/photo_gallery/";
	next_image_src = next_image_src.concat(category);
	next_image_src = next_image_src.concat("/niveau_3/");
	next_image_src = next_image_src.concat(category);
	next_image_src = next_image_src.concat("_");
	next_image_src = next_image_src.concat(number);
	next_image_src = next_image_src.concat(".jpg");

	// Affichage de l'image suivante
	document.getElementById(id).src = next_image_src;
	
	// Sélection du chiffre dans le menu en haut
	var number_selected = category;
	number_selected = number_selected.concat("_");
	number_selected = number_selected.concat(number);
	number_mouse_clic(number_selected);
}




// Fonction qui applique un changement de couleur sur un over
function number_mouse_over(id)
{
	// Modification du numéro de l'affichage du numéro
	document.getElementById(id).style.fontWeight="bold";
}




// Fonction qui remet la couleur d'origine
function number_mouse_out(id)
{
	// Modification du numéro de l'affichage du numéro
	document.getElementById(id).style.fontWeight="normal";
}




// Fonction qui remet la couleur d'origine
function number_mouse_clic(id)
{	

	// Récupération de la catégorie
	var category = id.substring(0,id.indexOf("_"));

	// Effacement des numéros sélectionnés en fonction de la category
	if(category == "pedalboats")
	{
		for(i=1; i <= 6; i++)
		{
			var numero_to_reset = category;
			numero_to_reset = numero_to_reset.concat("_");
			numero_to_reset = numero_to_reset.concat(i);
			
			document.getElementById(numero_to_reset).style.color="#666666";
			document.getElementById(numero_to_reset).style.fontWeight="normal";
			document.getElementById(numero_to_reset).style.textDecoration="none";
		}
	}
	else
	{
		for(j=1; j<=9; j++)
		{
			var numero_to_reset = category;
			numero_to_reset = numero_to_reset.concat("_");
			numero_to_reset = numero_to_reset.concat(j);			
			
			document.getElementById(numero_to_reset).style.color="#666666";
			document.getElementById(numero_to_reset).style.fontWeight="normal";
			document.getElementById(numero_to_reset).style.textDecoration="none";
			
		}		
	}	

	// Sélection du numéro corespondant à id
	document.getElementById(id).style.color="#286BA6";
	document.getElementById(id).style.fontWeight="bold";
	document.getElementById(id).style.textDecoration="underline";	
}