function createXmlHttp() {
	
	var to_return;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		to_return = new XMLHttpRequest();
		if (to_return.overrideMimeType) {
			to_return.overrideMimeType('text/xml');
		}
	} else if (window.ActiveXObject) { // IE
		try {
			to_return = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				to_return = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	return to_return;
}

var xmlHttpObject2 = createXmlHttp();

function initAnimation() {
	
  	if(xmlHttpObject2 && xmlHttpObject2.readyState != 0){
   		xmlHttpObject2.abort();
 	}
 	var URI = 'animation.inc.jsp';
  	xmlHttpObject2.open("GET", URI, true);
  	xmlHttpObject2.onreadystatechange = updateAnimation;
  	xmlHttpObject2.send('force_refresh=true');
}
function updateAnimation() {
	if (xmlHttpObject2.readyState == 4 && xmlHttpObject2.status == 200) {
    	result = xmlHttpObject2.responseText;
    	document.getElementById('multiHotContainer').innerHTML = result;
	}
}

var timeoutTimer = 1;

var timerDelay = 25;
var stepLeft = 51;
var stepCoefficient = 0.675;
var slowLeftDifference = 3 * stepLeft;


var blocWidth = 787;

var minLeft = -4*blocWidth;

var currentLeft = 0;
var currentStepLeft = 1;
var currentDirection = 1;
var finalLeft = 0;

var direction = 1;
var mustRewind = false;

var graphicalElementId = 'multiHotContainer';

function moveToBloc(finalPosition) {
	

	document.getElementById('multiHotMenu' + finalPosition).className = 'activ';
	for (i=1; i<=4; i++) {
//if(finalPosition==4)
//{alert(i);}

		if (i != finalPosition) {
			document.getElementById('multiHotMenu' + i).className = '';
		}
	}
	finalLeft = -(finalPosition-1) * blocWidth;
	if (finalLeft != currentLeft) {
		lastDirection = direction;
		if (finalLeft > currentLeft) {
			direction = -1;
		} else {
			direction = 1;
		}
		if (timeoutTimer == 1) {
			moveDelay();
		} else {
			if (currentStepLeft != stepLeft) {
				if (lastDirection != direction) {
					mustRewind = true;
				}
			}
		}
	}
}

function moveDelay() {
	var changeStepLeft = false;
	if (mustRewind) {
		mustRewind = false;
	} else {
		if (Math.abs(currentLeft - finalLeft) < slowLeftDifference) {
			currentStepLeft = currentStepLeft * stepCoefficient;
			changeStepLeft = true;
			currentStepLeft = Math.max(currentStepLeft, 1);
		}
		if ((Math.abs(currentLeft - finalLeft) > slowLeftDifference) && currentStepLeft < stepLeft) {
			currentStepLeft = currentStepLeft * (1/stepCoefficient);
			changeStepLeft = true;
			currentStepLeft = Math.min(currentStepLeft, stepLeft);
		}
	}
	
	
	currentLeft -= direction * currentStepLeft;
	
	if (currentLeft > finalLeft && direction == -1 || currentLeft < finalLeft && direction == 1) { 
		currentLeft = finalLeft;
	}
	currentLeft = Math.round(currentLeft);
	document.getElementById(graphicalElementId).style.left = currentLeft + 'px';
	if (currentLeft != finalLeft) {
		window.clearTimeout(timeoutTimer);
		timeoutTimer = window.setTimeout(moveDelay, timerDelay);
	} else {
		window.clearTimeout(timeoutTimer);
		timeoutTimer = 1;
	}
}
/*
function showIt(imgsrc,imgid)
{


document.getElementById(imgid).src=imgsrc;
document.getElementById(imgid).style.display='block';
}
function hideIt(imgId)
{
document.getElementById(imgId).style.display='none';
}
*/
/**
 * permet de recupere la variable dans l'url
 * @param nomVariable
 * @return
 */
 function getVar (nomVariable)
 {
	 var infos = location.href.substring(location.href.indexOf("?")+1, location.href.length)+"&"
	 if (infos.indexOf("#")!=-1)
		 infos = infos.substring(0,infos.indexOf("#"))+"&"
		 var variable=0
		 {
		 nomVariable = nomVariable + "="
		 var taille = nomVariable.length
		 if (infos.indexOf(nomVariable)!=-1)
			 variable = infos.substring(infos.indexOf(nomVariable)+taille,infos.length).substring(0,infos.substring(infos.indexOf(nomVariable)+taille,infos.length).indexOf("&"))
		 }
	 return variable
 	}


/**
 * permet de definir le bloc initial de l'animation 
 */
function setBloc(){
	var param = getVar('offre');
	if(param == 'solo')
		{moveToBloc(1);}
	else
	    { if (param == 'trio')
	    	{
	    	moveToBloc(3);
	    	}
	     else
	        {
	    	 if (param == 'quatro')
	    		 moveToBloc(4);
	    	 else 
	    		 moveToBloc(2);
	        }
	    }
		

}
function MM_swapImgRestore() { //v3.0
	  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
	}
	function MM_preloadImages() { //v3.0
	  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
	}

	function MM_findObj(n, d) { //v4.01
	  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	  if(!x && d.getElementById) x=d.getElementById(n); return x;
	}

	function MM_swapImage() { //v3.0
	  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
	}