// Fonctions de mise en page avec lib Mootools

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

	if (document.getElementById('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:2000,delay:15000,direction:'vertical'});
	}

	if (document.getElementById('carousel_content'))
	{
							   
		new iCarousel("carousel_content", {
			idPrevious: "carousel_previous",
			idNext: "carousel_next",
			idToggle: "undefined",
			item: {
				klass: "carousel_item",
				size: 86
			},
			animation: {
				duration: 1000,
				amount: 4
			}
		});
		
	}
	
	// gestion des blocs accordeons
	if (document.getElementById('accordion'))
	{
			var list = $$('#accordion .hidden_slide');
			var headings = $$('#accordion .heading');
			var spans = new Array();	
			var collapsibles = new Array();
			
			headings.each( function(heading, i) {

				var collapsible = new Fx.Slide(list[i], { 
					duration: 500, 
					transition: Fx.Transitions.quadIn
				});
				
				collapsibles[i] = collapsible;
				
				heading.onclick = function(){
					
					for(var j = 0; j < collapsibles.length; j++){
						if(j!=i) {
							collapsibles[j].slideOut();
						}
					}
					collapsible.toggle();
					return false;
				}
				
				collapsible.hide();
				
			});
			
			
			
			// deplie le bloc passé en ancre dans url
			var anchor = window.location.href.split('#')[1];
		
			if(anchor){
			
				var items = new Array();
				for (var i=0; i < list.length; i++) {
					items[i]=list[i].getElementsByTagName('a')[0].getAttribute("name");
					
					if (items[i] == anchor)
						collapsibles[i].slideIn();
				};		
			
	
				
			}
	
					
			 //collapsibles[0].slideIn();
	}
	
	


});