// getStyle : retourne la valeur d'une propriete CSS appliquee à un element
function getStyle(oElm, strCssRule){
var strValue = "";
if(document.defaultView && document.defaultView.getComputedStyle) {
try{ strValue = document.defaultView.getComputedStyle(oElm, "" ).getPropertyValue(strCssRule); }
catch(e) { strValue = ""; }
 }
else if(oElm.currentStyle) {
try{
strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
return p1.toUpperCase();
});
strValue = oElm.currentStyle[strCssRule];
} catch(e) {
strValue = "";
}
 }
return strValue;
}


var init=0;
var x=10;
var move_delay=0;
var arrivee=0;

function move(){
	var element=document.getElementById('hilite');
	var depart = getStyle(element,"margin-left" ) ;

	 if(parseInt(arrivee) < parseInt(depart)){  
		element.style.margin= "104px 0 0 " +(parseInt(depart)-x)+"px";  
		setTimeout("move()",  move_delay);
		
	 }
	else if(parseInt(arrivee) > parseInt(depart)){
			element.style.margin= "104px 0 0 " +(parseInt(depart)+x)+"px";  
		setTimeout("move()",  move_delay);
	}
}

function startMoving(val,large,url){
	init=1;
document.getElementById('lien_btn').href = url;
document.getElementById('hilite').style.filter="alpha(opacity=40)";
document.getElementById('hilite').style.opacity="0.4";
document.getElementById('hilite').style.width=(large+15)+"px";

arrivee=val;
move();
}


function init_move(){
init=0;
disparait();
}

function disparait(){
var element=document.getElementById('hilite');
var filtre = getStyle(element,"filter" ) ;
filtre=parseInt(filtre.substring(14));
var opacite = getStyle(element,"opacity" ) ;
opacite=parseFloat(opacite);

element.style.filter="alpha(opacity=" +(filtre-10)+ ")";
element.style.opacity=opacite-0.1;


if(filtre>0 || opacite>0){setTimeout("disparait()",100);}
 else{ 
 	element.style.margin= "104px 0 0 840px";
   element.style.width= "10px";
	}

}



//function init_move(val){
//startMoving(840,1)
//document.getElementById('hilite').style.filter="alpha(opacity=0)";
//document.getElementById('hilite').style.opacity="0";
//}


function mousePosition(e){
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY){
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY){
posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
if((posy<106 || posy>140) && init==1) { init=0; init_move(); }



}