// Fonctions de mise en page avec lib Mootools



window.addEvent('domready', function() {

	if ($('TickerVertical'))
	{
		var Ticker = new Class({
			setOptions: function(options) {
				this.options = Object.extend({
					speed: 1000,
					delay: 5000,
					onComplete: Class.empty,
					onStart: Class.empty
				}, options || {});
			},
			initialize: function(el,options){
				this.setOptions(options);
				this.el = $(el);
				this.items = this.el.getElements('li');
				var w = 0;
				this.items.each(function(li,index) {
					w += li.getSize().size.x
				});
				this.el.setStyles({
					position: 'absolute',
					top: 0,
					left: 0,
					width: w
				});
				this.periodical = 
				this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
					var i = (this.current==0)?this.items.length:this.current;
					this.items[i-1].injectInside(this.el);
					this.el.setStyle('left',0);
					
	
				}.bind(this)});
				this.current = 0;
				this.next();
			},
			next: function() {
				this.current++;
				if (this.current >= this.items.length) this.current = 0;
				this.fx.start({
					top: this.items[this.current].offsetTop,
					left: -this.items[this.current].offsetLeft
				});
				this.next.bind(this).delay(this.options.delay);
			}
		});
		
		var vert = new Ticker('TickerVertical',{speed:1000,delay:10000,direction:'horizontal'});
	
	}
	
	

	if ($('msg_confirmation'))
	{
		var mySlideMsg = new Fx.Slide('msg_confirmation');
		var myBouton = new Fx.Slide('bouton_valider');
		mySlideMsg.hide();

	
		$('formular').addEvent('submit', function(e){
			//e.stop();
			//$('bloc_glissant').fade('out');
			//myVerticalSlide.slideOut();

			// recup id pack			
			//var pack_id = this.get("rel");
			// chargement de l'etape 2
			//req.setOptions({url: 'devis_step_2.php'});
			//req.send("pack_id=" + pack_id);
			
			if ($('tel1').value != '')
			{
				myBouton.hide();
				mySlideMsg.slideIn();
			}
			
		
		});

		
		
	}
	
	// transitions sur devis
	if ($('ajax_content'))
	{	

		
		var mySlide2 = new Fx.Slide('ajax_content_2');
		var mySlide3 = new Fx.Slide('ajax_content_3');

		mySlide2.hide();
		mySlide3.hide();
		
		
		var myVerticalSlide = new Fx.Slide('bloc_glissant', {
			duration: 5000,
			transition: Fx.Transitions.Pow.easeOut
		});

		var ajax_path = '';
		//We can use one Request object many times.

		var req = new Request.HTML({evalScripts:true, encoding:'ISO-8859-1',
			onSuccess: function(html) {
				//Clear the text currently inside the results div.
				$('ajax_content').set('text', '');
				//Inject the new DOM elements into the results div.
				$('ajax_content').adopt(html);
			},
			onFailure: function() {
				$('ajax_content').set('text', 'Probleme de connexion');
			}
		});		
		
		var req3 = new Request.HTML({encoding:'ISO-8859-1',
			update: $('ajax_content_dyn_3'),
		
			
			onSuccess: function(html) {
				//Clear the text currently inside the results div.
				$('ajax_content_dyn_3').set('text', '');
				//Inject the new DOM elements into the results div.
				$('ajax_content_dyn_3').adopt(html);
			},
			onFailure: function() {
				$('ajax_content_dyn_3').set('text', 'Probleme de connexion');
			}
		});			
		
		// ETAPE 2 - traitement du clic sur "lancer devis"
		$('ajax_content').getElements('.devis_etape_1').addEvent('click', function(e){
			e.stop();
			//$('bloc_glissant').fade('out');
			
			
			myVerticalSlide.slideOut();
			
			$('bloc_glissant').setStyle('display', 'none');

			// recup id pack			
			var pack_id = this.get("rel");
			// chargement de l'etape 2
			req.setOptions({url: 'devis_step_2.php'});
			req.send("pack_id=" + pack_id);
			mySlide2.slideIn();
		
		});
		
		// ETAPE 3 - affichage du calendrier
		 $('ajax_content_2').getElements('.devis_etape_2').addEvent('click', function(e){

			e.stop();
			// recup id pack			
			var priorite = this.get("rel");
			// chargement de l'etape 2
			req3.setOptions({url: 'devis_step_3.php'});
			req3.send("priorite=" + priorite);
			mySlide2.slideOut();
			mySlide3.slideIn();
		
		});	

	}

	if ($('menu_onglet'))
	{

		
		//var ancre_presente = window.location.href.test('#');
		var toggles = $$('.togglers');
		var content = $$('.elements');
		var item_aff = 0;

		
		var AccordionObject = new Accordion(toggles, content, {show: item_aff} );
	}
	
	if ($('TickerNews'))
	{
		var myTicker = new mooTicker('TickerNews',{interval:7000});
	}	


});