var showDuration = 5000; 
var content = null; 
var imagesSlides = null; 
var infosSlides = null; 
var infosDetailsSlides = null;
var flecheLeft = null;
var flecheRight = null;
var currentIndex = 0;
var interval;
var imgs = new Array();
var imgActive = 'current';
var infs = new Array();
var infDets = new Array();
var infActive = 'current';
var i=0;
	
window.addEvent("domready", function() {
	
	content = $("content_ambiance");
	imagesSlides = $$('.big_image');
	infosSlides = $$('li.puce_style');
	infosDetailsSlides = $$('div.infos_ambiance');
	flecheLeft = $("ambiance_fleche_left");
	flecheRight = $("ambiance_fleche_right");
	
	i=0;
	imagesSlides.each(function(item, index){ 
		if (i>0) {
			item.set('opacity', '0');
		}
		imgs.push(item);
		i++;
	});
	i=0;
	infosSlides.each(function(item, index){
		if (i>0) {
			item.removeClass(infActive);			
		}
		infs.push(item);
		i++;		
	});
	i=0;
	infosDetailsSlides.each(function(item, index){
		if (i>0) {
			item.setStyle('display', 'none');			
		}
		infDets.push(item);
		i++;		
	});
	flecheLeft.setStyle("display", "none");

	flecheRight.addEvent("click", function(e) {
		if(e) e.stop();
		stopSlideShow(); showSlides();
		startSlideShow();
	});
	
	flecheLeft.addEvent("click", function(e) {
		if(e) e.stop();
		stopSlideShow(); showSlides(currentIndex != 0 ? currentIndex -1 : imagesSlides.length-1);
		startSlideShow();
	});	
	
	infosSlides.each(function(item, index){
						
		item.addEvent("mouseover", function() {
			stopSlideShow();
			currentIndex = index;
			flecheLeft.setStyle("display", "block");
			flecheRight.setStyle("display", "block");
			if (currentIndex == 0)
				flecheLeft.setStyle("display", "none");
			if (currentIndex == imagesSlides.length-1)
				flecheRight.setStyle("display", "none");
			imagesSlides.each(function(img, i){ 
				if (i != currentIndex)
					img.set('opacity', '0');
				else
					img.set('opacity', '1');
			});
			infosSlides.each(function(inf, j){
				if (j != currentIndex)
					inf.removeClass(infActive);			
				else
					inf.addClass(infActive);	
			});
			infosDetailsSlides.each(function(infDet, k){
				if (k != currentIndex)
					infDet.setStyle('display', 'none');			
				else
					infDet.setStyle('display', 'block');			
			});
		});
		
		item.addEvent("mouseout", function() {
			stopSlideShow();
			startSlideShow();
		});
		
	});
	
	startSlideShow();
});

function startSlideShow() { interval = showSlides.periodical(showDuration); };
function stopSlideShow() { $clear(interval); };

function showSlides(to) {		
	flecheLeft.setStyle("display", "block");
	flecheRight.setStyle("display", "block");		
	var myFx = new Fx.Tween(imagesSlides[currentIndex], {duration: 'long'});
	myFx.start('opacity', '1', '0');
	imgs[currentIndex].removeClass(imgActive);
	infs[currentIndex].removeClass(infActive);
	infDets[currentIndex].setStyle("display", "none");
	currentIndex = ($defined(to) ? to : (currentIndex < imagesSlides.length - 1 ? currentIndex+1 : 0));
	var myFx2 = new Fx.Tween(imagesSlides[currentIndex], {duration: 'long'});
	myFx2.start('opacity', '0', '1');		
	imgs[currentIndex].addClass(imgActive);
	infs[currentIndex].addClass(infActive);
	infDets[currentIndex].setStyle("display", "block");
	if (currentIndex == 0)
		flecheLeft.setStyle("display", "none");
	if (currentIndex == imagesSlides.length-1)
		flecheRight.setStyle("display", "none");
};