rep=document.getElementById("diapo-rep").value;
			function diapo_etape(etape) {	
				
								//arrête le diapo
								clearInterval(timer);
								document.getElementById("diapo-play").value='';
								document.getElementById("diapo-play-image").src = document.getElementById("diapo-play-image").src = rep +'diapo-bouton-pause.jpg';
											
								document.getElementById("diapo").value=etape;
								diaporama();
								
								
				
			}
				
			function diapo_play() {				
						
						rep=document.getElementById("diapo-rep").value;
						if(document.getElementById("diapo-play").value!='PLAY') {	
									diapo();	
									document.getElementById("diapo-play").value='PLAY';
									document.getElementById("diapo-play-image").src = rep +'diapo-bouton-play.jpg';
									diaporama();
									} 
									
									else {
									clearInterval(timer);
									document.getElementById("diapo-play").value='';
									document.getElementById("diapo-play-image").src = document.getElementById("diapo-play-image").src = rep +'diapo-bouton-pause.jpg';
									}
				
			}
				
				
				
											
			function bg() {
						img_id=document.getElementById("diapo").value-1;
						document.getElementById("diapo-bg").style.backgroundImage = 'url("'+ rep +'diapo-' + img_id + '.jpg")';
			}
										
			// changement de diapo								
			function diaporama() {	
			
			
					
					var d=document.getElementById("diapo").value;
								
							
										
										//document.getElementById("diapo-bg").style.backgroundImage = 'url("'+ rep +'diapo-' + ig + '.jpg")';
										i=1;
										do {												
											   document.getElementById("diapo"+ i ).style.display='none';
											   document.getElementById("diapo-etape-"+ i ).src=rep +'diapo-etape.jpg';												
											   i++;
											} while (i<=document.getElementById("diapo-nb").value);
											//document.getElementById("diapo"+ d ).style.display='inline';
											var1="#diapo"+ d ;
											$(var1).show("slide", {}, document.getElementById("diapo-vitesse-slide").value);
											document.getElementById("diapo-etape-"+ d ).src=rep +'diapo-etape-selection.jpg';	
									
								
								
								
																
								// pause le temps du slide et fonction change image background
								c= setTimeout(bg, document.getElementById("diapo-vitesse-slide").value);
								
								d++;
								if(d>document.getElementById("diapo-nb").value) {d=1;}
								document.getElementById("diapo").value=d;
								
								
								
								
					
				}		
				
				
				
				// paramètres du timer
				function diapo() {						
						t=document.getElementById("diapo-vitesse-transition").value;							
						timer = setInterval(diaporama,t); 
					}
				//lance diaporama au démarrage
				diapo();