var ContentBoxName='conteneur';    // La boite d'affichage qui permet le scroll
var ContentName='corps';        // La boite qui contient le contenu

var elemResume;
var count=10;
var delay = 40;
var temp_intervaleOpacity;//global vars
var temp_intervaleDefilement;
var incGlobal;
var ThumbWidth = 152;

var memOldElem = 0;

function rollResume(s,id,idproduit) {
	var attr;
	if(memOldElem!=0 && memOldElem!=id)
		rollResume(0,memOldElem);
	elemResume = new getObj("resume"+id);
	var elemThumb = new getObj("thumb"+id);

	/*if(idproduit!=""){
		var elemLink = new getObj("linkMore");
		elemLink.obj.setAttribute("href","product_info.php?product_id="+idproduit);
		elemLink.style.visibility = "visible";
	}*/
	
	count=10;	
	
	elemResume.style.opacity = (count / 100);
	elemResume.style.MozOpacity = (count / 100);
	elemResume.style.KhtmlOpacity = (count / 100);
	elemResume.style.filter = "alpha(opacity=" + count + ")";

	if(s==1){
		elemResume.style.visibility = "visible";
		elemThumb.style.border = "1px solid #af9acf";
		degrad();
	}else {
		elemResume.style.visibility = "hidden";
		elemThumb.style.border = "1px solid white";
		clearTimeout(temp_intervaleOpacity);
		//elemLink.style.visibility = "hidden";
	}
	memOldElem = id;
} 

function degrad() {
    if (count<100) { 
		var attr;
		count+=10;
		if(count>100){
			count=100;
		}		
		elemResume.style.opacity = (count / 100);
		elemResume.style.MozOpacity = (count / 100);
		elemResume.style.KhtmlOpacity = (count / 100);
		elemResume.style.filter = "alpha(opacity=" + count + ")";

		temp_intervaleOpacity=setTimeout("degrad()",delay);
    }else {
		clearTimeout(temp_intervaleOpacity);
    }		
} 

// Moves the layer with timer
var inFct
function moveTo(move){
			
	var inc = 19 * move;
	var ContentBoxLeft = getAbsoluteLeft(ContentBoxName);
	var oContenu =  new getObj(ContentName);
	if(Math.abs(incGlobal) >=ThumbWidth ){
		inFct = false;
		return false;	
	}
	oContenu.style.left = getAbsoluteLeft(ContentName)-ContentBoxLeft+inc;
	incGlobal+=inc;
	if(Math.abs(incGlobal) >=ThumbWidth ){
		clearTimeout(temp_intervaleDefilement);
		inFct = false;
		CheckArrowShow();
	}
	else{
		temp_intervaleDefilement=setTimeout("moveTo("+move+")",50);
	}
	return true;
}
// Chack l'affichage des fléche
function CheckArrowShow(){	
	//alert("CheckArrowShow");
	var ContentBoxLeft = getAbsoluteLeft(ContentBoxName);
	var ContentBoxWidth = getWidth(ContentBoxName);
	var ContenuLeft = getAbsoluteLeft(ContentName);
	var ContenuWidth = getWidth(ContentName);
	
	if((ContenuLeft+ContenuWidth) == (ContentBoxLeft+ContentBoxWidth)){
		var elemLeftArrow = new getObj("RightArrow");
		elemLeftArrow.style.visibility  = 'hidden';
	}
	if((ContenuLeft) == (ContentBoxLeft)){
		var elemLeftArrow = new getObj("LeftArrow");
		elemLeftArrow.style.visibility  = 'hidden';
	}
	//alert(ContenuLeft+","+ContentBoxLeft+","+ContenuWidth+","+ContentBoxWidth);
}
// Moves the layer right
function moveToRight(){
	
	//alert(obj);
	
	if(inFct==true)
		return false;
	
	var ContentBoxLeft = getAbsoluteLeft(ContentBoxName);
	var ContentBoxWidth = getWidth(ContentBoxName);
	var ContenuLeft = getAbsoluteLeft(ContentName);
	var ContenuWidth = getWidth(ContentName);
	
	if((ContenuLeft+ContenuWidth) <= (ContentBoxLeft+ContentBoxWidth)){
		return false;
	}
	var elemLeftArrow = new getObj("LeftArrow");
	elemLeftArrow.style.visibility  = 'visible';
	incGlobal=0;
	inFct = true;
	moveTo(-1);
	return true;
}
// Moves the layer left
function moveToLeft(obj){
	if(inFct==true)
		return false;
	
	var ContentBoxLeft = getAbsoluteLeft(ContentBoxName);
	var ContenuLeft = getAbsoluteLeft(ContentName);
	if((ContenuLeft) >= (ContentBoxLeft)){
		return false;
	}
	var elemLeftArrow = new getObj("RightArrow");
	elemLeftArrow.style.visibility  = 'visible';
	incGlobal=0;
	inFct = true;
	moveTo(1);
	return true;
}

function BuildScrollBox()
{
  var oContent;
  var oContenu;
  var oAnchor;
  var posLeft;
  var posTop; 
  var BoxBorder = 0;
  // Recupération des objets Conteneur, Contenu et Ancre
 
  oContent = document.getElementById( ContentBoxName );
  oContenu = document.getElementById( ContentName );
  // Mise en forme du conteneur
  oContent.style.position = "relative";
  oContent.style.width    = ThumbWidth*4 + 'px';
  oContent.style.overflow = "hidden";
  oContent.style.display  = "block";
  
  // Mise en forme du contenu 
  oContenu.style.position = "relative";
  oContenu.style.visibility  = 'visible';
  if (MS)
  	oContenu.style.display  = "block";
  else
  	oContenu.style.display  = "table";
  //oContenu.style.width    = ThumbWidth*5 + 'px';

	var elemLeftArrow = new getObj("LeftArrow");
	elemLeftArrow.style.visibility  = 'hidden';

	var ContentBoxWidth = getWidth(ContentBoxName);
	var ContenuWidth = getWidth(ContentName);
	if((ContenuWidth) <= (ContentBoxWidth)){
		var elemLeftArrow = new getObj("RightArrow");
		elemLeftArrow.style.visibility  = 'hidden';
	}
  return true;
}