/**
 * @author florent.martin
 */
Event.observe(window, 'load', chargementPage);

var activeImage = 0;

function chargementPage(){
	diapoInit();
	preload(PLImages, 'changeImage', true);
	$('divLabel').style.display = 'inline';
	clickedElem = actMenu;
	dispMenu(actMenu);
}


function diapoInit() {
	var domImg = document.createElement('img');
	domImg.id = 'diapoSlide';
	domImg.style.verticalAlign = 'middle';

	$('divDetail2').appendChild(domImg);
	domImg = $(domImg);
	domImg.setOpacity(0);
	if (PLImages.length < 2) return;
	$('prevImg').style.visibility = 'visible';
	$('nextImg').style.visibility = 'visible';
	$('divDetail2').appendChild(Builder.node('div',{id:'hoverNav'}, [Builder.node('div',{id:'prevLink'}),Builder.node('div',{id:'nextLink'})]));
	$('prevLink').observe('click', (function(event) { event.stop(); changeImage(activeImage - 1); }).bindAsEventListener(this));
	$('nextLink').observe('click', (function(event) { event.stop(); changeImage(activeImage + 1); }).bindAsEventListener(this));
	$('prevImg').observe('click', (function(event) { event.stop(); changeImage(activeImage - 1); }).bindAsEventListener(this));
	$('nextImg').observe('click', (function(event) { event.stop(); changeImage(activeImage + 1); }).bindAsEventListener(this));
	document.observe('keydown', (function(event) { 
		var keycode = event.keyCode;
		if (keycode == 37) {changeImage(activeImage - 1);} //Previous
		else if (keycode == 39) {changeImage(activeImage + 1);} // Next
	}));
}
var actSliding = false;
function changeImage(imageNum) {
	if (PLImages.length == 0) return;
	if (actSliding == true) return;
	//$('tdTitreImage').focus();
	if (imageNum === undefined) imageNum = activeImage;
	if (imageNum >= PLImages.length) imageNum = 0;
	if (imageNum < 0) imageNum = PLImages.length - 1;
	activeImage = imageNum;
	domImg = $('diapoSlide');
	var duree = 0.7;
	actSliding = true;
	if ($('hoverNav')) {
		$('hoverNav').style.cursor = 'default';
		$('hoverNav').hide();
	}
	if (domImg.src) {
		new Effect.Opacity('tdTitreImage', {
			duration: duree,
			from: 1,
			to: 0,
			afterFinish: (function(){
				$('tdTitreImage').innerHTML = listTitreImage[activeImage];
				new Effect.Opacity('tdTitreImage', {
					duration: duree,
					from: 0,
					to: 1
				});
			})
		});
		new Effect.Opacity(domImg.id, {
			duration: duree,
			from: 1,
			to: 0,
			afterFinish: (function(){
				
				
				var imgPreloader = new Image();
				imgPreloader.onload = (function(){
					domImg.src = PLImages[activeImage];
					new Effect.Opacity(domImg.id, {
						duration: duree,
						from: 0,
						to: 1,
						afterFinish: (function(){actSliding = false; $('hoverNav').show(); $('hoverNav').style.cursor = 'pointer';})
					});
				});
				imgPreloader.src = PLImages[activeImage];
				
				
				
			})
		});
	} else {
		domImg.src = PLImages[activeImage];
		$('tdTitreImage').innerHTML = listTitreImage[activeImage];
		new Effect.Opacity('tdTitreImage', {duration: duree, from: 0, to: 1 });
		new Effect.Opacity(domImg.id, { duration: duree, from: 0, to: 1, afterFinish: (function(){actSliding = false; $('hoverNav').show(); $('hoverNav').style.cursor = 'pointer';}) });
	}
}