/* Javascript document - affichage dynamique des photos */

var originalContent;

window.onload = function() {
	if( document.getElementById("javaContent") ) {
		originalContent = document.getElementById("javaContent").innerHTML;
		
		nbreA = document.getElementById("photos").getElementsByTagName("a").length;
		
		for(i=0; i < nbreA; i++) {
			
			document.getElementById("photos").getElementsByTagName("a")[i].onclick = new Function('affichePhoto("'+document.getElementById("photos").getElementsByTagName("a")[i].id+'")');
			
		}
		
		nbreA2 = document.getElementById("cercle").getElementsByTagName("a").length;
		
		for(i=0; i < nbreA2; i++) {
			
			document.getElementById("cercle").getElementsByTagName("a")[i].onclick = new Function('affichePhoto("'+document.getElementById("photos").getElementsByTagName("a")[i].id+'", "true")');
			
		}
		
		document.getElementById("retourNormal").onclick = function() {
			document.getElementById("javaContent").innerHTML = originalContent;
			for(i=0; i < nbreA2; i++) {	
				document.getElementById("cercle").getElementsByTagName("a")[i].onclick = new Function('affichePhoto("'+document.getElementById("photos").getElementsByTagName("a")[i].id+'", "true")');			
			}
		}
	}	
}

function affichePhoto(imgId, rename) {
	
	if( rename == true ) {
		imgId = imgId.substring(1);
	}
	
	newContent = '<p class="centrer"><img alt="'+imgId+'" src="photos/'+imgId+'.jpg" /></p>';
	
	document.getElementById("javaContent").innerHTML = newContent;
	
}