var aPresentation = [];
var intPresentationPos = 0;
var bPresentationStart = false;
var bPresentationPos = 0;
var intPresentationSpeed = 4400;
var bStopPresentation = false;
var objTime1;
var objTime2;
var objTime3;
var objTime4;
var objTime5;

function preloadPresentation() {
//		imgPreloader(aPresentation, 'startPresentation');
//		window.onload = startPresentation();
}


var ip = null;
var animationStart = false;
function onComplete(aImages, nImages) {
	startPresentation();
}

Event.observe(window, 'load',
      function() { ip = new ImagePreloader(aPresentation, onComplete) }
);

function startPresentation() {
	animationStart = true;
	if (bStopPresentation) {
		return;
	}
	var elementPresentation = document.getElementById('presentation');
	if (undefined == elementPresentation.getElementsByTagName('div')[1]) {

		setTimeout("document.getElementById('page_loading').style.visibility = 'hidden';", 6500);

		var elementPresentationDiv0 = elementPresentation.getElementsByTagName('div')[0];
		elementPresentationDiv0.setAttribute('id', 'pres0');
		var elementPresentationDiv1 = document.createElement('div');
		elementPresentationDiv1.setAttribute('id', 'pres1');
		elementPresentationDiv1.style.display = 'none';
		elementPresentation.appendChild(elementPresentationDiv1);

		var newImage = new Image(); 
		newImage.src = aPresentation[1]; // Get the second image in the array
		var elementPresentationImage1 = document.createElement('img');
		elementPresentationImage1.src = newImage.src;
		elementPresentationDiv1.appendChild(elementPresentationImage1);

		objTime1 = setTimeout('setOverButton(1);', 9000);

	}

	if (bPresentationStart == true) {
		Effect.Fade('pres' + bPresentationPos, { duration: 1.9, mode: "absolute",transition: Effect.Transitions.sinoidal});
		objTime2 = setTimeout('updatePresentationImage(' + bPresentationPos + ')', (2100 + intPresentationSpeed));
		if (bPresentationPos != 1) {
			bPresentationPos = 1;
		}
		else {
			bPresentationPos = 0;
		}
		objTime3 = setTimeout('Effect.Appear(\'pres' + bPresentationPos + '\', { duration: 0.7, mode: \'absolute\', transition: Effect.Transitions.sinoidal})', 1000);
	}

	objTime4 = setTimeout('startPresentation();', (3400 + intPresentationSpeed));
	bPresentationStart = true;
}

function updatePresentationImage(bPresentationPos) {
	var elementDiv = document.getElementById('pres' + bPresentationPos);
	var elementDivImage = elementDiv.getElementsByTagName('img')[0];
	var newImage = new Image();
	var nextImage = intPresentationPos + 2;

	if (nextImage > (aPresentation.length)) {
		nextImage = 1;
	}
	else if (nextImage > (aPresentation.length - 1)) {
		nextImage = 0;
	}

	newImage.src = aPresentation[nextImage];

	objTime5 = setTimeout('setOverButton('+nextImage+');', 2600);

	elementDivImage.src = newImage.src;
	if ((intPresentationPos + 1) >= aPresentation.length) {
		intPresentationPos = 0;
	}
	else {
		intPresentationPos++;
	}
}

function setOverButton(nextImage, bReplaceImage) {
	var elementButtonTmp = document.getElementById('must_see_pagination');
	var elementsButton = elementButtonTmp.getElementsByTagName('li');
	for (x in elementsButton) {
		try {
			elementsButton[x].getElementsByTagName('a')[0].className = 'btout';			
		}
		catch (err)
		{
		}
	}
	if (bReplaceImage != undefined && bReplaceImage == true) {

		var newImage = new Image();
		var elementDiv = document.getElementById('pres' + bPresentationPos);
		var elementDivImage = elementDiv.getElementsByTagName('img')[0];
		newImage.src = aPresentation[nextImage];
		elementDivImage.src = newImage.src;
	}


	document.getElementById('bt' + aPresentationKey[nextImage]).className = 'btover';
	activeButton = 'bt' + aPresentationKey[nextImage];
	document.getElementById('content_title').innerHTML = aDatasAttrait[aPresentationKey[nextImage]]['nom'];
	document.getElementById('attrait_description').innerHTML = aDatasAttrait[aPresentationKey[nextImage]]['description'];
}