function showUtils(event) 
			{
				var lengthId = this.id.length;
				var indice = this.id.substring(lengthId-1,lengthId);
				var tmp = 'produitssuppl'+indice;
				$(tmp).addClassName('show');
				obj = document.getElementById(this.id);
				obj.addClassName('hide');
				tmp = 'ferme'+indice;
				obj = document.getElementById(tmp);
				obj.addClassName('show');
				if(indice == 1) $$(".deploy_left .voirplus").each(function(el){el.addClassName('show')});
				else if(indice == 2) $$(".deploy_right .voirplus").each(function(el){el.addClassName('show')});
				$$(".video_etape iframe").each(function(el){el.setStyle("visibility:hidden;")});
			}
			function hideUtils(event) 
			{
				var lengthId = this.id.length;
				//alert(this.id);
				var indice = this.id.substring(lengthId-1,lengthId);
				var tmp = 'produitssuppl'+indice;
				$(tmp).removeClassName('show');
				tmp = 'utils'+indice;
				obj = document.getElementById(tmp);
				obj.removeClassName('hide');
				obj = document.getElementById(this.id);
				obj.removeClassName('show');
				//if(indice == 1) $$(".deploy_left .voirplus").each(function(el){el.removeClassName('show')});
				//else if(indice == 2) $$(".deploy_right .voirplus").each(function(el){el.removeClassName('show')});
				$$(".video_etape iframe").each(function(el){el.setStyle("visibility:visible;")});
			}
			function updateVideo()
			{
				$$(".video_etape").each(function(el){el.update(el.innerHTML)});
			}
			function showEtape(event) 
			{
				var lengthId = this.id.length;

				var indice = this.id.substring(click_etape_name.length,lengthId);
				
				for(i=1;i<=nb_etapes;i++)
				{
					if(i!=indice)
					{
						$("etape"+i).setStyle("display:none;");
						$$("#etape"+i+" .consl_visu_zoom_petit").each(function(el){el.setStyle("display:inline;")});
						$$("#etape"+i+" .consl_visu_petit").each(function(el){el.setStyle("display:inline;")});				
						$("clickEtape"+i).removeClassName('on');
					}
					else
					{
						setEtape(i); 
						setTitreEtape(i);
						setProgression();
						$("etape"+i).setStyle("display:block;");
						$$("#etape"+i+" .consl_visu_zoom_petit").each(function(el){el.setStyle("display:block;")});
						$$("#etape"+i+" .consl_visu_petit").each(function(el){el.setStyle("display:block;")});
						$("clickEtape"+i).addClassName('on');
					}
					$$("#etape"+i+" .visu_etape div").each(function(el){el.update(el.innerHTML)});		
				}
				updateVideo();
				event.stop();
				return false;
			}
			function showEtape2(event) 
			{
				var param = 0;
				var classe = this.className; 
				if(classe.indexOf("precedentetape") >= 0) param = -1;
				if(classe.indexOf("suivantetape") >= 0) param = 1;		
			
				if((etape_en_cours == 1 && param == -1) || (etape_en_cours == nb_etapes && param == 1))
				{
					return false;
				}
				else
				{
					var tmp = etape_en_cours;
					if(param == -1) tmp-=1;
					else if(param == 1) tmp+=1;					
					for(i=1;i<=nb_etapes;i++)
					{
						if(i!=tmp)
						{
							$("etape"+i).setStyle("display:none;");
							$$("#etape"+i+" .consl_visu_zoom_petit").each(function(el){el.setStyle("display:inline;")});
							$$("#etape"+i+" .visu_etape img").each(function(el){el.setStyle("display:none;")});	
							$("clickEtape"+i).removeClassName('on');
						}
						else
						{
							setEtape(i);
							setTitreEtape(i);
							setProgression();
							$("etape"+i).setStyle("display:block;");
							$$("#etape"+i+" .consl_visu_zoom_petit").each(function(el){el.setStyle("display:block;")});
							$$("#etape"+i+" .visu_etape img").each(function(el){el.setStyle("display:block;")});
							$("clickEtape"+i).addClassName('on');
						}
						$$("#etape"+i+" .visu_etape div").each(function(el){el.update(el.innerHTML)});	
					}		
				}
				updateVideo();
				event.stop();
				return false;
			}
			function setEtape(index)
			{

				last_etape = etape_en_cours;
				etape_en_cours = index;
				
				if(etape_en_cours == 1)
				{					
					$$(".precedentetape").each(function(el){el.addClassName('precedentetape_off')});
					$$(".precedentetape_off").each(function(el){el.removeClassName('precedentetape')});
				}
				else
				{
					$$(".precedentetape_off").each(function(el){el.addClassName('precedentetape')});
					$$(".precedentetape").each(function(el){el.removeClassName('precedentetape_off')});					
				}
				
				if(etape_en_cours == nb_etapes)
				{
					$$(".suivantetape").each(function(el){el.addClassName('suivantetape_off')});
					$$(".suivantetape_off").each(function(el){el.removeClassName('suivantetape')});
				}
				else
				{
					$$(".suivantetape_off").each(function(el){el.addClassName('suivantetape')});
					$$(".suivantetape").each(function(el){el.removeClassName('suivantetape_off')});	
				}
			}
			function setTitreEtape(index)
			{
				$("titreEtape"+last_etape).addClassName("off");
				$("titreEtape"+index).removeClassName('off');
			}
			function setProgression()
			{
				var val = etape_en_cours/nb_etapes * 126;			
				$$(".barre_full").each(function(el){el.setStyle('width:'+val+'px')});
				$$(".prog_num").each(function(el){el.update(etape_en_cours+'/'+nb_etapes)});
			}
			
			var etape_en_cours = 1;
			var last_etape = 1;
			var click_etape_name = "clickEtape";
			document.observe("dom:loaded", bodyOnload);
			function bodyOnload() 
			{ 
				setProgression();
				for(i=1;i<=2;i++)
				{   
                                    if($('utils'+i) != null) {
                                        $('utils'+i).observe('click', showUtils); $('utils'+i).onclick = "return false";
                                    }
                                    
                                    if($('ferme'+i) != null) {
                                        $('ferme'+i).observe('click', hideUtils); $('ferme'+i).onclick = "return false";
                                    }
			    }
				for(i=1;i<=nb_etapes;i++)
				{
					$("clickEtape"+i).observe('click', showEtape);
					$("clickEtape"+i).onclick = "return false";
				}
				$$(".suivantetape").each(function(el){el.observe('click', showEtape2);el.onclick = "return false";});
				$$(".precedentetape").each(function(el){el.observe('click', showEtape2);el.onclick = "return false";});
				$$(".precedentetape").each(function(el){el.addClassName('precedentetape_off')});
				$$(".precedentetape_off").each(function(el){el.removeClassName('precedentetape')});
				$$(".zoom").each(function(el){el.observe("mouseover",function(event) {this.up().addClassName("on");});el.observe("mouseout",function(event) {this.up().removeClassName("on");})});

			}