function APositionBar(parent, div, width, scale, offset) {

    this.offset = offset;
    this.parent = parent;
    this.totalWidth = width;
    this.slideAreaWidth = this.totalWidth - 8;
    this.sliderWidth = (scale * this.slideAreaWidth);

    var str = "<table class=\"gallery-scrollbar\" border=\"0\" width=\""
        + width + "px\" cellspacing=\"0px\" cellpadding=\"0px\"><tr>"
        + "<td style=\"width: 4px; background-image: url(images/pos-bar-left.jpg);\"></td>"

        + "<td>"
        +"<div id=\"scrollbarSlider\" class=\"gallery-scrollbar-slider\""
        + " style=\"width: " + this.sliderWidth + "px; margin-left: "+ this.offset + "px;\" >"
        + "<table border=\"0\" width=\"100%\" height=\"100%\" cellspacing=\"0px\" cellpadding=\"0px\"><tr>"
        + "<td class=\"a-scrollbar-left-border\"></td>"
        + "<td><div></div></td>"
        + "<td class=\"a-scrollbar-right-border\"></td>"
        +"</tr></table>"
        + "</div>"
        + "</td>"

        + "<td style=\"width: 4px; background-image: url(images/pos-bar-right.jpg);\"></td>"
        +"</tr></table>";

    div.append(str);

    var drager = new ADrager($('#scrollbarSlider'), $('body'), this);

    this.onDrag = function(delta) {

        this.offset += delta;

        if (this.offset < 0)
            this.offset = 0;

        if (this.offset + this.sliderWidth > this.slideAreaWidth)
            this.offset = this.slideAreaWidth - this.sliderWidth;

        //$('#scrollbarSlider').css("margin-left", this.offset);

        this.parent.scrollBarCallBack(this);

    }


}