function change_over(element, img, url){
	document.getElementById(element).src = url + 'images/nav/' + img + '.gif';
}

function change_out(element, img, url){
	document.getElementById(element).src = url + 'images/nav/' + img + '.gif';
}

function function_navig(direction,nb_reportage){
	nb_affichage = 7;
	
	elem_block = new Array();
	elem_none = new Array();
	elem_block_id = new Array();
	elem_none_id = new Array();
	temp_elem_block_id = new Array();
	j=0;
	first_block = true;
	first_hide = false;
	
	for(i = 1; i <= nb_reportage; i++)
	{
		// On récupère le style.display des éléments de la visionneuse pour savoir lesquels sont affiché et lesquels sont caché
		elem = document.getElementById('pics' + i).style.display;
		
		// Si le bloc est affiché
		if(elem == 'block')
		{
			elem_block.push(elem);
			elem_block_id.push(i);
			temp_elem_block_id.push(i);
			
			// Si le c'est le premier bloc et qu'on se dirige vers la droite
			if (first_block && direction == 'droite') {
				// On concerve l'identifiant de ce block
				j=i;
				// Et on met le booléen à false
				first_block = false;
			}
			// On met un booleen à true affin de déterminer quel sera le premier block caché apres les 7 bloc affiché
			first_hide=true;
		}
		else{
			elem_none.push(elem);
			elem_none_id.push(i);
			// Si nous somme dans le premier block caché apres les 7 affichés
			if (first_hide) {
				// On récupère l'identifiant que l'on a attribué aux autres block affiché
				j = j;
				// On met le booleen a false
				first_hide = false;
			} else {
				// Dans les autres block caché on met le numéro du block affin que lors d'un retour (direction gauche) on ai le numéro du premier block qui deviendra affiché...
				j = i;
			}
		}
		// On récupère l'élement a et son attribut href
		elem_a = document.getElementById('lien_pics'+i)
		lien = elem_a.getAttribute("href");
		// On supprime l'ancien parametre d'url
		url = lien.split('?f=')
		lien = url[0];
		// On teste la direction pour savoir quelle valeur doit on attribuer au parametre de l'url
		if (direction == 'droite') {
			num = parseInt(j)+1;
		} else {
			num = j;
		}
		// On renseigne le nouveau parametre
		elem_a.setAttribute("href",lien+"?f="+num);
		
	}
	temp_elem_block_id.reverse();
	if(direction == 'droite'){
		for(i = 0; i < elem_none_id.length; i++){
			if(elem_none_id[i] > temp_elem_block_id[0]){
				while(elem_none_id[i] > nb_affichage){
					document.getElementById('pics' + elem_block_id[0]).style.display = 'none';
					document.getElementById('pics' + elem_none_id[i]).style.display = 'block';
					return false;
				}
			}
		}
	}
	else{
		elem_none_id.reverse();
		for(i = 0; i < elem_none_id.length; i++){
			while(elem_none_id[i] <= temp_elem_block_id[0]){
				document.getElementById('pics' + elem_block_id[(elem_block_id.length-1)]).style.display = 'none';
				document.getElementById('pics' + elem_none_id[i]).style.display = 'block';
				return false;
			}
		}
	}	
}