function ScrollBar2(id_bouton_gauche_haut,id_barre_defilement,id_bouton_droite_bas,elementToMove,direction,decalage,nomObjet) {

	var bouton_gh = document.getElementById(id_bouton_gauche_haut) ;
    var barre = document.getElementById(id_barre_defilement) ;
    var bouton_db = document.getElementById(id_bouton_droite_bas) ;
    var element = new Array();
    
    for(var i=0;i<elementToMove.length;i++){
    	element[element.length]=document.getElementById(elementToMove[i]) ;
    }	
    
    var timeout = null;
    var down = false;
    var deplacement = 0;
    var orientation = direction;
    var objetName = nomObjet;
    var limite_db=0;
    var limite_db_barre=0;
	var limite_gh=0;
	var limite_gh_barre=0;
	var gap=decalage;
	var range = 0;
	
    ScrollBar2.prototype.init = _init;
    ScrollBar2.prototype.getDeplacement=_getDeplacement;
    ScrollBar2.prototype.getLimiteDB=_getLimiteDB;
    ScrollBar2.prototype.getLimiteGH=_getLimiteGH;
    ScrollBar2.prototype.getElementWidth=_getElementWidth;
    ScrollBar2.prototype.getElementHeight=_getElementHeight;
	ScrollBar2.prototype.getElementScrollWidth=_getElementScrollWidth;
    ScrollBar2.prototype.getElementScrollHeight=_getElementScrollHeight;
    ScrollBar2.prototype.getElementScrollLeft=_getElementScrollLeft;
    ScrollBar2.prototype.getElementScrollTop=_getElementScrollTop;
    ScrollBar2.prototype.setElementScrollLeft=_setElementScrollLeft;
    ScrollBar2.prototype.setElementScrollTop=_setElementScrollTop;
    ScrollBar2.prototype.scroll_left_up = _scroll_left_up;
    ScrollBar2.prototype.scroll_right_down = _scroll_right_down;
    ScrollBar2.prototype.stop_scroll = _stop_scroll;
    ScrollBar2.prototype.scroll_div = _scroll_div;
    ScrollBar2.prototype.getDeplacementDecalage = _getDeplacementDecalage;
       
    function _init(){
				
		bouton_gh.onmousedown = this.scroll_left_up;
	    bouton_gh.onmouseup=this.stop_scroll;
	    bouton_gh.onmouseout=this.stop_scroll;
	    bouton_db.onmousedown=this.scroll_right_down;
	    bouton_db.onmouseup=this.stop_scroll;
	    bouton_db.onmouseout=this.stop_scroll;
    	
		bouton_gh.style.visibility="hidden";
		 
    	if(orientation=="h"){
    		for(var i=0;i<element.length;i++){
    			this.setElementScrollLeft(0,i);
    		}	
    		
    		if(barre!=null){
    			limite_db_barre=getAbsoluLeft(bouton_db)-barre.width;
    		}else{
    			limite_db_barre=getAbsoluLeft(bouton_db);
    		}
    		
    		if(element[0]!=null){
    			limite_db=element[0].scrollWidth;
    		}else{
    			limite_db=document.body.scrollWidth;
    		}		
    		
    		range =  parseInt(this.getElementScrollWidth(0))  - parseInt(this.getElementWidth(0));
    		
    		limite_gh_barre=bouton_gh.width+getAbsoluLeft(bouton_gh);
    		limite_gh=0;
    		
    		if(barre!=null){
	    		barre.style.left=bouton_gh.width+getAbsoluLeft(bouton_gh);
		   		barre.style.top=getAbsoluTop(bouton_gh);
				deplacement=parseFloat(barre.style.left);
				Drag.init(barre,null,limite_gh_barre,limite_db_barre,parseInt(barre.style.top),parseInt(barre.style.top));
    		}
    			
    	}else{
    		
    		for(var i=0;i<element.length;i++){
    			this.setElementScrollTop(0,i);
    		}
    		
    		if(barre!=null){
    			limite_db_barre=getAbsoluTop(bouton_db)-barre.height;
    		}else{	
    			limite_db_barre=getAbsoluTop(bouton_db);
    		}
    		
    		if(element[0]!=null){
    			limite_db=element[0].scrollHeight;
    		}else{
    			limite_db=document.body.scrollHeight;
    		}
    		
    		range =  parseInt(this.getElementScrollHeight(0))  - parseInt(this.getElementHeight(0));
    		    		
    		limite_gh_barre=bouton_gh.height+getAbsoluTop(bouton_gh);
    		limite_gh=0;
    		
    		if(barre!=null){
	    		barre.style.left=getAbsoluLeft(bouton_gh);
		    	barre.style.top=bouton_gh.height+getAbsoluTop(bouton_gh);
				deplacement=parseFloat(barre.style.top);
	    		Drag.init(barre,null,parseInt(barre.style.left),parseInt(barre.style.left),limite_gh_barre,limite_db_barre);
    		}
    	}
    }

    function _getDeplacement(){
    	return deplacement;
    }
    
    function _getLimiteDB(){
    	return limite_db;
    }
    
    function _getLimiteGH(){
    	return limite_gh;
    }
    
    function _getLimiteDB_barre(){
    	return limite_db_barre;
    }
    
    function _getLimiteGH_barre(){
    	return limite_gh_barre;
    }
    
    function _getElementWidth(i){
    	if(element[i]!=null){
	    	return element[i].style.width;
	    }else{
	    	return document.body.offsetWidth;
	    }    			
    }
    
    function _getElementHeight(i){
    	if(element[i]!=null){
    		return element[i].style.height;
    	}else{
    		return document.body.offsetHeight;
    	}     	
    }
    
    function _getElementScrollWidth(i){
    	if(element[i]!=null){
    		return element[i].scrollWidth;
    	}else{
    		return document.body.scrollWidth;
    	}    	
    }
    
    function _getElementScrollHeight(i){
    	if(element[i]!=null){
    		return element[i].scrollHeight;
    	}else{
    		return document.body.scrollHeight;
    	}     	
    }
    
    function _getElementScrollLeft(i){
    	if(element[i]!=null){
    		return element[i].scrollLeft;
    	}else{
    		return document.body.scrollLeft;
    	}    	
    }
    
    function _getElementScrollTop(i){
    	if(element[i]!=null){
    		return element[i].scrollTop;
    	}else{
    		return document.body.scrollTop;
    	}     	
    }
    
    function _setElementScrollLeft(d,i){
    			
		if(element[i]!=null){
		
			prec_scroll_left=element[i].scrollLeft;
    		
			element[i].scrollLeft=d;
			
			if(prec_scroll_left==element[i].scrollLeft){
				if(prec_scroll_left==0){
					bouton_gh.style.visibility="hidden";
				}else{
					bouton_db.style.visibility="hidden";					
				}
			}else{
				bouton_db.style.visibility="visible";
				bouton_gh.style.visibility="visible";
			}			
			
    	}else{
			
			prec_scroll_left=document.body.scrollLeft;
			
    		document.body.scrollLeft=d;
			
			if(prec_scroll_left==document.body.scrollLeft){
				if(prec_scroll_left==0){
					bouton_gh.style.visibility="hidden";
				}else{
					bouton_db.style.visibility="hidden";					
				}
			}else{
				bouton_db.style.visibility="visible";
				bouton_gh.style.visibility="visible";
			}
			
    	}    	
    }
    
    function _setElementScrollTop(d,i){
    	
		if(element[i]!=null){
			
    		prec_scroll_top=element[i].scrollTop;
		
			element[i].scrollTop=d;
			
			if(prec_scroll_top==element[i].scrollTop){
				if(prec_scroll_top==0){
					bouton_gh.style.visibility="hidden";
				}else{
					bouton_db.style.visibility="hidden";					
				}
			}else{
				bouton_db.style.visibility="visible";
				bouton_gh.style.visibility="visible";
			}
			
    	}else{
			
			prec_scroll_top=document.body.scrollTop;
			
    		document.body.scrollTop=d;			
			
			if(prec_scroll_top==document.body.scrollTop){
				if(prec_scroll_top==0){
					bouton_gh.style.visibility="hidden";
				}else{
					bouton_db.style.visibility="hidden";					
				}
			}else{
				bouton_db.style.visibility="visible";
				bouton_gh.style.visibility="visible";
			}
		}     	
    }
    
    function _getDeplacementDecalage(d){
    	
    	return ((d/range)*(limite_db_barre-limite_gh_barre))+limite_gh_barre;
    		
    }	
      	
	function _scroll_left_up(){
		
		deplacement-=gap;
		
		if(deplacement<limite_gh_barre){
			deplacement=limite_gh_barre;
		}else{ 
			if(deplacement>limite_db_barre)deplacement=limite_db_barre;
		}
		
		var pour = parseFloat((deplacement-limite_gh_barre)/(limite_db_barre-limite_gh_barre));
		var decalage = 0;
		
		if(orientation=="h"){
			if(barre!=null)barre.style.left=deplacement; 
			decalage = range * pour;
			for(var i=0;i<element.length;i++){
				eval(objetName+".setElementScrollLeft("+decalage+","+i+")");
			}	
		}else{
			if(barre!=null)barre.style.top=deplacement;	
			decalage = range * pour;
			for(var i=0;i<element.length;i++){
				eval(objetName+".setElementScrollTop("+decalage+","+i+")");
			}	
		}
		down=true;
		if(down)timeout = setTimeout(objetName+".scroll_left_up()", 50);
	}
			
    function _scroll_right_down(){
		
		deplacement+=gap;
		
		if(deplacement<limite_gh_barre){
			deplacement=limite_gh_barre;
		}else{ 
			if(deplacement>limite_db_barre)deplacement=limite_db_barre;
		}
		
		var pour = parseFloat((deplacement-limite_gh_barre)/(limite_db_barre-limite_gh_barre));
		var decalage = 0;
		
		if(orientation=="h"){	
			if(barre!=null)barre.style.left=deplacement; 
			decalage = range * pour;
			for(var i=0;i<element.length;i++){
				eval(objetName+".setElementScrollLeft("+decalage+","+i+")");
			}	
		}else{
			if(barre!=null)barre.style.top=deplacement; 
			decalage = range * pour;
			for(var i=0;i<element.length;i++){
				eval(objetName+".setElementScrollTop("+decalage+","+i+")");
			}	
		}
		down=true;
		if(down)timeout = setTimeout(objetName+".scroll_right_down()", 50);
	}	
	
	function _stop_scroll(){
		down=false;
		clearTimeout(timeout);
	}
	
	function _scroll_div(d){
		deplacement=d;
				
		if(deplacement<limite_gh_barre){
			deplacement=limite_gh_barre;
		}else{ 
			if(deplacement>limite_db_barre)deplacement=limite_db_barre;
		}
						
		var pour = parseFloat((deplacement-limite_gh_barre)/(limite_db_barre-limite_gh_barre));
		var decalage = 0;
		
		if(orientation=="h"){
			if(barre!=null)barre.style.left=deplacement; 	
			decalage = range * pour;
			for(var i=0;i<element.length;i++){
				this.setElementScrollLeft(decalage,i);
			}	
		}else{
			if(barre!=null)barre.style.top=deplacement; 
			decalage = range * pour;
			for(var i=0;i<element.length;i++){
				this.setElementScrollTop(decalage,i);
			}	
		}
	}
		
	var Drag = {

		obj : null,

		init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
		{
			o.onmousedown	= Drag.start;
	
			o.hmode			= bSwapHorzRef ? false : true ;
			o.vmode			= bSwapVertRef ? false : true ;
	
			o.root = oRoot && oRoot != null ? oRoot : o ;
	
			if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
			if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
			if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
			if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";
	
			o.minX	= typeof minX != 'undefined' ? minX : null;
			o.minY	= typeof minY != 'undefined' ? minY : null;
			o.maxX	= typeof maxX != 'undefined' ? maxX : null;
			o.maxY	= typeof maxY != 'undefined' ? maxY : null;
	
			o.xMapper = fXMapper ? fXMapper : null;
			o.yMapper = fYMapper ? fYMapper : null;
	
			o.root.onDragStart	= new Function();
			o.root.onDragEnd	= new Function();
			o.root.onDrag		= new Function();
		},
	
		start : function(e)
		{
			var o = Drag.obj = this;
			e = Drag.fixE(e);
			var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
			var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
			o.root.onDragStart(x, y);
	
			o.lastMouseX	= e.clientX;
			o.lastMouseY	= e.clientY;
	
			if (o.hmode) {
				if (o.minX != null)	o.minMouseX	= e.clientX - x + o.minX;
				if (o.maxX != null)	o.maxMouseX	= o.minMouseX + o.maxX - o.minX;
			} else {
				if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
				if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
			}
	
			if (o.vmode) {
				if (o.minY != null)	o.minMouseY	= e.clientY - y + o.minY;
				if (o.maxY != null)	o.maxMouseY	= o.minMouseY + o.maxY - o.minY;
			} else {
				if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
				if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
			}
	
			document.onmousemove	= Drag.drag;
			document.onmouseup		= Drag.end;
	
			return false;
		},
	
		drag : function(e)
		{
			e = Drag.fixE(e);
			var o = Drag.obj;
	
			var ey	= e.clientY;
			var ex	= e.clientX;
			var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
			var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
			var nx, ny;
	
			if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
			if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
			if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
			if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);
	
			nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
			ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));
	
			if (o.xMapper)		nx = o.xMapper(y)
			else if (o.yMapper)	ny = o.yMapper(x)
			
			if(orientation=="h"){
				Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
			}else{	
				Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
			}
				
			Drag.obj.lastMouseX	= ex;
			Drag.obj.lastMouseY	= ey;
	
			Drag.obj.root.onDrag(nx, ny);
			
			if(orientation=="h"){	
				eval(objetName+".scroll_div("+nx+");");
	        }else{
	        	eval(objetName+".scroll_div("+ny+");");
	        }		
	        			
			return false;
		},
	
		end : function()
		{
			document.onmousemove = null;
			document.onmouseup   = null;
			Drag.obj.root.onDragEnd(	parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), 
										parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
			Drag.obj = null;
		},
	
		fixE : function(e)
		{
			if (typeof e == 'undefined') e = window.event;
			if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
			if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
			return e;
		}
	};
 
}