Ext.onReady(function(){
	titre=Ext.DomQuery.select('ul#faq li[class*=qatitre]')
	for(var i=0;i<titre.length;i++)
	{
	  Ext.get(titre[i]).on('click',expandContent,null,{id_block:i});
	  Ext.get(titre[i]).addClassOnOver('selextjs');
	}
    collapseAll(0);
    function collapseAll(id_block_sel){
         for(var i=0;i<titre.length;i++){
        	 qaitem=Ext.get(Ext.DomQuery.select('ul#faq li[class=qaitems]')[i])
             if(i!=id_block_sel){
		         qaitem.enableDisplayMode('block');
		         if (qaitem.isVisible()) {
			         qatitre=Ext.get(Ext.DomQuery.select('ul#faq li[class*=qatitre]')[i])		        	 
			         qaitem.slideOut('t', { duration: 0.5, useDisplay: true });
			         qatitre.removeClass("sel")
		        	 qatitre.addClass("unsel")
		         }
             }
         }
     }

     function expandContent(ev, target, obj_arg) {
       var item=Ext.get(Ext.DomQuery.select('ul#faq li[class=qaitems]')[obj_arg['id_block']])
       if (item.isVisible()==false) {
    	   qatitre=Ext.get(Ext.DomQuery.select('ul#faq li[class*=qatitre]')[obj_arg['id_block']])
      	   qatitre.removeClass("unsel")
      	   qatitre.addClass("sel")
    	   item.slideIn('t', { duration: 0.5, useDisplay: true });
  		   collapseAll(obj_arg['id_block']);
  	   }  	   

     }



	titreH=Ext.DomQuery.select('ul#ulqa li[class*=qatitre]')
    //var titreH=Ext.query("li[class=qatitre]");
	for(var i=0;i<titreH.length;i++)
	{
	  Ext.get(titreH[i]).on('click',expandContentH,null,{id_block:i});
	  Ext.get(titreH[i]).addClassOnOver('selextjs');
	}
    collapseAllH(0);
    function collapseAllH(id_block_sel){
         for(var i=0;i<titreH.length;i++){
        	 qaitem=Ext.get(Ext.DomQuery.select('ul#ulqa li[class=qaitems]')[i])
             if(i!=id_block_sel){
		         if (qaitem.isVisible()) {
			         qatitre=Ext.get(Ext.DomQuery.select('ul#ulqa li[class*=qatitre]')[i])		        	 
			         qaitem.fadeOut('t', { duration: 0.5, useDisplay: true });
			         qatitre.removeClass("sel");
		        	 qatitre.addClass("unsel");
		         }
             }
         }
     }

     function expandContentH(ev, target, obj_arg) {
       var item=Ext.get(Ext.DomQuery.select('ul#ulqa li[class=qaitems]')[obj_arg['id_block']])
       if (item.isVisible()==false) {
    	   qatitre=Ext.get(Ext.DomQuery.select('ul#ulqa li[class*=qatitre]')[obj_arg['id_block']])
      	   qatitre.removeClass("unsel")
      	   qatitre.addClass("sel")
    	   item.fadeIn('t', { duration: 0.5, useDisplay: true });
  		   collapseAllH(obj_arg['id_block']);
  	   }  	   

     }



	///SlideShow
	function displaySlide(){
		Ext.get(slides[currentSlide]).fadeOut('t', { duration: 0.8, useDisplay: false });
		Ext.get(slides[currentSlide]).enableDisplayMode().hide();
		Ext.get(slides[nextSlide]).enableDisplayMode().show();
		Ext.get(slides[nextSlide]).fadeIn('t', { duration: 0.8, useDisplay: true });
		
		currentSlide+=1;
		nextSlide+=1;
		prevSlide+=1;
		if (currentSlide==slides.length){
			currentSlide = 0;
		}
		if (nextSlide==slides.length){
			nextSlide = 0;
		}
		if (prevSlide==slides.length){
			prevSlide = 0;
		}
	
	}
	var slideShowButton = Ext.get('slideShow_btn');
	slideShowButton.on('click',function(){
		displaySlide();
	})	
	// Precedent
		function displayPrevSlide(){
		Ext.get(slides[currentSlide]).fadeOut('t', { duration: 0.8, useDisplay: false });
		Ext.get(slides[currentSlide]).enableDisplayMode().hide();
		Ext.get(slides[prevSlide]).enableDisplayMode().show();
		Ext.get(slides[prevSlide]).fadeIn('t', { duration: 0.8, useDisplay: true });
		
		currentSlide-=1;
		nextSlide-=1;
		prevSlide-=1;
		if (currentSlide<0){
			currentSlide = slides.length-1;
		}
		if (prevSlide<0){
			prevSlide = slides.length-1;
		}
			if (nextSlide<0){
			nextSlide = slides.length-1;
		}
	
	}
	var slideShowButton = Ext.get('prevslideShow_btn');
	slideShowButton.on('click',function(){
		displayPrevSlide();
	})	
	//initialise SlideShow
    var slides = Ext.DomQuery.select('div#slideShowContainer div[class=slide]');
    var currentSlide = 0;
    var nextSlide = 1;
    var prevSlide = slides.length-1;
    for (var i=0;i<slides.length;i++){
    	if (currentSlide!=i){	
    		Ext.get(slides[i]).enableDisplayMode().hide();
    		Ext.get(slides[i]).fadeOut('t', { duration: 0, useDisplay: false });
    	}
    }
	////End SlideShwo
    
    
    
	////////////////////
	titreFormule=Ext.DomQuery.select('ul#formule li[class*=qatitre]')
    //var titreFormule=Ext.query("li[class=qatitre]");
	for(var i=0;i<titreFormule.length;i++)
	{
	  Ext.get(titreFormule[i]).on('click',expandContentFormule,null,{id_block:i});
	  Ext.get(titreFormule[i]).addClassOnOver('selextjs');
	}
    collapseAllFormule(0);
    function collapseAllFormule(id_block_sel){
         for(var i=0;i<titreFormule.length;i++){
        	 qaitem=Ext.get(Ext.DomQuery.select('ul#formule li[class=qaitems]')[i])
             qatitre=Ext.get(Ext.DomQuery.select('ul#formule li[class*=qatitre]')[i])
             if(i!=id_block_sel){
		         if (qaitem.isVisible()) {		        	 
			         qaitem.fadeOut('t', { duration: 0.5, useDisplay: true });
			         qatitre.removeClass("sel"+i);
		        	 qatitre.addClass("unsel"+i);
		         }
             }
             if(i==id_block_sel){
            	qatitre.removeClass("unsel"+i)
      	   		qatitre.addClass("sel"+i)
             }
         }
     }

     function expandContentFormule(ev, target, obj_arg) {
       var item=Ext.get(Ext.DomQuery.select('ul#formule li[class=qaitems]')[obj_arg['id_block']])
       if (item.isVisible()==false) {
    	   qatitre=Ext.get(Ext.DomQuery.select('ul#formule li[class*=qatitre]')[obj_arg['id_block']])
    	   item.fadeIn('t', { duration: 0.5, useDisplay: true });
  		   collapseAllFormule(obj_arg['id_block']);
  	   }  	   

     }
     

  })