var haLinkArray = ['/accessoires/accessoryDetails.do?workAccessoryId=1677', '/accessoires/accessoryDetails.do?workAccessoryId=2697', '/accessoires/accessoryDetails.do?workAccessoryId=2283', '/accessoires/accessoryDetails.do?workAccessoryId=2463'];
var haAltArray = ['Motorola Bluetooth H350', 'Sandisk Micro SD Transflash 8Go + lecteur', 'Sony Ericsson HBH-PV702 Noir', 'Samsung Bluetooth WEP300 silver']

var haImageUrlArray = ['/products-inc/images/accessoires/haHot1.gif', '/products-inc/images/accessoires/haHot2.gif', '/products-inc/images/accessoires/haHot3.gif', '/products-inc/images/accessoires/haHot4.gif'];

var haImageArray = new Array();
var haImageId = 'haImage';
var haLinkId = 'haLink';
var haDivId = 'haDiv';
var haActivClassName = 'haActiv';
var haCurrentIndex = 1;

var delayIndex;

var haNextLink;
var haNextImageIndex;

var displayHaImageTimer;
var hideHaImageTimer;
var displayHaImageDelayTimer;

var displayHaImageDelay = 200;
var alphaStep = 5;
var alphaDisplayDelay = 1;

function loadAnimationImages() {
	for (var i = 0 ; i < haLinkArray.length ; i++) {
		haImageArray[i] = document.createElement("img");
		haImageArray[i].src = haImageUrlArray[i];
		haImageArray[i].alt = haAltArray[i];
		haImageArray[i].id = haImageId;
	}
	TournePave();
}

function delayChangeAnimationImage(index) {
	if (index != haCurrentIndex) {
		window.clearTimeout(displayHaImageDelayTimer);
		delayIndex = index;
		displayHaImageDelayTimer = window.setTimeout('changeAnimationImage()', displayHaImageDelay);
	}

	stopTournePave();
	numpave = index;
}

function cancelDelayChangeAnimationImage() {
	window.clearTimeout(displayHaImageDelayTimer);

	startTournePave();
}

function forceChangeAnimationImage(index) {
	window.clearTimeout(displayHaImageDelayTimer);
	if (index != haCurrentIndex) {
		haNextLink = haLinkArray[index - 1];
		haNextImageIndex = index - 1;
		haNextAlt = haAltArray[index - 1];
		window.clearTimeout(displayHaImageDelayTimer);
		changeAnimationImage();
	}
}

function changeAnimationImage() {
	if (delayIndex != haCurrentIndex) {
		for (var i = 1 ; i <= haImageUrlArray.length ; i++) {
			var className = '';
			if (i == delayIndex) {
				className = haActivClassName;
			}
			document.getElementById('ha'+i).className = className;
		}

		haNextLink = haLinkArray[delayIndex - 1];
		haNextImageIndex = delayIndex - 1;
		haNextAlt = haAltArray[delayIndex - 1];

		window.clearTimeout(displayHaImageTimer);
		window.clearTimeout(hideHaImageTimer);

		hideAnimation();
		haCurrentIndex = delayIndex;
	}
}

function setAlphaFilter(element, base100Value) {
	if (element.filters) {
		element.filters.alpha.opacity = base100Value;
	} else {
		element.style.setProperty('-moz-opacity', base100Value/100, '');
	}
}

function getCurrentBase100AlphaFilter(element) {
	if (element.filters) {
		return element.filters.alpha.opacity;
	} else {
		return element.style.getPropertyValue('-moz-opacity') * 100;
	}
}

function displayAnimation() {
	alphaBase100 = getCurrentBase100AlphaFilter(document.getElementById(haDivId));
	if (alphaBase100 >= 100) {
	} else {
		alphaBase100 = alphaBase100 + alphaStep;
		setAlphaFilter(document.getElementById(haDivId), alphaBase100);
		displayHaImageTimer = window.setTimeout('displayAnimation()', alphaDisplayDelay);
	}
}

function hideAnimation() {
	alphaBase100 = getCurrentBase100AlphaFilter(document.getElementById(haDivId));
	if (alphaBase100 > 0) {
		alphaBase100 = alphaBase100 - alphaStep;
		setAlphaFilter(document.getElementById(haDivId), alphaBase100);
		displayHaImageTimer = window.setTimeout('hideAnimation()', alphaDisplayDelay);

	} else {
		document.getElementById(haLinkId).href = haNextLink;
		document.getElementById(haLinkId).title = haNextAlt;
		document.getElementById(haLinkId).replaceChild(haImageArray[haNextImageIndex], document.getElementById(haLinkId).firstChild);
		displayAnimation();
	}

}

var numpave = 0;
var paveTourneDelay = 5000;
var paveTourneDelayTimer ;
function TournePave()
{
	if(numpave == (haImageUrlArray.length)){
     numpave = 1;
  }
  else{
     numpave++;
  }
  delayIndex = numpave ;
  forceChangeAnimationImage(delayIndex);
  paveTourneDelayTimer = setTimeout("TournePave()",paveTourneDelay);
}

function stopTournePave() {
   	clearTimeout(paveTourneDelayTimer);
}

function startTournePave() {
   	paveTourneDelayTimer = setTimeout('TournePave()', paveTourneDelay);
}