/*************************************************************************/
function displayOeuvres(){
	// alert ("Toto");	
	preload();
	
	//declar var		
	var prev = document.getElementById('btnPrev');
	var next = document.getElementById('btnNext');
	var index = inputHid2.value;
	
	// Récup liste liens
    var miniats = document.getElementById('blocMiniat') ; 
	var liens = miniats.getElementsByTagName('a') ;
	
	// Récup infos
	var rens = document.getElementById('donneesInv');	 	
		// var srcImg = rens.getElementsByTagName('h1');
		var srcImg = rens.getElementsByTagName('img');
		// var altImg = rens.getElementsByTagName('h2');
		var legFr = rens.getElementsByTagName('h3');	
		var legGb = rens.getElementsByTagName('h4');		

	//Récup les id des éléments à remplir :
    var medFoto = document.getElementById('medFoto');	
    var legFrAf = document.getElementById('image').getElementsByTagName('span')[0] ;     
	var legGbAf = document.getElementById('image').getElementsByTagName('span')[1] ;
		
	/*************** declar fcts interm *******************/
	function remplissage(ind){		
		legFrAf.firstChild.nodeValue = legFr[ind].innerHTML;			
		legGbAf.firstChild.nodeValue = legGb[ind].innerHTML;			
		medFoto.alt= srcImg[ind].alt;		
		medFoto.src = srcImg[ind].src;
		
		/*dim affichage image*/
		var dimMedFoto = new Array();
		dimMedFoto = redimImage(medFoto.src,530,320);
		medFoto.width = dimMedFoto[0];
		medFoto.height = dimMedFoto[1];
	}
	
	function prevIndex(){
		if(inputHid2.value>0){inputHid2.value = inputHid2.value-1;}
		else{inputHid2.value = liens.length-1;}
		remplissage(inputHid2.value);		
	}
	
	function nextIndex(){		
		if(inputHid2.value < liens.length-1){inputHid2.value = parseInt(inputHid2.value)+1;}
		else{inputHid2.value = 0;}
		remplissage(inputHid2.value);
	}
	/*************** action sur tous les éléments (liens) *******************/	
    for (var i = 0 ; i < liens.length ; i++) {
	
        liens[i].onclick = function() {			
			var y = this.id;				
			inputHid2.value = y;
			
			remplissage(inputHid2.value);			
		}		
					
		prev.onclick = function(){		
			prevIndex();			
		}
		next.onclick = function(){			
			nextIndex();			
		}
	}
}
window.onload = displayOeuvres;