var SCROLL_SIZE = 21; var BUTTON_SIZE = 18; var LIFT_MIN_SIZE = 11;
var SCROLL_TOP_INC = 20; var SCROLL_LEFT_INC = 20; var SCROLL_UP_IMG = "/img/scroll/up.gif"; var SCROLL_DOWN_IMG = "/img/scroll/down.gif"; var SCROLL_TOP_CURSt_IMG = "/img/scroll/cursor_t.gif"; var SCROLL_TOP_CURSbk_IMG = "/img/scroll/cursor_bk.gif";var SCROLL_TOP_CURSb_IMG = "/img/scroll/cursor_b.gif"; var SCROLL_TOP_BACK_IMG = "/img/scroll/bar.gif";
var SCROLL_LEFT_IMG = "/img/scroll/left.gif"; var SCROLL_RIGHT_IMG = "/img/scroll/right.gif"; var SCROLL_LEFT_CURSl_IMG = "/img/scroll/cursor_hl.gif"; var SCROLL_LEFT_CURSr_IMG = "/img/scroll/cursor_hr.gif"; var SCROLL_LEFT_CURSb_IMG = "/img/scroll/cursor_hb.gif";
var SCROLL_LEFT_BACK_IMG = "/img/scroll/bar_h.gif"; var SCROLL_BOTTOM_RIGHT_IMG = "/img/scroll/bottom_right.gif"; var scrollDivCount = 0;

function ScrollDiv(scrollX, scrollY, id, index) {
var self = this;
this.scrollX = scrollX; this.scrollY = scrollY; this.scrollXSize = LIFT_MIN_SIZE; this.scrollYSize = LIFT_MIN_SIZE;
this.ScrollLeftSetPlace = function() {
if (!self.innerWidth)
return;
var diff = self.innerDiv.offsetWidth - self.innerWidth - self.scrollDiv.scrollLeft;
if (diff < 0)
	self.scrollDiv.scrollLeft += diff;
var pos = self.scrollDiv.scrollLeft / (self.innerDiv.offsetWidth - self.innerWidth);
var newLeft = pos * (self.innerWidth - SCROLL_SIZE - BUTTON_SIZE - self.scrollXSize) + BUTTON_SIZE;
try {
self.scrollLeftCurs.style.left = newLeft + "px";
}
catch(e) {}
};

this.ScrollTopSetPlace = function() {
if (!self.innerHeight) return;
var diff = self.innerDiv.offsetHeight - self.innerHeight - self.scrollDiv.scrollTop;
if (diff < 0)
self.scrollDiv.scrollTop += diff;
var pos = self.scrollDiv.scrollTop / (self.innerDiv.offsetHeight - self.innerHeight);
var newTop = pos * (self.innerHeight - SCROLL_SIZE - BUTTON_SIZE - self.scrollYSize) + BUTTON_SIZE;

try { self.scrollTopCurs.style.top = newTop + "px"; }
catch(e) {}
}

this.ScrollTopInc = function(inc) {
var scrollTop = self.scrollDiv.scrollTop + inc;
if (scrollTop < 0) scrollTop = 0;
self.scrollDiv.scrollTop = scrollTop;
self.div._scrollTop = scrollTop;
self.ScrollTopSetPlace();
}

this.ScrollLeftInc = function(inc) {
var scrollLeft = self.scrollDiv.scrollLeft + inc;
if (scrollLeft < 0) scrollLeft = 0;

self.scrollDiv.scrollLeft = scrollLeft;
self.ScrollLeftSetPlace();
}

function scrollLeftMoveBegin(clientX, clientY) { self.begin = clientX - parseInt(this.style.left, 10); }

function scrollLeftMove(clientX, clientY, ignore) {
var newLeft;

if (ignore) { 
if (self.begin > 0) { self.begin = -1; return; }
newLeft = clientX - FindLeftEdge(this.owner.scrollLeft);
if ( (ignore) && ( (newLeft < BUTTON_SIZE) || (newLeft > this.owner.innerWidth - BUTTON_SIZE) ) ) return;
newLeft -= this.owner.scrollXSize/2;
} else {newLeft = clientX - self.begin;}

if (newLeft < BUTTON_SIZE) newLeft = BUTTON_SIZE;
else if (newLeft > this.owner.innerWidth - BUTTON_SIZE - this.owner.scrollXSize) newLeft = this.owner.innerWidth - BUTTON_SIZE - this.owner.scrollXSize;

var pos = (newLeft - BUTTON_SIZE) / (this.owner.innerWidth - BUTTON_SIZE*2 - this.owner.scrollXSize);

this.owner.scrollDiv.scrollLeft = (this.owner.innerDiv.offsetWidth - this.owner.innerWidth) * pos;
this.style.left = newLeft + "px";
}

function scrollTopMoveBegin(clientX, clientY) { self.begin = clientY - parseInt(this.style.top, 10); }

function scrollTopMove(clientX, clientY, ignore) { var newTop;
if (ignore) 
{ if (self.begin > 0) { self.begin = -1; return; }
newTop = clientY - FindTopEdge(this.owner.scrollTop);
if ( (ignore) && ( (newTop < BUTTON_SIZE) || (newTop > this.owner.innerHeight - BUTTON_SIZE) ) ) return;
newTop -= this.owner.scrollYSize/2;
} else { newTop = clientY - self.begin; }

if (newTop < BUTTON_SIZE) newTop = BUTTON_SIZE;
else if (newTop > this.owner.innerHeight - BUTTON_SIZE - this.owner.scrollYSize) newTop = this.owner.innerHeight - BUTTON_SIZE - this.owner.scrollYSize;

var pos = (newTop - BUTTON_SIZE) / (this.owner.innerHeight - BUTTON_SIZE*2 - this.owner.scrollYSize);
this.owner.scrollDiv.scrollTop = (this.owner.innerDiv.offsetHeight - this.owner.innerHeight) * pos;
this.owner.div._scrollTop = this.owner.scrollDiv.scrollTop;
this.style.top = newTop + "px";
}

function stopScroll() {
if (self.interval) { clearInterval(self.interval); self.interval = 0; }
if (self.timeout) { clearInterval(self.timeout); self.timeout = 0; }
}

function beginScrollTop() {
if (self.interval) { clearInterval(self.interval);self.interval = 0; }
self.interval = setInterval(function() {self.ScrollTopInc(self.scrollInc);}, 100);
}

function beginScrollLeft() {
if (self.interval) { clearInterval(self.interval); self.interval = 0; }
self.interval = setInterval(function() {self.ScrollLeftInc(self.scrollInc);}, 100);
}

if (id) { this.div = document.getElementById(id); this.scrollDiv = this.div.firstChild; this.innerDiv = this.scrollDiv.firstChild;
this.scrollTopCurs = document.getElementById("scrollTop_" + index);
this.scrollTopBut1 = document.getElementById("scrollTop_b1_" + index);
this.scrollTopBut2 = document.getElementById("scrollTop_b2_" + index);
this.scrollLeftCurs = document.getElementById("scrollLeft_" + index);
this.scrollLeftBut1 = document.getElementById("scrollLeft_b1_" + index);
this.scrollLeftBut2 = document.getElementById("scrollLeft_b2_" + index);
this.rightScrollTd = document.getElementById("rightScroll_" + index);
this.bottomScrollTd = document.getElementById("bottomScroll_" + index);
this.scrollTop = this.rightScrollTd.firstChild;
this.scrollLeft = this.bottomScrollTd.firstChild;
this.scrollTopDisableDiv = document.getElementById("scrollTopDisable_" + index);
this.scrollLeftDisableDiv = document.getElementById("scrollLeftDisable_" + index);
this.bottomScrollTd = document.getElementById("bottomScroll_" + index);
this.scrollBottomRight = document.getElementById("bottomScrollRight_" + index);
this.scrollBottomRight
} else { this.Build(); }

this.scrollTopCurs.BeginScroll = scrollTopMoveBegin;
this.scrollTopCurs.SetPosition = scrollTopMove;

this.scrollTopCurs.EndScroll = function() {}

this.scrollLeftCurs.BeginScroll = scrollLeftMoveBegin;
this.scrollLeftCurs.SetPosition = scrollLeftMove;
this.scrollLeftCurs.EndScroll = function() {}

this.scrollTopCurs.scroll = this.scrollTopCurs;
this.scrollLeftCurs.scroll = this.scrollLeftCurs;

this.scrollTopCurs.owner = this;
this.scrollLeftCurs.owner = this;

this.div.SetStyle = function(elt, value) { self.innerDiv.style[elt] = value; }
this.div.RefreshSize = function() {
	self.height = (self.div.offsetHeight) ? self.div.offsetHeight : parseInt(self.div.style.height, 10);
	self.width = (self.div.offsetWidth) ? self.div.offsetWidth : parseInt(self.div.style.width, 10);
	self.div.RefreshContent();
}

this.div.RefreshContent = function() {
if ( (!self.width) || (!self.height) ) return;
if (!self.innerDiv.offsetWidth) return;
try {
switch (self.scrollY) {
case "hidden" :
self.scrollyVisible = false; self.scrollTop.style.display = "none"; self.rightScrollTd.style.display = "none"; self.scrollTopDisableDiv.style.display = "none";
break;
case "visible" :
self.scrollyVisible = true; self.scrollTop.style.display = ""; self.rightScrollTd.style.display = "";
if (self.innerDiv.offsetHeight > self.height) {
self.scrollTopDisableDiv.style.display = "none";
self.ScrollTopSetPlace();
} else {
self.scrollTopDisableDiv.style.display = "";
self.scrollTopCurs.style.top = BUTTON_SIZE + "px";
self.scrollDiv.scrollTop = 0;
}
break;
default :
case "auto" :
self.scrollTopDisableDiv.style.display = "none";
if (self.innerDiv.offsetHeight > self.height) {
self.scrollyVisible = true;
self.scrollTop.style.display = "";
self.rightScrollTd.style.display = "";
self.ScrollTopSetPlace();
} else {
self.scrollyVisible = false;
self.scrollTop.style.display = "none";
self.rightScrollTd.style.display = "none";
self.scrollTopCurs.style.top = BUTTON_SIZE + "px";
self.scrollDiv.scrollTop = 0;
}
}

switch (self.scrollX) {
case "hidden" :
self.scrollxVisible = false;
self.scrollLeft.style.display = "none";
self.bottomScrollTd.style.display = "none";
self.scrollLeftDisableDiv.style.display = "none";
break;
case "visible" :
self.scrollxVisible = true;
self.scrollLeft.style.display = "";
self.bottomScrollTd.style.display = "";
if (self.innerDiv.offsetWidth > self.width) {
self.scrollLeftDisableDiv.style.display = "none";
self.ScrollLeftSetPlace();
} else {
self.scrollLeftDisableDiv.style.display = "";
self.scrollLeftCurs.style.left = BUTTON_SIZE + "px";
self.scrollDiv.scrollLeft = 0;
}
break;
default :
case "auto" :
self.scrollLeftDisableDiv.style.display = "none";
if (self.innerDiv.offsetWidth > self.width) {
self.scrollxVisible = true;
self.scrollLeft.style.display = "";
self.bottomScrollTd.style.display = "";
self.ScrollLeftSetPlace();
} else {
self.scrollxVisible = false;
self.scrollLeft.style.display = "none";
self.bottomScrollTd.style.display = "none";
self.scrollLeftCurs.style.left = BUTTON_SIZE + "px";
self.scrollDiv.scrollLeft = 0;
}
}

if ( (self.scrollxVisible) && (self.scrollyVisible) )
self.scrollBottomRight.style.display = "";
else
self.scrollBottomRight.style.display = "none";

self.innerHeight = (self.scrollxVisible) ? self.height - SCROLL_SIZE : self.height;
self.innerWidth = (self.scrollyVisible) ? self.width - SCROLL_SIZE : self.width;

if ( (self.scrollxVisible) && (self.innerDiv.offsetWidth > self.innerWidth) ) {
var ratio = (self.innerDiv.offsetWidth / self.innerWidth) * 2;
self.scrollXSize = Math.round((self.innerWidth - SCROLL_SIZE - BUTTON_SIZE) / ratio) * 2 + 1;
if (self.scrollXSize < LIFT_MIN_SIZE)
self.scrollXSize = LIFT_MIN_SIZE;
} else {
self.scrollXSize = LIFT_MIN_SIZE;
}
self.scrollLeftCurs.style.width = self.scrollXSize + "px";

// taille de l'ascenseur vertical
if ( (self.scrollyVisible) && (self.innerDiv.offsetHeight > self.innerHeight) ) {
var ratio = (self.innerDiv.offsetHeight / self.innerHeight) * 2;
self.scrollYSize = Math.round((self.innerHeight - SCROLL_SIZE - BUTTON_SIZE) / ratio) * 2 + 1;
if (self.scrollYSize < LIFT_MIN_SIZE)
self.scrollYSize = LIFT_MIN_SIZE;
} else {
self.scrollYSize = LIFT_MIN_SIZE;
}
self.scrollTopCurs.style.height = self.scrollYSize + "px";

self.scrollDiv.style.height = self.innerHeight + "px";
self.scrollDiv.style.width = self.innerWidth + "px";

self.scrollTop.style.height = self.innerHeight + "px";
}
catch(e) {}
}

this.scrollTopBut1.onmousedown = function() {
stopScroll(); self.ScrollTopInc(-SCROLL_TOP_INC); self.scrollInc = -SCROLL_TOP_INC; self.timeout = setTimeout(beginScrollTop, 200); return false;
};
this.scrollTopBut1.onmouseup = stopScroll;
this.scrollTopBut1.onmouseleave = stopScroll;

this.scrollLeftBut1.onmousedown = function() { stopScroll(); self.ScrollLeftInc(-SCROLL_LEFT_INC); self.scrollInc = -SCROLL_LEFT_INC; self.timeout = setTimeout(beginScrollLeft, 200); return false;} 

this.scrollLeftBut1.onmouseup = stopScroll;
this.scrollLeftBut1.onmouseleave = stopScroll;

this.scrollTopBut2.onmousedown = function() {
stopScroll();
self.ScrollTopInc(SCROLL_TOP_INC);
self.scrollInc = SCROLL_TOP_INC;
self.timeout = setTimeout(beginScrollTop, 200);
return false;
};
this.scrollTopBut2.onmouseup = stopScroll;
this.scrollTopBut2.onmouseleave = stopScroll;

this.scrollLeftBut2.onmousedown = function() {
stopScroll();

self.ScrollLeftInc(SCROLL_LEFT_INC);
self.scrollInc = SCROLL_LEFT_INC;
self.timeout = setTimeout(beginScrollLeft, 200);

return false;
};
this.scrollLeftBut2.onmouseup = stopScroll;
this.scrollLeftBut2.onmouseleave = stopScroll;

this.div.onmousewheel = function() {
if (event.wheelDelta > 0)
self.ScrollTopInc(-SCROLL_TOP_INC);
else
self.ScrollTopInc(+SCROLL_TOP_INC);
};

this.scrollTop.onclick = function(evt) {
if (!evt) evt = event;
self.scrollTopCurs.SetPosition(evt.clientX, evt.clientY, true);
return false;
}

this.scrollLeft.onclick = function(evt) {
if (!evt) evt = event; 
self.scrollLeftCurs.SetPosition(evt.clientX, evt.clientY, true);
return false;
}

this.rightScrollTd.appendChild(this.scrollTop);
this.bottomScrollTd.appendChild(this.scrollLeft);

this.div.appendChild = function(elt) { self.innerDiv.appendChild(elt); }
this.div.removeChild = function(elt) { self.innerDiv.removeChild(elt); }
this.div.scrollTo = function() { self.scrollDiv.scrollLeft = arguments[0]; self.scrollDiv.scrollTop = arguments[1]; }

eventHandler("resize", function() {self.div.RefreshContent()}, this.innerDiv);
eventHandler("resize", function() {self.div.RefreshSize()}, this.div);

this.scrollTop.style.display = "none";
this.rightScrollTd.style.display = "none";
this.scrollTopDisableDiv.style.display = "none";

this.scrollLeft.style.display = "none";
this.bottomScrollTd.style.display = "none";
this.scrollLeftDisableDiv.style.display = "none";

this.scrollBottomRight.style.display = "none";
scrollDivCount++;
this.div._scrollTop = 0;
return this.div;
}

ScrollDiv.prototype.Build = function() {
this.div = document.createElement("DIV");
this.scrollDiv = document.createElement("DIV");
this.innerDiv = document.createElement("DIV");

this.scrollDiv.style.position = "absolute";
this.scrollDiv.style.top = "0px";
this.scrollDiv.style.left = "0px";

this.innerDiv.style.position = "absolute";
this.innerDiv.style.top = "0px";
this.innerDiv.style.left = "0px";

this.div.style.overflow = "hidden";
this.scrollDiv.style.overflow = "hidden";
this.innerDiv.style.overflow = "visible";

this.div.appendChild(this.scrollDiv);
this.scrollDiv.appendChild(this.innerDiv);

var table = document.createElement("TABLE");
var tbody = document.createElement("TBODY");

table.cellSpacing = 0; table.cellPadding = 0; table.style.width = "100%"; table.style.height = "100%"; table.style.tableLayout = "fixed";
var tr, td;

tr = document.createElement("TR"); td = document.createElement("TD");
td.style.fontSize = "1px"; tr.appendChild(td); tbody.appendChild(tr);

td = document.createElement("TD");
td.id = "rightScroll_" + scrollDivCount;
this.rightScrollTd = td;
td.style.fontSize = "1px";
td.style.width = SCROLL_SIZE + "px";
tr.appendChild(td);
tbody.appendChild(tr);

tr = document.createElement("TR");
td = document.createElement("TD");
td.id = "bottomScroll_" + scrollDivCount;
this.bottomScrollTd = td;
td.style.fontSize = "1px";
tr.style.height = SCROLL_SIZE + "px";
td.style.height = SCROLL_SIZE + "px";

tr.appendChild(td);
tbody.appendChild(tr);
td = document.createElement("TD");
td.id = "bottomScrollRight_" + scrollDivCount;
this.scrollBottomRight = td;
td.innerHTML = "<img style='width:" + SCROLL_SIZE + "px;height:" + SCROLL_SIZE + "px' src='"  + SCROLL_BOTTOM_RIGHT_IMG + "'>"
td.style.fontSize = "1px";
td.style.height = SCROLL_SIZE + "px";
td.style.width = SCROLL_SIZE + "px";
tr.appendChild(td);
tbody.appendChild(tr);

table.appendChild(tbody);
this.div.appendChild(table);

this.scrollTop = document.createElement("DIV");
this.scrollTop.style.background = "url(" + SCROLL_TOP_BACK_IMG + ") repeat-y";
this.scrollTop.style.position = "relative";
this.scrollTop.style.width = SCROLL_SIZE + "px";

var table = document.createElement("TABLE");
var tbody = document.createElement("TBODY");

table.cellSpacing = 0;
table.cellPadding = 0;
table.style.width = "100%";
table.style.height = "100%";
table.style.tableLayout = "fixed";

var tr = document.createElement("TR");
var td = document.createElement("TD");
tr.style.height = BUTTON_SIZE + "px";
td.style.height = BUTTON_SIZE + "px";

this.scrollTopBut1 = document.createElement("IMG");
this.scrollTopBut1.id = "scrollTop_b1_" + scrollDivCount;
this.scrollTopBut1.src = SCROLL_UP_IMG;
this.scrollTopBut1.style.width = SCROLL_SIZE + "px";
this.scrollTopBut1.style.height = BUTTON_SIZE + "px";

td.appendChild(this.scrollTopBut1);
tr.appendChild(td);
tbody.appendChild(tr);

var tr = document.createElement("TR");
var td = document.createElement("TD");
tr.appendChild(td);
tbody.appendChild(tr);

var tr = document.createElement("TR");
var td = document.createElement("TD");
tr.style.height = BUTTON_SIZE + "px";
td.style.height = BUTTON_SIZE + "px";

this.scrollTopBut2 = document.createElement("IMG");
this.scrollTopBut2.id = "scrollTop_b2_" + scrollDivCount;
this.scrollTopBut2.src = SCROLL_DOWN_IMG;
this.scrollTopBut2.style.width = SCROLL_SIZE + "px";
this.scrollTopBut2.style.height = BUTTON_SIZE + "px";

td.appendChild(this.scrollTopBut2);
tr.appendChild(td);
tbody.appendChild(tr);
table.appendChild(tbody);
this.scrollTop.appendChild(table);

this.scrollTopCurs = document.createElement("DIV");
this.scrollTopCurs.innerHTML = "<table cellspacing=0 cellpadding=0 style='table-layout:fixed;height:100%;'><tr style='height:2px'><td><img src='" + SCROLL_TOP_CURSt_IMG + "'></td></tr><tr><td style='font-size:1px;background:url(" + SCROLL_TOP_CURSbk_IMG + ") repeat-y'>&nbsp;</td></tr><tr style='height:3px'><td><img src='" + SCROLL_TOP_CURSb_IMG + "'></td></tr></table>"
this.scrollTopCurs.className = "scroll";
this.scrollTopCurs.style.position = "absolute";
this.scrollTopCurs.style.top = BUTTON_SIZE + "px";
this.scrollTopCurs.style.left = "0px";
this.scrollTopCurs.style.width = SCROLL_SIZE + "px";
this.scrollTopCurs.style.height = this.scrollYSize + "px";
this.scrollTop.appendChild(this.scrollTopCurs);

this.scrollTopCurs.id = "scrollTop_" + scrollDivCount;
this.scrollTopCurs.setAttribute("handlefor", "scrollTop_" + scrollDivCount);

this.scrollTopDisableDiv = document.createElement("DIV");
this.scrollTopDisableDiv.id = "scrollTopDisable_" + scrollDivCount;
this.scrollTopDisableDiv.style.position = "absolute";
this.scrollTopDisableDiv.style.top = "0px";
this.scrollTopDisableDiv.style.left = "0px";
this.scrollTopDisableDiv.style.width = "100%";
this.scrollTopDisableDiv.style.height = "100%";
this.scrollTopDisableDiv.style.background = "#FFFFFF";
this.scrollTopDisableDiv.style.filter = "Alpha(opacity=80)";
this.scrollTopDisableDiv.style.opacity = 0.8;
this.scrollTop.appendChild(this.scrollTopDisableDiv);

this.scrollTop.style.filter = "alpha(opacity=100)";
this.scrollTopBut1.style.filter = "alpha(opacity=100)";
this.scrollTopBut2.style.filter = "alpha(opacity=100)";
this.scrollTopCurs.style.filter = "alpha(opacity=100)";

this.scrollLeft = document.createElement("DIV");
this.scrollLeft.style.background = "url(" + SCROLL_LEFT_BACK_IMG + ") repeat-x";
this.scrollLeft.style.position = "relative";
this.scrollLeft.style.height = SCROLL_SIZE + "px";

var table = document.createElement("TABLE");
var tbody = document.createElement("TBODY");
table.cellSpacing = 0;
table.cellPadding = 0;
table.style.width = "100%";
table.style.height = "100%";
table.style.tableLayout = "fixed";

var tr = document.createElement("TR");
var td = document.createElement("TD");
tr.style.height = SCROLL_SIZE + "px";
td.style.width = BUTTON_SIZE + "px";

this.scrollLeftBut1 = document.createElement("IMG");
this.scrollLeftBut1.id = "scrollLeft_b1_" + scrollDivCount;
this.scrollLeftBut1.src = SCROLL_LEFT_IMG;
this.scrollLeftBut1.style.width = BUTTON_SIZE + "px";
this.scrollLeftBut1.style.height = SCROLL_SIZE + "px";

td.appendChild(this.scrollLeftBut1);
tr.appendChild(td);

var td = document.createElement("TD");
tr.appendChild(td);

var td = document.createElement("TD");
td.style.width = BUTTON_SIZE + "px";

this.scrollLeftBut2 = document.createElement("IMG");
this.scrollLeftBut2.id = "scrollLeft_b2_" + scrollDivCount;
this.scrollLeftBut2.src = SCROLL_RIGHT_IMG;
this.scrollLeftBut2.style.width = BUTTON_SIZE + "px";
this.scrollLeftBut2.style.height = SCROLL_SIZE + "px";

td.appendChild(this.scrollLeftBut2);
tr.appendChild(td);
tbody.appendChild(tr);

table.appendChild(tbody);
this.scrollLeft.appendChild(table);

this.scrollLeftCurs = document.createElement("DIV");
this.scrollLeftCurs.innerHTML = "<table cellspacing=0 cellpadding=0 style='table-layout:fixed;width:100%;'><tr><td style='width:3px'><img src='" + SCROLL_LEFT_CURSl_IMG + "'></td><td style='font-size:1px;background:url(" + SCROLL_LEFT_CURSb_IMG + ") repeat-x'>&nbsp;</td><td style='width:2px'><img src='" + SCROLL_LEFT_CURSr_IMG + "'></td></tr></table>"
this.scrollLeftCurs.className = "scroll";
this.scrollLeftCurs.style.position = "absolute";
this.scrollLeftCurs.style.left = BUTTON_SIZE + "px";
this.scrollLeftCurs.style.bottom = (document.all) ? "-1px" : "0px";
this.scrollLeftCurs.style.width = this.scrollXSize + "px";
this.scrollLeftCurs.style.height = SCROLL_SIZE + "px";
this.scrollLeft.appendChild(this.scrollLeftCurs);

this.scrollLeftCurs.id = "scrollLeft_" + scrollDivCount;
this.scrollLeftCurs.setAttribute("handlefor", "scrollLeft_" + scrollDivCount);

this.scrollLeftDisableDiv = document.createElement("DIV");
this.scrollLeftDisableDiv.id = "scrollLeftDisable_" + scrollDivCount;
this.scrollLeftDisableDiv.style.position = "absolute";
this.scrollLeftDisableDiv.style.top = "0px";
this.scrollLeftDisableDiv.style.left = "0px";
this.scrollLeftDisableDiv.style.width = "100%";
this.scrollLeftDisableDiv.style.height = "100%";
this.scrollLeftDisableDiv.style.background = "#FFFFFF";
this.scrollLeftDisableDiv.style.filter = "Alpha(opacity=80)";
this.scrollLeftDisableDiv.style.opacity = 0.8;
this.scrollLeft.appendChild(this.scrollLeftDisableDiv);
this.scrollLeft.style.filter = "alpha(opacity=100)";
this.scrollLeftBut1.style.filter = "alpha(opacity=100)";
this.scrollLeftBut2.style.filter = "alpha(opacity=100)";
this.scrollLeftCurs.style.filter = "alpha(opacity=100)";
};