function afficheImg(i){
	
	uSelect = i;
	document.getElementById('imgLegende').innerHTML = tab[uSelect]['legende'];
	document.getElementById('imgCopyright').innerHTML = tab[uSelect]['copyright'];
	document.getElementById('imgChemin').src = tab[uSelect]['chemin'];
	document.getElementById('imgChemin').alt = tab[uSelect]['legende'];
	document.getElementById('imgDescr').innerHTML = tab[uSelect]['description'];
	if(tab[uSelect]['url_base']!=""){
		document.getElementById('imgBase').innerHTML = "<a href=\""+tab[uSelect]['url_base']+"\" target=\"_blank\">"+knowMore+"</a>";
	}else{
		document.getElementById('imgBase').innerHTML = "&nbsp;";
	}
	if(tab[uSelect]['auteur']!=""){
		document.getElementById('imgAuteur').innerHTML = tab[uSelect]['auteur'];
	}else{
		document.getElementById('imgAuteur').innerHTML = "&nbsp;";;
	}
	document.getElementById('aChemin').href = "/musees/"+tab[uSelect]['cheminOriginal'];
	//document.getElementById('imgBase').innerHTML = tab[i]['base'];
	afficheMenu();
	
}

function goRight(){
	deb++;
	fin++;
	afficheMenu();
}

function goLeft(){
	deb--;
	fin--;
	afficheMenu();
}

function afficheMenu(){
	if(tab.length==0){
		document.getElementById('VisuelColl').innerHTML = ""
	}else{
		document.getElementById('defilement').innerHTML = ""
		var text = "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"tableauVignette\" ><tr>";
		//pose les limites droite et gauche du menu de defilement
		//limite gauche
		if(deb<=1){deb=1;}
		if(fin<=deb+2){fin=deb+2;}
		//alert("Etape 2 = deb:"+deb+" fin:"+fin+" uSelect:"+uSelect);
		//limite droite
		if(fin >= tab.length-1){ fin= tab.length-1;}
		if(deb>=(fin-2)){
			deb=fin-2;
			if(tab.length-1<=3){ deb=1;}
		}
		//alert("Etape 3 = deb:"+deb+" fin:"+fin+" uSelect:"+uSelect);
		for(var i=deb;i<=fin;i++){
			text += "<td><a href=\"#\" title=\"";
			if(uSelect==i){
				text += "Cette image est s&eacute;lectionn&eacute;e";
			}else{
				text += "Cliquez pour agrandir l'image";
			}
			text += "\" onclick=\"afficheImg("+i+");return false;\"><img src=\""+tab[i]['cheminSmall'];
			text += "\" alt=\""+tab[i]['legende']+"\"";
			
			if(uSelect==i){
				text += "class=\"imgSelection highslide\"";
			}
			text += "/></a></td>";
		}
		text += "</tr></table>";
		document.getElementById('defilement').innerHTML = text;
	}
}