window.addEvent('domready', function() {	 
	// Carrousel				
	function changeSlide (el, el_suivant)
	{		
		myFx = new Fx.Tween (el, {'link' : 'chain'}).start('opacity', 0) ;
		myFx2 = new Fx.Tween (el_suivant, {'link' : 'chain'}).start('opacity', 1) ;
		$$('#carrousel li a').each(function(item)
		{
			item.removeClass('btn_on') ;
		}) ;
	}
	
	if ($('carrousel'))
	{
		var carrousel = $('carrousel') ;		
		var items = $$("#carrousel > .item") ;
		var first_item = items[0] ;
		var last_item = items.getLast('.item') ;
		var liste_controle = new Element('ul', {'id' : 'controle'}) ;
		var compteur = 1 ;
		
		first_item.store('first', 1) ;
		last_item.store('last', 1) ;

		items.each(function(item)
		{
			item.set('id', 'item_' + compteur) ;
			item.setStyle('opacity', 0) ;
			

			var li = new Element('li') ;
			
			var a = new Element('a', {
				'id': 'btn_item_' + compteur,
				'href': "#",
				//'html': compteur,
				'events': {
					'click': function(e){	
						e = new Event(e).stop() ;
						
						var compteur2 = 0 ;	
						items.each(function(it)
						{				
							if (it.getStyle('opacity') == 1)
							{	
								it_select = items[compteur2] ;
								btn_select = compteur2 ;
							}
							compteur2++ ;
						}) ;
						
						changeSlide(it_select, item) ;
	
						this.addClass('btn_on') ;
					}
				}
			}); 
			
			if (compteur == 1) a.addClass('btn_on') ;
			
			a.inject(li);
			li.inject(liste_controle) ;
			
			compteur++ ;
		}) ;
		
		first_item.setStyle('opacity', 1) ;
		
		liste_controle.inject(carrousel) ;

		
		

		// Autoslide
		(function() {
			var compteur2 = 0 ;			
			items.each(function(item)
			{				
				if (item.getStyle('opacity') == 1)
				{	
					item_select = items[compteur2] ;
					item_select_suivant = items[compteur2 + 1] ;
					page_actuelle = compteur2 + 2 ;
				}
				compteur2++ ;
			}) ;
			
			if (item_select.retrieve('last') != 1)
			{
				changeSlide(item_select, item_select_suivant) ;
				$('btn_item_' + page_actuelle).addClass('btn_on') ;
			}
			else 
			{
				changeSlide(last_item, first_item) ;
				$('btn_item_1').addClass('btn_on') ;
			}
		}).periodical(5000) ;		
	}	
}) ;
