function invi(divID,flag,num){
	var y= document.getElementById("tm"+num);	
	if (document.getElementById(divID)) {
	var x=document.getElementById(divID);
	x.style.visibility=(flag)?'hidden':'visible';
	}	
	return true;		
}


var retd;
var old_ss;
old_ss = 0;
var bt;
var typ;
function navh(i,num){invi(i,1,num);}
function navs(i,num){invi(i,0,num);}
function dsacby(){retd=setTimeout("hm()",400);}
function rd(){clearTimeout(retd);}
function hm() {for(i=1;i<5;i++) { navh("men"+i,i);}}

function start_navigation(){
	var a=document.getElementById("men0");
	a.onmouseover=new Function("rd()");
	a.onmouseout=new Function("dsacby();");
	for(var i=1;i<5;i++) {	
	leleft = getLeft(document.getElementById("tm"+i));	
	document.getElementById("men"+i).style.left = leleft+"px";		
	document.getElementById("tm"+i).onmouseover=new Function("hm();navs('men"+i+"','"+i+"')");		
	scroller(i);
	}

}

function getLeft(MyObject)  {
    if (MyObject.offsetParent)
        return (MyObject.offsetLeft);
    else
        return (MyObject.offsetLeft );
}

function scroller(lay) {
	//alert (document.getElementById("scroll"+lay).offsetHeight);
	if (document.getElementById("scroll"+lay).offsetHeight > 350) {	
	document.getElementById("grand_scroll_"+lay).style.height="350px";
	document.getElementById("grand_scroll_"+lay).style.overflow="hidden";
	document.getElementById("bt_"+lay+"_top").onmouseover = function() {scrollTop(true,"scroll"+lay);petite_fleche("bt_up_img"+lay,"top");};
	document.getElementById("bt_"+lay+"_top").onmouseout = function() {scrollTop(false,"scroll"+lay);grande_fleche("bt_up_img"+lay,"top");clearTimeout(timeout);};
	document.getElementById("bt_"+lay+"_bottom").onmouseover = function() {scrollBottom(true,"scroll"+lay);petite_fleche("bt_down_img"+lay,"bottom");};
	document.getElementById("bt_"+lay+"_bottom").onmouseout = function() {scrollBottom(false,"scroll"+lay);grande_fleche("bt_down_img"+lay,"bottom"); clearTimeout(timeout);};
	document.getElementById("bt_"+lay+"_top").onmousedown = function() {scrollTop_acc(true,"scroll"+lay);};
	document.getElementById("bt_"+lay+"_bottom").onmousedown = function() {scrollBottom_acc(true,"scroll"+lay);};
	document.getElementById("bt_"+lay+"_top").onmouseup = function() {scrollTop_acc(false,"scroll"+lay);clearTimeout(timeout);};
	document.getElementById("bt_"+lay+"_bottom").onmouseup = function() {scrollBottom_acc(false,"scroll"+lay);clearTimeout(timeout);};	
	
	// affectation et récupération de la valeur de marge du contenu, ça va nous servir à faire le scrolling
	document.getElementById("scroll"+lay).style.marginTop = "0px";
	document.getElementById("scroll"+lay).style.marginBottom = "0px";
	margin = document.getElementById("scroll"+lay).style.marginTop;		
	
	//document.getElementById("bt_up_img"+lay).innerHtml ='<img src="img_com/fleche_top.gif" id="bt_up_img'+lay+'" width="17" height="10" alt="">';
	document.getElementById("bt_"+lay+"_top").style.cursor ="pointer";
	document.getElementById("bt_"+lay+"_top").innerHtml ='<img src="http://rsc.24h00.fr/sacby/img_menu/fleche_top.gif" id="bt_up_img'+lay+'" width="17" height="10" alt="">';
	//document.getElementById("bt_down_img"+lay).innerHtml ='<img src="img_com/fleche_bottom.gif" id="bt_bottom_img'+lay+'" width="17" height="10" alt="">';
	document.getElementById("bt_"+lay+"_bottom").innerHtml ='<img src="http://rsc.24h00.fr/sacby/img_menu/fleche_bottom.gif" id="bt_down_img'+lay+'" width="17" height="10" alt="">';
	document.getElementById("bt_"+lay+"_bottom").style.cursor ="pointer";		
	}else {
	//document.getElementById("bt_"+lay+"_top").innerHTML ='<img src="http://24h00.preprod.customers.artful.net/vente/sacby/img_menu/vide.gif" width="1" height="1" alt="">';
	document.getElementById("bt_"+lay+"_top").style.display ="none";
	document.getElementById("bt_"+lay+"_top").style.cursor ="default";
	//document.getElementById("bt_"+lay+"_bottom").innerHTML ='<img src="http://24h00.preprod.customers.artful.net/vente/sacby/img_menu/vide.gif" width="1" height="1" alt="">';
	document.getElementById("bt_"+lay+"_bottom").style.display ="none";
	document.getElementById("bt_"+lay+"_top").style.margin ="0px";
	document.getElementById("bt_"+lay+"_bottom").style.margin ="0px";
	document.getElementById("bt_"+lay+"_bottom").style.cursor ="default";
	}
		
}

var margin, timeout,lapage;
var scrolling=new Array;
scrolling["scroll1"] = 0;
scrolling["scroll2"] = 0;
scrolling["scroll3"] = 0;
scrolling["scroll4"] = 0;
scrolling["scroll5"] = 0;
lataille = 350;


function scrollTop(longScroll,layer_liste) {
	if(scrolling[layer_liste] > 0) {
	scrolling[layer_liste] = scrolling[layer_liste]-3;
		document.getElementById(layer_liste).style.marginTop = "-"+(scrolling[layer_liste])+"px";		
	}
	else {
		return;
	}
	
	if(longScroll == true) {
		timeout = eval ('setTimeout("scrollTop(true,\''+layer_liste+'\')", 1);');		
	}
	
}

function scrollTop_acc(longScroll,layer_liste) {
	if(scrolling[layer_liste] > 0) {
	scrolling[layer_liste] = scrolling[layer_liste]-6;
	document.getElementById(layer_liste).style.marginTop = "-"+(scrolling[layer_liste]--)+"px";
	}
	else {
	return;
	}	
	if(longScroll == true) {
	timeout = eval ('setTimeout("scrollTop_acc(true,\''+layer_liste+'\')", 1);');
	}		
}


// function scrollBottom, pour scroller vers le haut
function scrollBottom(longScroll,layer_liste) {
	if( document.getElementById(layer_liste).offsetHeight > scrolling[layer_liste]+lataille) {
	scrolling[layer_liste] = scrolling[layer_liste]+3;
		document.getElementById(layer_liste).style.marginTop = "-"+(scrolling[layer_liste])+"px";
	} else {
		return;
	}	
	if(longScroll == true) {
		timeout = eval ('setTimeout("scrollBottom(true,\''+layer_liste+'\')", 1);');
		}
}

// function scrollBottom, pour scroller vers le haut
function scrollBottom_acc(longScroll,layer_liste) {
	if(scrolling[layer_liste]+lataille < document.getElementById(layer_liste).offsetHeight && document.getElementById(layer_liste).offsetHeight > lataille) {
	scrolling[layer_liste] = scrolling[layer_liste]+6;
	document.getElementById(layer_liste).style.marginTop = "-"+(scrolling[layer_liste]++)+"px";
	}
	else {
		return;
	}	
	if(longScroll == true) {
		timeout = eval ('setTimeout("scrollBottom_acc(true,\''+layer_liste+'\')", 1);');
	}
}

function grande_fleche(bt,typ){
document.getElementById(bt).src ="http://rsc.24h00.fr/sacby/img_menu/fleche_"+typ+".gif";
}

function petite_fleche(bt,typ){
document.getElementById(bt).src ="http://rsc.24h00.fr/sacby/img_menu/fleche_"+typ+"_on.gif";
}