
if (!Bs_Objects) {
	var Bs_Objects = [];
};

function Mc_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.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 + '; top:' + this.moveY + ';">';
		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 + ' height=' + this._sliderImgHeight + '>';
		out[outI++] = '</div>';
		if ((this.arrowAmount > 0) && this._arrowIconLeftSrc) {
			out[outI++] = '<div id="' + this._arrowLeftContainerId + '" style="position:absolute; left:' + localOffset + '; top:0;">';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 + '" height="' + this._arrowIconLeftHeight + '"';
			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 + '; top:' + tmpTop + ';">';
			out[outI++] = '<img src="' + this.imgDir + this._bgImgLeftSrc + '" width="' + this._bgImgLeftWidth + '" height="' + this._bgImgLeftHeight + '" 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:0;';
			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']) + ';';
			}
			if ('undefined' != typeof(this.colorbar['offsetTop'])) {
				out[outI++] = ' top:' + this.colorbar['offsetTop'] + ';';
			}
			if ('undefined' != typeof(this.colorbar['height'])) {
				out[outI++] = ' height:' + this.colorbar['height'] + ';';
			}
			out[outI++] = '">';
			out[outI++] = '<img src="/_bsImages/spacer.gif" width="1" height="5"></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 + '; top:' + tmpTop + '; width:' + divWidth + '; height: ' + divHeight + '; 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 + '; top:' + tmpTop + ';">';
			out[outI++] = '<img src="' + this.imgDir + this._bgImgRightSrc + '" width="' + this._bgImgRightWidth + '" height="' + this._bgImgRightHeight + '" 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 + '; top:' + tmpTop + ';">';
			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 + '" height="' + this._arrowIconRightHeight + '"';
			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 + '; 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:30; height:' + this.height + ';"';
			}
			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:30; height:' + this.height + ';"';
			} 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;
		} else {
			this._handleObj.style.top  = this._currentRelSliderPosX;
		}
		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.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._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 (event.wheelDelta > 0) {
			this.onChangeByArrow(false);
		} else if (event.wheelDelta < 0) {
			this.onChangeByArrow(true);
		}
	}
	
	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;
		}
	}
	
	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;
		if (this.direction == 0) {
			var pos = this.ctrl.minX + ((this.ctrl.maxX - this.ctrl.minX) * myPercent);
		} else {
			var 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;
			this.ctrl.div.style.left   = newPos;
		} else {
			this._currentRelSliderPosX = newPos;
			this.ctrl.div.style.top    = newPos;
		}
		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) {this.setValue(val);}
	this.updateInputBox = function(val) {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){
		var pos = ctrl.sliderObj.getSliderPos();
		if ('undefined' != typeof(ctrl.sliderObj.slideEndCB)) {
			ctrl.sliderObj.slideEndCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);
		}
		return;
	}
	
	this._constructor(theFieldnamePrefix);
}