//Diaporama
var diapoTimer=0;

//Initialisation Diaporama
function initDiapo(){
	
	$('diapo_bt1').setStyle('opacity', 0.5);
	$('diapo_bt2').setStyle('opacity', 0.5);
	vObj = $('diapo_nav');
	
	vIndexDiapo = 0;
	
	if(vListImg!=null && vListImg.length>0){
		
		//Image
		vEl_Img = new Element('img');
		vEl_Img.setProperties({
				src: vListImg[0],
				alt: '',
				id: 'diapo_media_src'
			});
		$('diapo_media').setStyle('opacity', 0);
		vEl_Img.injectInside('diapo_media');
		new Fx.Style('diapo_media', 'opacity', {duration:600}).start(0,1); 
		
		//Boucle sur les images
		for(var i=0;i<vListImg.length;i++){
			//Creation LI
			vClass = (i==0)?'first on':'';
			vEl_Li = new Element('li');
			vEl_Li.addClass(vClass);
			vEl_Li	.index = i;
			vEl_Li.set({
				'events': {
					'click': function(){
						initTimer();
						changeDiapo(this.index);
						return false;
					}
				},
				id: 'diapo_num'+i
			});
			//Creation A
			vEl_A = new Element('a');
			vEl_A.set({
				'href': '#',
				'onclick': 'return false;'
			});
			vEl_A.setHTML(i+1);
			vEl_A.injectInside(vEl_Li);
			vEl_Li.injectInside(vObj);
		}
		
		//Bt Prev
		$('diapo_bt1').set({
			'events': {
				'click': function(){
					initTimer();
					changeDiapo(vIndexDiapo-1);
					return false;
				}
			}
		});
		//Bt Prev
		$('diapo_bt2').set({
			'events': {
				'click': function(){
					initTimer();
					changeDiapo(vIndexDiapo+1);
					return false;
				}
			}
		});
		
		//Changement automatique
		initTimer();
	}
}

//Changement de l'image et du prix
function changeDiapo(vNum){
	vNum = (vNum<0)?vListImg.length-1:vNum;
	vNum = (vNum>=vListImg.length)?0:vNum;
	$('diapo_num'+vIndexDiapo).removeClass('on');
	vIndexDiapo = vNum;
	vImage = vListImg[vNum];
	$('diapo_num'+vNum).toggleClass('on');
	$('diapo_media').setStyle('opacity', 0);
	$('diapo_media_src').src = vImage;
	new Fx.Style('diapo_media', 'opacity', {duration:800}).start(0,1); 
}

//Initialisation du timer
function initTimer(){
	clearTimeout(diapoTimer);
	diapoTimer = setTimeout('changeDiapoAuto();', 4000);
}

//Changement auto du diapo
function changeDiapoAuto(){
	changeDiapo(vIndexDiapo+1);
	initTimer();
}