/********************************************************************************************
* BlueShoes Framework; This file is part of the php application framework.
* NOTE: This code is stripped (obfuscated). To get the clean documented code goto 
*       www.blueshoes.org and register for the free open source *DEVELOPER* version or 
*       buy the commercial version.
*       
*       In case you've already got the developer version, then this is one of the few 
*       packages/classes that is only available to *PAYING* customers.
*       To get it go to www.blueshoes.org and buy a commercial version.
* 
* @copyright www.blueshoes.org
* @author    sam blum <sam-at-blueshoes-dot-org>
* @author    Andrej Arn <andrej-at-blueshoes-dot-org>
*/
if (!Bs_Objects) { var Bs_Objects = []; }; function Bs_Slider(theFieldnamePrefix) {
    this._objectId; this.fieldName; this._disabled = false; this.direction = 0; this.width = 100; this.height = 20; this.minVal = 0; this.maxVal = 100; this.valueDefault = 0; this.arrowAmount = 1; this.arrowMouseOver = false; this.arrowKeepFiringTimeout = 10; this._stopFireArrowFlag = false; this.wheelAmount = 5; this.colorbar; this.baseZindex = 1000; this.moveX = 0; this.moveY = 0; this.imgBasePath; this.imgDir = '/_bsJavascript/components/slider/img/'; this._bgImgSrc; this._bgImgRepeat; this._bgImgCssStyle; this._bgImgLeftSrc; this._bgImgLeftWidth; this._bgImgLeftHeight; this._bgImgRightSrc; this._bgImgRightWidth; this._bgImgRightHeight; this._sliderImgSrc; this._sliderImgWidth; this._sliderImgHeight; this.styleContainerClass; this.styleValueFieldClass = 'smalltxt spanSliderField'; this.styleValueTextClass = 'smalltxt spanSliderText'; this.bgColor; this._arrowIconLeftSrc; this._arrowIconLeftWidth = 0; this._arrowIconLeftHeight = 0; this._arrowIconLeftCssStyle = 0; this._arrowIconRightSrc; this._arrowIconRightWidth = 0; this._arrowIconRightHeight = 0; this._arrowIconRightCssStyle = 0; this.valueInterval = 1; this.useInputField = 2; this.inputTextFieldEvent = 'over'; this.ctrl; this._valueInternal; this._display = 2; this._arrowLeftContainerId; this._arrowLeftContainerObj; this._arrowLeftIconId; this._arrowLeftIconObj; this._arrowRightContainerId; this._arrowRightContainerObj; this._arrowRightIconId; this._arrowRightIconObj; this._valueContainerId; this._valueContainerObj; this._handleId; this._handleObj; this._valueFieldId; this._valueFieldObj; this._valueTextId; this._valueTextObj; this._slideBarId; this._slideBarObj; this._colorbarId; this._colorbarObj; this._posUpperLeftX; this._posUpperLeftY; this._posSlideStart; this._posSlideEnd; this._slideWidth; this._attachedEvents; this.eventOnChange; this.slideStartCB; this.slideMoveCB; this.slideEndCB; this._constructor = function (theFieldnamePrefix) {
        this._id = Bs_Objects.length; Bs_Objects[this._id] = this; this._objectId = "Bs_Slider_" + this._id; this.objectName = this._objectId; if (typeof (theFieldnamePrefix) == 'string') {
            this.fieldName = theFieldnamePrefix + '_value'; this.objectName = theFieldnamePrefix;
        }
    }
    this._checkup = function () {
        if (typeof (this.minVal) == 'undefined') this.minVal = 0; if (typeof (this.maxVal) == 'undefined') this.maxVal = 10; if (typeof (this.valueDefault) == 'undefined') this.valueDefault = this.minVal; this._valueInternal = this.valueDefault; if (typeof (this.imgBasePath) == 'string') this.imgDir = this.imgBasePath;
    }
    this.loadSkin = function (skinName) {
        switch (skinName) {
            case 'winxp':
            case 'winxp-scrollbar-horizontal':
                this.useInputField = 0; this.height = 16; this.imgDir = '/_bsJavascript/components/slider/img/winxp/'; this.setSliderIcon('horizontal_scrollbar_knob.gif', 17, 16); this.setArrowIconLeft('horizontal_scrollbar_arrowLeft.gif', 17, 16); this.setArrowIconRight('horizontal_scrollbar_arrowRight.gif', 17, 16); break; case 'winxp-scrollbar-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 16; this.imgDir = '/_bsJavascript/components/slider/img/winxp/'; this.setSliderIcon('vertical_scrollbar_knob.gif', 16, 17); this.setArrowIconLeft('vertical_scrollbar_arrowUp.gif', 16, 17); this.setArrowIconRight('vertical_scrollbar_arrowDown.gif', 16, 17); break; case 'osx':
            case 'osx-horizontal':
                this.useInputField = 0; this.height = 21; this.imgDir = '/_bsJavascript/components/slider/img/osx/'; this.setSliderIcon('horizontal_knob.gif', 17, 16);
                this.setBackgroundImage('horizontal_background.gif', 'repeat');
                this.setBackgroundImageLeft('horizontal_backgroundLeft.gif', 6, 21);
                this.setBackgroundImageRight('horizontal_backgroundRight.gif', 6, 21);
                break;
            case 'osx-scrollbar-horizontal':
                this.useInputField = 0; this.height = 15; this.imgDir = '/_bsJavascript/components/slider/img/osx/'; this.setSliderIcon('horizontal_scrollbar_knobSmall.gif', 23, 15);
                this.setBackgroundImage('horizontal_scrollbar_background.gif', 'repeat'); this.setArrowIconLeft('horizontal_scrollbar_arrowLeft.gif', 17, 15); this.setArrowIconRight('horizontal_scrollbar_arrowRight.gif', 17, 15); break; case 'osx-scrollbar-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 15; this.imgDir = '/_bsJavascript/components/slider/img/osx/'; this.setSliderIcon('vertical_scrollbar_knobSmall.gif', 15, 23); this.setBackgroundImage('vertical_scrollbar_background.gif', 'repeat'); this.setArrowIconLeft('vertical_scrollbar_arrowUp.gif', 15, 17); this.setArrowIconRight('vertical_scrollbar_arrowDown.gif', 15, 17); break; case 'os9':
            case 'os9-horizontal':
                this.useInputField = 0; this.height = 16; this.imgDir = '/_bsJavascript/components/slider/img/os9/'; this.setSliderIcon('horizontal_scrollbar_knob.gif', 17, 16); this.setBackgroundImage('horizontal_scrollbar_background.gif', 'repeat'); this.setArrowIconLeft('horizontal_scrollbar_arrowLeft.gif', 16, 16); this.setArrowIconRight('horizontal_scrollbar_arrowRight.gif', 16, 16); break; case 'os9-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 16; this.imgDir = '/_bsJavascript/components/slider/img/os9/'; this.setSliderIcon('vertical_scrollbar_knob.gif', 16, 17); this.setBackgroundImage('vertical_scrollbar_background.gif', 'repeat'); this.setArrowIconLeft('vertical_scrollbar_arrowUp.gif', 16, 16); this.setArrowIconRight('vertical_scrollbar_arrowDown.gif', 16, 16); break; case 'opera7':
            case 'opera7-horizontal':
                this.useInputField = 0; this.height = 16; this.imgDir = '/_bsJavascript/components/slider/img/opera7/'; this.setSliderIcon('horizontal_knob.gif', 19, 16); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setArrowIconLeft('horizontal_arrowLeft.gif', 16, 16); this.setArrowIconRight('horizontal_arrowRight.gif', 16, 16); break; case 'opera7-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 16; this.imgDir = '/_bsJavascript/components/slider/img/opera7/'; this.setSliderIcon('vertical_knob.gif', 16, 19); this.setBackgroundImage('vertical_background.gif', 'repeat'); this.setArrowIconLeft('vertical_arrowUp.gif', 16, 16); this.setArrowIconRight('vertical_arrowDown.gif', 16, 16); break; case 'bob':
            case 'bob-horizontal':
                this.height = 18; this.imgDir = '/_bsJavascript/components/slider/img/bob/'; this.setBackgroundImage('background.gif', 'no-repeat'); this.setSliderIcon('slider.gif', 13, 18); this.colorbar = new Object(); this.colorbar['color'] = 'blue'; this.colorbar['height'] = 5; this.colorbar['widthDifference'] = 0; this.colorbar['offsetLeft'] = 5; this.colorbar['offsetTop'] = 9; break; case 'burp':
            case 'burp-horizontal':
                this.useInputField = 0; this.height = 11; this.imgDir = '/_bsJavascript/components/slider/img/burp/'; this.setSliderIcon('horizontal_knob.gif', 5, 11); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setArrowIconLeft('horizontal_arrowLeft.gif', 10, 11); this.setArrowIconRight('horizontal_arrowRight.gif', 10, 11); break; case 'burp-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 11; this.imgDir = '/_bsJavascript/components/slider/img/burp/'; this.setSliderIcon('vertical_knob.gif', 11, 5); this.setBackgroundImage('vertical_background.gif', 'repeat'); this.setArrowIconLeft('vertical_arrowUp.gif', 11, 10); this.setArrowIconRight('vertical_arrowDown.gif', 11, 10); break; case 'ximian-industrial':
            case 'ximian-industrial-horizontal':
                this.useInputField = 0; this.height = 15; this.imgDir = '/_bsJavascript/components/slider/img/ximian_industrial/'; this.setSliderIcon('horizontal_knob.gif', 31, 15); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setArrowIconLeft('horizontal_arrowLeft.gif', 15, 15); this.setArrowIconRight('horizontal_arrowRight.gif', 15, 15); break; case 'ximian-industrial-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 15; this.imgDir = '/_bsJavascript/components/slider/img/ximian_industrial/'; this.setSliderIcon('vertical_knob.gif', 15, 31); this.setBackgroundImage('vertical_background.gif', 'repeat'); this.setArrowIconLeft('vertical_arrowUp.gif', 15, 15); this.setArrowIconRight('vertical_arrowDown.gif', 15, 15); break; case 'smoothstreak':
            case 'smoothstreak-horizontal':
                this.useInputField = 0; this.height = 15; this.imgDir = '/_bsJavascript/components/slider/img/smoothstreak/'; this.setSliderIcon('horizontal_knob.gif', 31, 15); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setBackgroundImageLeft('horizontal_backgroundLeft.gif', 2, 15); this.setBackgroundImageRight('horizontal_backgroundRight.gif', 2, 15); this.colorbar = new Object(); this.colorbar['color'] = '#736D6B'; this.colorbar['height'] = 11; this.colorbar['widthDifference'] = 0; this.colorbar['offsetLeft'] = 0; this.colorbar['offsetTop'] = 2; break; case 'smoothstreak-vertical':
                this.direction = 1; this.useInputField = 0; this.width = 15; this.imgDir = '/_bsJavascript/components/slider/img/smoothstreak/'; this.setSliderIcon('vertical_knob.gif', 15, 31); this.setBackgroundImage('vertical_background.gif', 'repeat'); this.setBackgroundImageLeft('vertical_backgroundTop.gif', 15, 2); this.setBackgroundImageRight('vertical_backgroundBottom.gif', 15, 2); break; case 'aluminumalloyvolcanic':
            case 'aluminumalloyvolcanic-horizontal':
                this.useInputField = 0; this.height = 15; this.imgDir = '/_bsJavascript/components/slider/img/aluminumalloyvolcanic/'; this.setSliderIcon('horizontal_knob.gif', 15, 19); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setBackgroundImageLeft('horizontal_backgroundLeft.gif', 2, 19); this.setBackgroundImageRight('horizontal_backgroundRight.gif', 2, 19); break; case 'yattacier3':
            case 'yattacier3-horizontal':
                this.useInputField = 0; this.height = 16; this.imgDir = '/_bsJavascript/components/slider/img/yattacier3/'; this.setSliderIcon('horizontal_knob.gif', 30, 16); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setBackgroundImageLeft('horizontal_backgroundLeft.gif', 1, 16); this.setBackgroundImageRight('horizontal_backgroundRight.gif', 1, 16); break; case 'h2ogtk2':
            case 'h2ogtk2-horizontal':
                this.useInputField = 0; this.height = 17; this.imgDir = '/_bsJavascript/components/slider/img/h2ogtk2/'; this.setSliderIcon('horizontal_knob.gif', 30, 17); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setBackgroundImageLeft('horizontal_backgroundLeft.gif', 7, 17); this.setBackgroundImageRight('horizontal_backgroundRight.gif', 7, 17); break; case 'h2ogtk2-scrollbar-horizontal':
                this.useInputField = 0; this.height = 17; this.imgDir = '/_bsJavascript/components/slider/img/h2ogtk2/'; this.setSliderIcon('horizontal_knob.gif', 30, 17); this.setBackgroundImage('horizontal_background.gif', 'repeat'); this.setArrowIconLeft('horizontal_arrowLeft.gif', 15, 17); this.setArrowIconRight('horizontal_arrowRight.gif', 15, 17); break; default:
                return false;
        }
        return true;
    }
    this.render = function (tagId) {
        this._checkup(); this._containerId = 'co' + tagId;
        this._handleId = 'po' + tagId;
        this._arrowLeftContainerId = 'alc' + tagId;
        this._arrowLeftIconId = 'ali' + tagId;
        this._arrowRightContainerId = 'arc' + tagId;
        this._arrowRightIconId = 'ari' + tagId;
        this._valueContainerId = 'vc' + tagId;
        this._valueFieldId = 'vf' + tagId;
        if (typeof (this.fieldName) == 'undefined') this.fieldName = tagId + '_value'
        this._valueTextId = 'vt' + tagId;
        this._slideBarId = 'bar' + tagId;
        this._colorbarId = 'cb' + tagId;
        var divWidth = this.width
        var divHeight = this.height
        var out = new Array();
        var outI = 0;
        var localOffset = 0; out[outI++] = '<div id="' + this._containerId + '"'; 
        if (this.styleContainerClass) {
            out[outI++] = ' class="' + this.styleContainerClass + '"';
        }
        out[outI++] = ' style="position:relative;'; 
        if (this._display == 0) {
            out[outI++] = ' display:none;';
        } else if (this._display == 1) {
            out[outI++] = ' visibility:hidden;';
        }
        out[outI++] = ' onmousewheel="Bs_Objects[' + this._id + '].onMouseWheel(); return false;"';
        out[outI++] = '">'; out[outI++] = '<div';
        out[outI++] = ' onmousewheel="Bs_Objects[' + this._id + '].onMouseWheel(); return false;"';
        out[outI++] = ' style="position:absolute; left:' + this.moveX + 'px; top:' + this.moveY + 'px;">';
        out[outI++] = '<div style="position:absolute; display:none; z-index:5000;" id="' + this._handleId + '">';
        out[outI++] = '<img name="bsslidericonname" src="' + this.imgDir + this._sliderImgSrc + '" border=0 width=' + this._sliderImgWidth + 'px height=' + this._sliderImgHeight + 'px>';
        out[outI++] = '</div>';
        if ((this.arrowAmount > 0) && this._arrowIconLeftSrc) {
            out[outI++] = '<div id="' + this._arrowLeftContainerId + '" style="position:absolute; left:' + localOffset + 'px; top:0px;">';
            out[outI++] = '<a href="javascript:void(false);"';
            if (this.arrowMouseOver) {
                out[outI++] = ' onMouseOver="Bs_Objects[' + this._id + '].onChangeByArrow(false, true); return false;"';
                out[outI++] = ' onMouseOut="Bs_Objects[' + this._id + '].stopFireArrow(); return false;"';
            } else {
                out[outI++] = ' onMouseDown="Bs_Objects[' + this._id + '].onChangeByArrow(false, true); return false;"';
                out[outI++] = ' onMouseUp="Bs_Objects[' + this._id + '].stopFireArrow(); return false;"';
                out[outI++] = ' onMouseOut="Bs_Objects[' + this._id + '].stopFireArrow(); return false;"';
            }
            out[outI++] = '>';
            out[outI++] = '<img id="' + this._arrowLeftIconId + '" src="' + this.imgDir + this._arrowIconLeftSrc + '" border="0" width="' + this._arrowIconLeftWidth + 'px" height="' + this._arrowIconLeftHeight + 'px"';
            if (typeof (this.arrowIconLeftCssStyle) != 'undefined') {
                out[outI++] = ' style="' + this.arrowIconLeftCssStyle + '"';
            }
            out[outI++] = '>'; out[outI++] = '</a></div>'; localOffset += this._arrowIconLeftWidth;
        }
        if (typeof (this._bgImgLeftSrc) != 'undefined') {
            var tmpLeft = (this.direction == 0) ? localOffset : 0; var tmpTop = (this.direction == 0) ? 0 : localOffset; out[outI++] = '<div style="position:absolute; left:' + tmpLeft + 'px; top:' + tmpTop + 'px;">'; out[outI++] = '<img src="' + this.imgDir + this._bgImgLeftSrc + '" width="' + this._bgImgLeftWidth + 'px" height="' + this._bgImgLeftHeight + 'px" border="0">'; out[outI++] = '</div>'; localOffset += (this.direction == 0) ? this._bgImgLeftWidth : this._bgImgLeftHeight;
        }
        if (this.colorbar) {
            out[outI++] = '<div id="' + this._colorbarId + '" onClick="Bs_Objects[' + this._id + '].onChangeByClick(event);"'; if (this.colorbar['cssClass']) {
                out[outI++] = ' class="' + this.colorbar['cssClass'] + '"';
            }
            out[outI++] = ' style="position:absolute; z-index:4000; width:0px;'; if ('undefined' != typeof (this.colorbar['color'])) {
                out[outI++] = ' background-color:' + this.colorbar['color'] + ';';
            } else if ('undefined' == typeof (this.colorbar['cssClass'])) {
                out[outI++] = ' background-color:orange;';
            }
            if ('undefined' != typeof (this.colorbar['offsetLeft'])) {
                out[outI++] = ' left:' + (localOffset + this.colorbar['offsetLeft']) + 'px;';
            }
            if ('undefined' != typeof (this.colorbar['offsetTop'])) {
                out[outI++] = ' top:' + this.colorbar['offsetTop'] + 'px;';
            }
            if ('undefined' != typeof (this.colorbar['height'])) {
                out[outI++] = ' height:' + this.colorbar['height'] + 'px;';
            }
            out[outI++] = '">'; out[outI++] = '<img src="/_bsImages/spacer.gif" width="1px" height="5px"></div>';
        }
        out[outI++] = '<div id="' + this._slideBarId + '" onClick="Bs_Objects[' + this._id + '].onChangeByClick(event);"'; var tmpLeft = (this.direction == 0) ? localOffset : 0; var tmpTop = (this.direction == 0) ? 0 : localOffset; out[outI++] = ' style="position:absolute; left:' + tmpLeft + 'px; top:' + tmpTop + 'px; width:' + divWidth + 'px; height: ' + divHeight + 'px; clip:rect(0 ' + divWidth + '  ' + divHeight + ' 0);'; if (this.bgColor) {
            out[outI++] = 'background-color:' + this.bgColor + '; layer-background-color:' + this.bgColor + ';';
        }
        if (this._bgImgSrc) {
            out[outI++] = ' background-image: url(' + this.imgDir + this._bgImgSrc + '); background-repeat:' + this._bgImgRepeat + ';';
        }
        if (this._bgImgCssStyle) {
            out[outI++] = this._bgImgCssStyle;
        }
        out[outI++] = '"></div>'; localOffset += (this.direction == 0) ? this.width : this.height; if (typeof (this._bgImgRightSrc) != 'undefined') {
            var tmpLeft = (this.direction == 0) ? localOffset : 0; var tmpTop = (this.direction == 0) ? 0 : localOffset; out[outI++] = '<div style="position:absolute; left:' + tmpLeft + 'px; top:' + tmpTop + 'px;">'; out[outI++] = '<img src="' + this.imgDir + this._bgImgRightSrc + '" width="' + this._bgImgRightWidth + 'px" height="' + this._bgImgRightHeight + 'px" border="0">'; out[outI++] = '</div>'; localOffset += (this.direction == 0) ? this._bgImgRightWidth : this._bgImgRightHeight;
        }
        if ((this.arrowAmount > 0) && this._arrowIconRightSrc) {
            var tmpLeft = (this.direction == 0) ? localOffset : 0; var tmpTop = (this.direction == 0) ? 0 : localOffset; out[outI++] = '<div id="' + this._arrowRightContainerId + '" style="position:absolute; left:' + tmpLeft + 'px; top:' + tmpTop + 'px;">'; out[outI++] = '<a href="javascript:void(false);"'; 
            if (this.arrowMouseOver) {
                out[outI++] = ' onMouseOver="Bs_Objects[' + this._id + '].onChangeByArrow(true, true); return false;"'; 
                out[outI++] = ' onMouseOut="Bs_Objects[' + this._id + '].stopFireArrow(); return false;"';
            } else {
                out[outI++] = ' onMouseDown="Bs_Objects[' + this._id + '].onChangeByArrow(true, true); return false;"'; 
                out[outI++] = ' onMouseUp="Bs_Objects[' + this._id + '].stopFireArrow(); return false;"'; out[outI++] = ' onMouseOut="Bs_Objects[' + this._id + '].stopFireArrow(); return false;"';
            }
            out[outI++] = '>'; out[outI++] = '<img id="' + this._arrowRightIconId + '" src="' + this.imgDir + this._arrowIconRightSrc + '" border="0" width="' + this._arrowIconRightWidth + 'px" height="' + this._arrowIconRightHeight + 'px"'; if (typeof (this.arrowIconRightCssStyle) != 'undefined') {
                out[outI++] = ' style="' + this.arrowIconRightCssStyle + '"';
            }
            out[outI++] = '>'; out[outI++] = '</a></div>'; localOffset += this._arrowIconRightWidth;
        }
        var styleValueFieldClass = (this.styleValueFieldClass) ? ' class="' + this.styleValueFieldClass + '"' : ''; var styleValueTextClass = (this.styleValueTextClass) ? ' class="' + this.styleValueTextClass + '"' : ''; out[outI++] = '<div id="' + this._valueContainerId + '" style="position:absolute; left:' + localOffset + 'px; top:0px;">'; if (this.useInputField == 1) {
            out[outI++] = '<span' + styleValueTextClass + ' id="' + this._valueTextId + '">' + this.valueDefault + '</span>'; out[outI++] = '<input type="hidden" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '">';
        } else if (this.useInputField == 2) {
            out[outI++] = '<input type="text"' + styleValueFieldClass + ' onMouseOver="bsFormFieldSetFocusAndSelect(this, false);" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '" size="2"'; if (styleValueFieldClass == '') {
                out[outI++] = ' style="vertical-align:text-top; width:30px; height:' + this.height + 'px;"';
            }
            out[outI++] = ' onKeyUp="Bs_Objects[' + this._id + '].onChangeByInput(this.value, false);" onBlur="Bs_Objects[' + this._id + '].onChangeByInput(this.value, true);">';
        } else if (this.useInputField == 3) {
            out[outI++] = '<input type="text"' + styleValueFieldClass + ' onMouseOver="bsFormFieldSetFocusAndSelect(this, false);" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '" size="2"'; if (styleValueFieldClass == '') {
                out[outI++] = ' style="display:none; vertical-align:text-top; width:30px; height:' + this.height + 'px;"';
            } else {
                out[outI++] = ' style="display:none;"';
            }
            out[outI++] = ' onKeyUp="Bs_Objects[' + this._id + '].onChangeByInput(this.value, false);" onBlur="var _bss = Bs_Objects[' + this._id + ']; _bss.onChangeByInput(this.value, true); _bss.textboxEdit(false)">'; out[outI++] = '<span' + styleValueTextClass + ' style="" id="' + this._valueTextId + '" '; if (this.inputTextFieldEvent == 'click') {
                out[outI++] = 'onClick="Bs_Objects[' + this._id + '].textboxEdit(true);"';
            } else {
                out[outI++] = 'onMouseOver="Bs_Objects[' + this._id + '].textboxEdit(true);"';
            }
            out[outI++] = '>' + this.valueDefault + '</span>';
        } else {
            out[outI++] = '<input type="hidden" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '">';
        }
        out[outI++] = '</div>'; out[outI++] = '</div>'; out[outI++] = '</div>'; document.getElementById(tagId).innerHTML = out.join(''); this._containerObj = document.getElementById(this._containerId); this._handleObj = document.getElementById(this._handleId); this._valueContainerObj = document.getElementById(this._valueContainerId); this._arrowLeftContainerObj = document.getElementById(this._arrowLeftContainerId); this._arrowLeftIconObj = document.getElementById(this._arrowLeftIconId); this._arrowRightContainerObj = document.getElementById(this._arrowRightContainerId); this._arrowRightIconObj = document.getElementById(this._arrowRightIconId); this._valueFieldObj = document.getElementById(this._valueFieldId); this._valueTextObj = document.getElementById(this._valueTextId); this._slideBarObj = document.getElementById(this._slideBarId); this._colorbarObj = document.getElementById(this._colorbarId); this._posSlideStart = (this.direction == 0) ? getDivLeft(this._slideBarObj) : getDivTop(this._slideBarObj); this._slideWidth = (this.direction == 0) ? this.width - this._sliderImgWidth : this.height - this._sliderImgHeight; this._posSlideEnd = this._posSlideStart + this._slideWidth; this._currentRelSliderPosX = this._posSlideStart; if (this.valueDefault > this.minVal) {
            var hundertPercent = this.maxVal - this.minVal; var myPercent = (this.valueDefault - this.minVal) * 100 / hundertPercent; this._currentRelSliderPosX += (myPercent * this._slideWidth / 100); this._updateColorbar(this._currentRelSliderPosX);
        }
        if (this.direction == 0) {
            this._handleObj.style.left = this._currentRelSliderPosX + 'px';
        } else {
            this._handleObj.style.top = this._currentRelSliderPosX + 'px';
        }
        this._handleObj.style.display = 'block'; temp = ech_attachMouseDrag(this._handleObj, this.slideStart, null, this.slideMove, null, this.slideEnd, null, null, null); temp = temp.linkCtrl(getDivImage('', 'bsslidericonname')); this.ctrl = temp; this.ctrl.sliderObj = this; var x = getDivLeft(this._handleObj); var y = getDivTop(this._handleObj); y = 0; if (this.direction == 0) {
            this.ctrl.minX = this._posSlideStart; this.ctrl.maxX = this._posSlideEnd; this.ctrl.minY = y; this.ctrl.maxY = y;
        } else {
            this.ctrl.minX = x; this.ctrl.maxX = x; this.ctrl.minY = this._posSlideStart; this.ctrl.maxY = this._posSlideEnd;
        }
    }
    this.drawInto = function (tagId) {
        this.render(tagId); if (this._disabled) this.setDisabled(true);
    }
    this.draw = function (tagId) {
        this.render(tagId); if (this._disabled) this.setDisabled(true);
    }
    this.attachEvent = function (trigger, yourEvent) {
        if (typeof (this._attachedEvents) == 'undefined') {
            this._attachedEvents = new Array();
        }
        if (typeof (this._attachedEvents[trigger]) == 'undefined') {
            this._attachedEvents[trigger] = new Array(yourEvent);
        } else {
            this._attachedEvents[trigger][this._attachedEvents[trigger].length] = yourEvent;
        }
    }
    this.hasEventAttached = function (trigger) {
        return (this._attachedEvents && this._attachedEvents[trigger]);
    }
    this.fireEvent = function (trigger) {
        if (this._attachedEvents && this._attachedEvents[trigger]) {
            var e = this._attachedEvents[trigger]; if ((typeof (e) == 'string') || (typeof (e) == 'function')) {
                e = new Array(e);
            }
            for (var i = 0; i < e.length; i++) {
                if (typeof (e[i]) == 'function') {
                    e[i](this);
                } else if (typeof (e[i]) == 'string') {
                    eval(e[i]);
                }
            }
        }
    }
    this.attachOnChange = function (functionName) {
        this.eventOnChange = functionName;
    }
    this.attachOnSlideStart = function (functionName) {
        this.slideStartCB = functionName;
    }
    this.attachOnSlideMove = function (functionName) {
        this.slideMoveCB = functionName;
    }
    this.attachOnSlideEnd = function (functionName) {
        this.slideEndCB = functionName;
    }
    this.attachOnArrow = function (functionName) {
        this.eventOnArrow = functionName;
    }
    this.attachOnInputChange = function (functionName) {
        this.eventOnInputChange = functionName;
    }
    this.attachOnInputBlur = function (functionName) {
        this.eventOnInputBlur = functionName;
    }
    this.setSliderIcon = function (imgName, width, height) {
        this._sliderImgSrc = imgName; this._sliderImgWidth = width; this._sliderImgHeight = height;
    }
    this.setArrowIconLeft = function (imgName, width, height) {
        this._arrowIconLeftSrc = imgName; this._arrowIconLeftWidth = width; this._arrowIconLeftHeight = height;
    }
    this.setArrowIconRight = function (imgName, width, height) {
        this._arrowIconRightSrc = imgName; this._arrowIconRightWidth = width; this._arrowIconRightHeight = height;
    }
    this.setBackgroundImage = function (src, repeat, cssStyle) {
        this._bgImgSrc = src; this._bgImgRepeat = repeat; this._bgImgCssStyle = cssStyle;
    }
    this.setBackgroundImageLeft = function (imgName, width, height) {
        this._bgImgLeftSrc = imgName; this._bgImgLeftWidth = width; this._bgImgLeftHeight = height;
    }
    this.setBackgroundImageRight = function (imgName, width, height) {
        this._bgImgRightSrc = imgName; this._bgImgRightWidth = width; this._bgImgRightHeight = height;
    }
    this.setDisplay = function (display) {
        this._display = display; if (this._containerObj) {
            switch (display) {
                case 0:
                    this._containerObj.style.display = 'none'; break; case 1:
                    this._containerObj.style.visibility = 'hidden'; break; case 2:
                    this._containerObj.style.visibility = 'visible'; this._containerObj.style.display = 'block'; break; default:
            }
        }
    }
    this.setDisabled = function (b) {
        if (typeof (b) == 'undefined') b = !this._disabled; if (b) {
            var filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); progid:DXImageTransform.Microsoft.BasicImage(opacity=.5)'; var cursor = 'default';
        } else {
            var filter = null; var cursor = 'hand';
        }
        var t = new Array(
this._containerId, this._arrowLeftContainerId, this._arrowRightContainerId,
this._valueFieldId, this._valueTextId,
this._slideBarId, this._colorbarId, this._handleId
); for (var i = 0; i < t.length; i++) {
            var elm = document.getElementById(t[i]); if (elm != null) elm.style.filter = filter;
        }
        var elm = document.getElementById(this._arrowLeftIconId); if (elm != null) elm.style.cursor = cursor; var elm = document.getElementById(this._arrowRightIconId); if (elm != null) elm.style.cursor = cursor; var elm = document.getElementById(this._valueFieldId); if (elm != null) elm.disabled = b; this._disabled = b;
    }
    this.getValue = function () {
        return this._valueInternal;
    }
    this.getValueInPercent = function () {
        var range = Math.abs(this.maxVal - this.minVal); var percent = this._valueInternal / range * 100; return percent;
    }
    this.getSliderPos = function () {
        var absLeng = (this.direction == 0) ? getDivLeft(this.ctrl.div) - this.ctrl.minX : getDivTop(this.ctrl.div) - this.ctrl.minY; var absRang = this.maxVal - this.minVal; return (absLeng * absRang / this._slideWidth) + this.minVal;
    }
    this.onChangeBySlide = function () {
        if (this._disabled) return; var newPos = this._getNewLocationFromCursor(); var val = this._getValueByPosition(newPos); val = this._roundToGrid(val); if (val != this._valueInternal) {
            this._valueInternal = val; this.updateHandle(newPos); this.updateValueField(val); this.updateValueText(val); this._updateColorbar(newPos); if ('undefined' != typeof (this.eventOnChange)) this.eventOnChange(this, val, newPos); this.fireEvent('onChange');
        }
    }
    this.onChangeByClick = function (event) {
        if (this._disabled) return; var newPos = 0; if ('undefined' != typeof (event.offsetX)) {
            newPos = (this.direction == 0) ? event.offsetX + this._posSlideStart : event.offsetY + this._posSlideStart;
        } else if ('undefined' != typeof (event.layerX)) {
            newPos = (this.direction == 0) ? event.layerX + this._posSlideStart : event.layerY + this._posSlideStart;
        } else {
            return;
        }
        var val = this._getValueByPosition(newPos); val = this._roundToGrid(val); if (val != this._valueInternal) {
            this._valueInternal = val; this.updateHandle(newPos); this.updateValueField(val); this.updateValueText(val); this._updateColorbar(newPos); if ('undefined' != typeof (this.eventOnChange)) this.eventOnChange(this, val, newPos); this.fireEvent('onChange');
        }
    }
    this.onChangeByInput = function (val, isBlur) {
        if (this._disabled) return; if (val == '') {
            val = this.minVal;
        }
        val = this._roundToGrid(val); var newPos = this._getPositionByValue(val); if (val != this._valueInternal) {
            this._valueInternal = val; this.updateHandle(newPos); this._updateColorbar(newPos); if ('undefined' != typeof (this.eventOnChange)) this.eventOnChange(this, val, newPos); this.fireEvent('onChange'); if (isBlur) {
                this.updateValueField(val); this.updateValueText(val);
            }
        } else if (isBlur) {
            this.updateValueField(val); this.updateValueText(val);
        }
    }
    this.onChangeByArrow = function (leftOrRight, keepFiring, loopCall) {
        if (!loopCall) this._stopFireArrowFlag = false;
        if (this._stopFireArrowFlag) return; 
        if (this._disabled) return; var val = parseFloat(this._valueInternal); if (leftOrRight) {
            val += this.arrowAmount;
        } else {
            val -= this.arrowAmount;
        }
        val = this._roundToGrid(val); 
        if (val != this._valueInternal) {
            this._valueInternal = val;
            var newPos = this._getPositionByValue(val);
            this.updateHandle(newPos);
            this.updateValueField(val);
            this.updateValueText(val);
            this._updateColorbar(newPos);
            if ('undefined' != typeof (this.eventOnChange))
                this.eventOnChange(this, val, newPos); 
            this.fireEvent('onChange');
        }
        if (keepFiring) {
            if (!this._stopFireArrowFlag && (this.arrowKeepFiringTimeout > 0)) {
                setTimeout('Bs_Objects[' + this._id + '].onChangeByArrow(' + leftOrRight + ', ' + keepFiring + ', true);', this.arrowKeepFiringTimeout);
            }
        }
    }
    this.onMouseWheel = function () {
        if (this._disabled)
            return;
        var val = parseFloat(this._valueInternal);
        if (event.wheelDelta > 0) {
            val -= this.wheelAmount;
        } else {
            val += this.wheelAmount;
        }
        val = this._roundToGrid(val);
        if (val != this._valueInternal) {
            this._valueInternal = val;
            var newPos = this._getPositionByValue(val);
            this.updateHandle(newPos);
            this.updateValueField(val);
            this.updateValueText(val);
            this._updateColorbar(newPos);
            if ('undefined' != typeof (this.eventOnChange))
                this.eventOnChange(this, val, newPos);
            this.fireEvent('onChange');
        }
    }
    this.stopFireArrow = function () {
        this._stopFireArrowFlag = true;
    }
    this.setValue = function (val) {
        val = this._roundToGrid(val); var newPos = this._getPositionByValue(val); if (val != this._valueInternal) {
            this._valueInternal = val; this.updateHandle(newPos); this._updateColorbar(newPos); if ('undefined' != typeof (this.eventOnChange)) this.eventOnChange(this, val, newPos); this.fireEvent('onChange'); this.updateValueField(val); this.updateValueText(val);
        }
    }
    this.onChangeByApi = function (val) {
        this.setValue(val);
    }
    this._updateColorbar = function (newPos) {
        if (this._colorbarObj) {
            var newWidth = newPos + this.colorbar['widthDifference']; if (newWidth < 0) newWidth = 0; this._colorbarObj.style.width = newWidth; if (typeof (this.colorbar['color2']) != 'undefined') {
                var percent = this.getValueInPercent(); var newColor = mixColor(this.colorbar['color'], this.colorbar['color2'], percent); document.getElementById(this._colorbarId).style.backgroundColor = newColor;
            }
        }
    }
    this._getValueByPosition = function (pos) {
        if (this.direction == 0) {
            pos -= this.ctrl.minX; var hundertPercent = this.ctrl.maxX - this.ctrl.minX;
        } else {
            pos -= this.ctrl.minY; var hundertPercent = this.ctrl.maxY - this.ctrl.minY;
        }
        var myPercent = pos / hundertPercent; var val = this.minVal + ((this.maxVal - this.minVal) * myPercent); return val;
    }
    this._getPositionByValue = function (val) {
        val = val - this.minVal;
        var hundertPercent = this.maxVal - this.minVal;
        var myPercent = val / hundertPercent;
        var pos = 0;
        if (this.ctrl) {
            if (this.direction == 0) {
                pos = this.ctrl.minX + ((this.ctrl.maxX - this.ctrl.minX) * myPercent);
            } else {
                pos = this.ctrl.minY + ((this.ctrl.maxY - this.ctrl.minY) * myPercent);
            }
        }
        return pos;
    }
    this._roundToGrid = function (val) {
        val = parseFloat(val); if (isNaN(val)) return this.minVal; val = Math.round(val / this.valueInterval) * this.valueInterval; val = Math.round(val * 10000) / 10000; if (val < this.minVal) val = this.minVal; if (val > this.maxVal) val = this.maxVal; return val;
    }
    this._getNewLocationFromCursor = function () {
        var ox = this._posEventSlideStartX; var oy = this._posEventSlideStartY; switch (this.direction) {
            case 0:
                var t = this.ctrl.pageX - ox; var x = parseInt(this._posObjSlideStartX) + t; if (x > this.ctrl.maxX) x = this.ctrl.maxX; if (x < this.ctrl.minX) x = this.ctrl.minX; return x; case 1:
                var t = this.ctrl.pageY - oy; var y = parseInt(this._posObjSlideStartY) + t; if (y > this.ctrl.maxY) y = this.ctrl.maxY; if (y < this.ctrl.minY) y = this.ctrl.minY; return y;
        }
    }
    this.updatePointer = function (newPos) {
        this.updateHandle(newPos);
    }
    this.updateHandle = function (newPos) {
        if (this.direction == 0) {
            this._currentRelSliderPosX = newPos + 'px'; 
            this.ctrl.div.style.left = newPos + 'px';
        } else {
            this._currentRelSliderPosX = newPos + 'px'; 
            this.ctrl.div.style.top = newPos + 'px';
        }
        return;
    }
    this.updateValueField = function (val) {
        if (this._valueFieldObj) {
            this._valueFieldObj.value = val;
        }
    }
    this.updateValueText = function (val) {
        if (this._valueTextObj) {
            this._valueTextObj.innerHTML = val;
        }
    }
    this.arrowOnClick = function () {
    }
    this.onChange = function (val) {
        if (this._disabled) return; this.setValue(val);
    }
    this.updateInputBox = function (val) {
        if (this._disabled) return; this.setValue(val);
    }
    this.textboxEdit = function (editMode) {
        if (this._disabled) return; if (editMode) {
            if ('undefined' != typeof (this._valueFieldObj)) {
                this._valueTextObj.style.display = 'none'; this._valueFieldObj.style.display = 'block'; bsFormFieldSetFocusAndSelect(this._valueFieldObj, false);
            }
        } else {
            if ('undefined' != typeof (this._valueTextObj)) {
                this._valueFieldObj.style.display = 'none'; this._valueTextObj.style.display = 'block';
            }
        }
    }
    this.slideMove = function (ctrl, client) {
        ctrl.sliderObj.onChangeBySlide(ctrl);
    }
    this.slideStart = function (ctrl, client) {
        ctrl.sliderObj._posEventSlideStartX = ctrl.startX; ctrl.sliderObj._posEventSlideStartY = ctrl.startY; ctrl.sliderObj._posObjSlideStartX = ctrl.sliderObj._handleObj.style.left; ctrl.sliderObj._posObjSlideStartY = ctrl.sliderObj._handleObj.style.top; var pos = ctrl.sliderObj.getSliderPos(); ctrl.sliderObj.setValue(pos); if ('undefined' != typeof (ctrl.sliderObj.slideStartCB)) {
            ctrl.sliderObj.slideStartCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);
        }
    }
    this.slideEnd = function (ctrl, client) {
        if (this._disabled) return; var pos = ctrl.sliderObj.getSliderPos(); if ('undefined' != typeof (ctrl.sliderObj.slideEndCB)) {
            ctrl.sliderObj.slideEndCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);
        }
        return;
    }
    this._constructor(theFieldnamePrefix);
}