/********************************************************************************************



* 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>



* @author    Andrej Arn <andrej-at-blueshoes>



*/



if (!Bs_Objects) {var Bs_Objects = [];};function Bs_Slider(theFieldnamePrefix) {



this._objectId;this.fieldName;this.fieldName2;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.colorbar2;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.styleValueFieldClass2 = 'smalltxt spanSliderField';this.styleValueTextClass  = 'smalltxt spanSliderText';this.styleValueTextClass2 = '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.valueInterval2  = 1;this.useInputField  = 2;this.useInputField2 = 2;this.inputTextFieldEvent = 'over';this.useSecondKnob;this.preventValueCrossing;this.ctrl;this.ctrl2;this._valueInternal;this._valueInternal2;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._valueFieldObj2;this._valueTextId;this._valueTextObj;this._valueTextObj2;this._slideBarId;this._slideBarObj;this._colorbarId;this._colorbarObj;this._colorbarObj2;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.fieldName2 = theFieldnamePrefix + '2_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 (this.useSecondKnob) {



if (typeof(this.minVal2)     == 'undefined') this.minVal2     = 0;if (typeof(this.maxVal2)     == 'undefined') this.maxVal2     = 10;if (typeof(this.valueDefault2) == 'undefined') this.valueDefault2 = this.maxVal2;this._valueInternal2 = this.valueDefault2;}



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         = 30;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';if (typeof(this.fieldName2) == 'undefined') this.fieldName2 = tagId + '2_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 + ';">';if (this.useSecondKnob) {



out[outI++] = this._renderInputFieldAndText(localOffset, 1);localOffset += 0;}



out[outI++] = '<div style="position:absolute; display:none; z-index:' + (this.baseZindex + 10) + ';" id="' + this._handleId     + '">';out[outI++] = '<img name="poImg' + tagId + '" src="' + this.imgDir + this._sliderImgSrc + '" border=0 width=' + this._sliderImgWidth + ' height=' + this._sliderImgHeight + '>';out[outI++] = '</div>';if (this.useSecondKnob) {



out[outI++] = '<div style="position:absolute; display:none; z-index:' + (this.baseZindex + 9) + ';" id="' + this._handleId     + '2">';out[outI++] = '<img name="poImg' + tagId + '2" src="' + this.imgDir + this._sliderImgSrc2 + '" border=0 width=' + this._sliderImgWidth2 + ' height=' + this._sliderImgHeight2 + '>';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:' + (this.baseZindex +5) + '; 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>';}



if (this.colorbar2) {



out[outI++] = '<div id="' + this._colorbarId + '2" onClick="Bs_Objects['+this._id+'].onChangeByClick(event);"';if (this.colorbar2['cssClass']) {



out[outI++] = ' class="' + this.colorbar2['cssClass'] + '"';}



out[outI++] = ' style="position:absolute; z-index:' + (this.baseZindex +5) + '; width:0;';if ('undefined' != typeof(this.colorbar2['color'])) {



out[outI++] = ' background-color:' + this.colorbar2['color'] + ';';} else if ('undefined' == typeof(this.colorbar2['cssClass'])) {



out[outI++] = ' background-color:orange;';}



if ('undefined' != typeof(this.colorbar2['offsetLeft'])) {



out[outI++] = ' left:' + (localOffset + this.colorbar2['offsetLeft']) + ';';}



if ('undefined' != typeof(this.colorbar2['offsetTop'])) {



out[outI++] = ' top:' + this.colorbar2['offsetTop'] + ';';}



if ('undefined' != typeof(this.colorbar2['height'])) {



out[outI++] = ' height:' + this.colorbar2['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;}







if(this.fieldName=='slider2_start')



{



//	this.tabletext='<table width="100%" align="center"><tr ><td align=center></td><td align="center"><hr>&nbsp;<div  hight=39>EX</div>&nbsp;</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center><hr><div hight=39>VG</div>&nbsp;</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center><hr><div hight=39>G</div>&nbsp;</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center><hr><div hight=39>NOR<hr></div>&nbsp;</td><td align=center>&nbsp;</td></tr></table>';

this.tabletext = '';

}



else if(this.fieldName=='slider3_start')



{



//this.tabletext='<div hight=250><br><table><tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;D</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;E</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;F</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;G</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;H</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;I</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;J</td><td align=center>&nbsp;</td></tr></table></div>';



this.tabletext = '';

}



else if(this.fieldName=='slider4_start')



{

	

	

	

	

	

	/* jai  */

	

	

//this.tabletext='<div hight=250><table><tr style="height:2px"><td align=left>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;FL</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr style="height:2px" ><td align=left>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;IF</td><td align=center>&nbsp;</td></tr>';

//

//

//

//this.tabletext+='<tr style="height:2px"><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;VVS1</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr style="height:2px" ><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;VVS2</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr style="height:2px"><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;VS1</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr style="height:2px"><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;VS2</td><td align=center>&nbsp;</td></tr>';

//this.tabletext+='<tr style="height:2px"><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;SI1</td><td align=center>&nbsp;</td></tr>';

//

//this.tabletext+='<tr style="height:2px"><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;SI2</td><td align=center>&nbsp;</td></tr>';

//

//

//this.tabletext+='<tr style="height:2px"><td align=center>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;SI3</td><td align=center>&nbsp;</td></tr>';

//this.tabletext+='<tr style="height:2px"><td align=left>&nbsp;</td><td align=center>&nbsp;&nbsp;&nbsp;&nbsp;I1</td><td align=center>&nbsp;</td></tr></table></div>';



this.tabletext = '<div style="padding-top:6px;"><img src="num/clarity.gif" border="0" /></div>';



	/*

SI3

I1



	this.tabletext=

	'<div class=imgHorizLine2D66 style=position:absolute;top:0;><!----></div><span style=top:14 class=fadedTextVert>FL</span><div class=imgHorizLineD66 style=position:absolute;top:27;><!----></div><span style=top:28; class=fadedTextVert>IF</span><div class=imgHorizLineD66 style=position:absolute;top:42;><!----></div><span style=top:43; class=fadedTextVert>VVS1</span><div class=imgHorizLineD66 style=position:absolute;top:57;><!----></div><span style=top:58; class=fadedTextVert>VVS2</span><div class=imgHorizLineD66 style=position:absolute;top:72;><!----></div><span style=top:73; class=fadedTextVert>VS1</span><div class=imgHorizLineD66 style=position:absolute;top:87;><!----></div><span style=top:88; class=fadedTextVert>VS2</span><div class=imgHorizLineD66 style=position:absolute;top:102;><!----></div><span style=top:103; class=fadedTextVert>SI1</span><div class=imgHorizLineD66 style=position:absolute;top:117;><!----></div><span style=top:118; class=fadedTextVert>SI2</span><div class=imgHorizLine2D66 style=position:absolute;bottom:0;><!----></div>';

*/

}



else



this.tabletext='';



out[outI++] = '">'+this.tabletext+'</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;}



if (this.useSecondKnob) {



out[outI++] = this._renderInputFieldAndText(localOffset, 2);} else {



out[outI++] = this._renderInputFieldAndText(localOffset, 1);}



out[outI++] = '</div>';out[outI++] = '</div>';



document.getElementById(tagId).innerHTML = out.join('');



this._containerObj           = document.getElementById(this._containerId);



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._slideBarObj            = document.getElementById(this._slideBarId);



this._handleObj              = document.getElementById(this._handleId);



this._valueContainerObj      = document.getElementById(this._valueContainerId);



this._valueFieldObj          = document.getElementById(this._valueFieldId);



this._valueTextObj           = document.getElementById(this._valueTextId);



this._colorbarObj            = document.getElementById(this._colorbarId);



this._posSlideStart = (this.direction == 0) ? getDivLeft(this._slideBarObj) : getDivTop(this._slideBarObj)-8;



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);}



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('', 'poImg' + tagId));this.ctrl           = temp;this.ctrl.sliderObj = this;this.ctrl.knobId    = 1;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;}



if (this.useSecondKnob) {



this._handleObj2              = document.getElementById(this._handleId + '2');this._valueContainerObj2      = document.getElementById(this._valueContainerId + '2');this._valueFieldObj2          = document.getElementById(this._valueFieldId + '2');this._valueTextObj2           = document.getElementById(this._valueTextId + '2');this._colorbarObj2            = document.getElementById(this._colorbarId + '2');this._slideWidth2    = (this.direction == 0) ? this.width - this._sliderImgWidth2 : this.height - this._sliderImgHeight2;this._posSlideEnd2   = this._posSlideStart + this._slideWidth2;this._currentRelSliderPosX2 = this._posSlideStart;if (this.valueDefault2 > this.minVal2) {



var hundertPercent = this.maxVal2 - this.minVal2;var myPercent      = (this.valueDefault2-this.minVal2) * 100 / hundertPercent;this._currentRelSliderPosX2 += (myPercent * this._slideWidth2 / 100);}



if (this.direction == 0) {



this._handleObj2.style.left = this._currentRelSliderPosX2;} else {



this._handleObj2.style.top  = this._currentRelSliderPosX2;}



this._handleObj2.style.display = 'block';temp2 = ech_attachMouseDrag(this._handleObj2,this.slideStart,null,this.slideMove,null,this.slideEnd,null,null,null);temp2 = temp2.linkCtrl(getDivImage('', 'poImg' + tagId + '2'));this.ctrl2           = temp2;this.ctrl2.sliderObj = this;this.ctrl2.knobId    = 2;var x = getDivLeft(this._handleObj2);var y = getDivTop(this._handleObj2);y = 0;if (this.direction == 0) {



this.ctrl2.minX = this._posSlideStart;this.ctrl2.maxX = this._posSlideEnd2;this.ctrl2.minY = y;this.ctrl2.maxY = y;} else {



this.ctrl2.minX = x;this.ctrl2.maxX = x;this.ctrl2.minY = this._posSlideStart;this.ctrl2.maxY = this._posSlideEnd2;}



}



this._updateColorbar(this._currentRelSliderPosX, 1);this._updateColorbar(this._currentRelSliderPosX2, 2);}



this._renderInputFieldAndText = function(localOffset, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';var out = new Array();var styleValueFieldClass = (this['styleValueFieldClass'+k]) ? ' class="' + this['styleValueFieldClass'+k] + '"' : '';var styleValueTextClass  = (this['styleValueTextClass'+k])  ? ' class="' + this['styleValueTextClass'+k]  + '"' : '';var cssAlign = (this.useSecondKnob && (knobId == 1)) ? 'align:right;' : '';out[out.length] = '<div id="' + this._valueContainerId + k + '" style="position:absolute; left:' + localOffset + '; top:0px;">';if (this['useInputField'+k] == 1) {



out[out.length] = '<span' + styleValueTextClass + ' id="' + this._valueTextId + k + '">' + this['valueDefault'+k]  + '</span>';out[out.length] = '<input type="hidden" name="' + this['fieldName'+k] + '" id="' + this._valueFieldId + k + '" value="' + this['valueDefault'+k] + '">';} else if (this['useInputField'+k] == 2) {



out[out.length] = '<input type="hidden"' + styleValueFieldClass + ' onMouseOver="bsFormFieldSetFocusAndSelect(this, false);" name="' + this['fieldName'+k] + '" id="' + this._valueFieldId + k + '" value="' + this['valueDefault'+k] + '" size="2"';if (styleValueFieldClass == '') {



out[out.length] = ' style="vertical-align:text-top; width:30; height:' + this.height + ';"';}



out[out.length] = ' onKeyUp="Bs_Objects['+this._id+'].onChangeByInput(this.value, false, '+knobId+');" onBlur="Bs_Objects['+this._id+'].onChangeByInput(this.value, true, '+knobId+');">';} else if (this['useInputField'+k] == 3) {



out[out.length] = '<input type="text"' + styleValueFieldClass + ' onMouseOver="bsFormFieldSetFocusAndSelect(this, false);" name="' + this['fieldName'+k] + '" id="' + this._valueFieldId + k + '" value="' + this['valueDefault'+k] + '" size="2"';if (styleValueFieldClass == '') {



out[out.length] = ' style="display:none; vertical-align:text-top; width:30; height:' + this.height + ';"';} else {



out[out.length] = ' style="display:none;"';}



out[out.length] = ' onKeyUp="Bs_Objects['+this._id+'].onChangeByInput(this.value, false, '+knobId+');" onBlur="var _bss = Bs_Objects['+this._id+']; _bss.onChangeByInput(this.value, true, '+knobId+'); _bss.textboxEdit(false, '+knobId+')">';out[out.length] = '<span' + styleValueTextClass + ' style="' + cssAlign + '" id="' + this._valueTextId + k + '" ';if (this.inputTextFieldEvent == 'click') {



out[out.length] = 'onClick="Bs_Objects['+this._id+'].textboxEdit(true, '+knobId+');"';} else {



out[out.length] = 'onMouseOver="Bs_Objects['+this._id+'].textboxEdit(true, '+knobId+');"';}



out[out.length] = '>' + this['valueDefault'+k]  + '</span>';} else {



out[out.length] = '<input type="hidden" name="' + this['fieldName'+k] + '" id="' + this._valueFieldId + k + '" value="' + this['valueDefault'+k] + '">';}



out[out.length] = '</div>';return out.join('');}



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.setSliderIcon2 = function(imgName, width, height) {



this._sliderImgSrc2    = imgName;this._sliderImgWidth2  = width;this._sliderImgHeight2 = 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,



this._valueFieldId + '2',



this._valueTextId + '2',



this._colorbarId + '2',



this._handleId + '2'



);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(knobId) {



if ((typeof(knobId) == 'undefined') || (knobId == 1)) {



return this._valueInternal;} else {



return this._valueInternal2;}



}



this.getValueInPercent = function(knobId) {



if ((typeof(knobId) == 'undefined') || (knobId == 1)) {



var range   = Math.abs(this.maxVal - this.minVal);var percent = Math.abs(this._valueInternal - this.minVal) / range * 100;return percent;} else {



var range   = Math.abs(this.maxVal2 - this.minVal2);var percent = Math.abs(this._valueInternal2 - this.minVal2) / range * 100;return percent;}



}



this.getSliderPos = function(knobId) {



if (typeof(knobId) == 'undefined') knobId = 1;if (knobId == 1) {



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;} else {



var absLeng = (this.direction==0) ? getDivLeft(this.ctrl2.div) - this.ctrl2.minX : getDivTop(this.ctrl2.div) - this.ctrl2.minY;var absRang = this.maxVal2 - this.minVal2;return (absLeng * absRang/this._slideWidth) + this.minVal2;}



}



this.onChangeBySlide = function(ctrl) {



if (this._disabled) return;var newPos = this._getNewLocationFromCursor(ctrl);var val = this._getValueByPosition(newPos);val     = this._roundToGrid(val, ctrl.knobId);var valInternal = (ctrl.knobId == 1) ? this._valueInternal : this._valueInternal2;if (val != valInternal) {



if (ctrl.knobId == 1) {



this._valueInternal = val;} else {



this._valueInternal2 = val;}



this.updateHandle(newPos, ctrl.knobId);this.updateValueField(val, ctrl.knobId);this.updateValueText(val, ctrl.knobId);this._updateColorbar(newPos, ctrl.knobId);if ('undefined' != typeof(this.eventOnChange)) {



if (this.useSecondKnob) {



this.eventOnChange(this, val, newPos, ctrl.knobId);} else {



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);if (this.useSecondKnob) {



if (val > this._valueInternal2) {



var knobId = 2;} else if (val < this._valueInternal) {



var knobId = 1;} else {



return;}



} else {



var knobId = 1;}



val     = this._roundToGrid(val);if (val != this._valueInternal) {



if (knobId == 1) {



this._valueInternal = val;} else {



this._valueInternal2 = val;}



this.updateHandle(newPos, knobId);this.updateValueField(val, knobId);this.updateValueText(val, knobId);this._updateColorbar(newPos, knobId);if ('undefined' != typeof(this.eventOnChange)) {



if (this.useSecondKnob) {



this.eventOnChange(this, val, newPos, knobId);} else {



this.eventOnChange(this, val, newPos);}



}



this.fireEvent('onChange');}



}



this.onChangeByInput = function(val, isBlur, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this._disabled) return;if (val == '') {



val = this['minVal'+k];}



val = this._roundToGrid(val, knobId);var newPos = this._getPositionByValue(val);if (val != this['_valueInternal'+k]) {



this['_valueInternal'+k] = val;this.updateHandle(newPos, knobId);this._updateColorbar(newPos, knobId);if ('undefined' != typeof(this.eventOnChange)) {



if (this.useSecondKnob) {



this.eventOnChange(this, val, newPos, knobId);} else {



this.eventOnChange(this, val, newPos);}



}



this.fireEvent('onChange');if (isBlur) {



this.updateValueField(val, knobId);this.updateValueText(val, knobId);}



} else if (isBlur) {



this.updateValueField(val, knobId);this.updateValueText(val, knobId);}



}



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)) {



if (this.useSecondKnob) {



this.eventOnChange(this, val, newPos, 1);} else {



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)) {



if (this.useSecondKnob) {



this.eventOnChange(this, val, newPos, 1);} else {



this.eventOnChange(this, val, newPos);}



}



this.fireEvent('onChange');}



}



this.stopFireArrow = function() {



this._stopFireArrowFlag = true;}



this.setValue = function(val, knobId) {



if (typeof(knobId) == 'undefined') knobId = 1;val = this._roundToGrid(val, knobId);var newPos = this._getPositionByValue(val);var valInternal = (knobId == 1) ? this._valueInternal : this._valueInternal2;if (val != valInternal) {



if (knobId == 1) {



this._valueInternal = val;} else {



this._valueInternal2 = val;}



this.updateHandle(newPos, knobId);this._updateColorbar(newPos, knobId);if ('undefined' != typeof(this.eventOnChange)) {



if (this.useSecondKnob) {



this.eventOnChange(this, val, newPos, knobId);} else {



this.eventOnChange(this, val, newPos);}



}



this.fireEvent('onChange');this.updateValueField(val, knobId);this.updateValueText(val, knobId);}



}



this.onChangeByApi = function(val, knobId) {



this.setValue(val, knobId);}



this._updateColorbar = function(newPos, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1) || ((typeof(this.colorbar) != 'undefined') && ((typeof(this.colorbar.type) != 'undefined') || (this.colorbar.type == 'between')))) ? '' : '2';if (this['_colorbarObj'+k]) {



if ((typeof(this.colorbar.type) != 'undefined') && (this.colorbar.type == 'between')) {



var left  = this._getPositionByValue(this._valueInternal,  1);var right = this._getPositionByValue(this._valueInternal2, 2);this['_colorbarObj'+k].style.left  = left + this.colorbar.offsetLeft;this['_colorbarObj'+k].style.width = right - left;} else {



var newWidth = newPos + this['colorbar'+k]['widthDifference'];if (newWidth < 0) newWidth = 0;if (k == '2') {



var invertedWidth = this.width - newWidth;if (invertedWidth < 0) invertedWidth = 0;this['_colorbarObj'+k].style.width = invertedWidth;if (typeof(this.colorbar2['offsetLeft']) != 'undefined') newWidth += this.colorbar2['offsetLeft'];this['_colorbarObj'+k].style.left  = newWidth;} else {



this['_colorbarObj'+k].style.width = newWidth;}



}



if (typeof(this['colorbar'+k]['color2']) != 'undefined') {



var percent  = this.getValueInPercent(knobId);var newColor = mixColor(this['colorbar'+k]['color'], this['colorbar'+k]['color2'], percent);document.getElementById(this._colorbarId+k).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, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';val = val - this['minVal'+k];var hundertPercent = this['maxVal'+k] - this['minVal'+k];var myPercent      = val / hundertPercent;if (this.direction == 0) {



var pos = this['ctrl'+k].minX + ((this['ctrl'+k].maxX - this['ctrl'+k].minX) * myPercent);} else {



var pos = this['ctrl'+k].minY + ((this['ctrl'+k].maxY - this['ctrl'+k].minY) * myPercent);}



return pos;}



this._roundToGrid = function(val, knobId) {



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;if (this.useSecondKnob && this.preventValueCrossing) {



if ((typeof(knobId) == 'undefined') || (knobId == 1)) {



if (val >= this._valueInternal2) {



val = this._valueInternal2 - this.valueInterval;if (val < this.minVal) val = this.minVal;}



} else {



if (val <= this._valueInternal) {



val = this._valueInternal + this.valueInterval2;if (val > this.maxVal2) val = this.maxVal2;}



}



}



return val;}



this._getNewLocationFromCursor = function(ctrl) {



if (ctrl.knobId == 1) {



var ox = this._posEventSlideStartX;var oy = this._posEventSlideStartY;var posObjSlideStartX = this._posObjSlideStartX;var posObjSlideStartY = this._posObjSlideStartY;} else {



var ox = this._posEventSlideStartX2;var oy = this._posEventSlideStartY2;var posObjSlideStartX = this._posObjSlideStartX2;var posObjSlideStartY = this._posObjSlideStartY2;}



switch (this.direction) {



case 0:



var t = ctrl.pageX - ox;var x = parseInt(posObjSlideStartX) + t;if (x > ctrl.maxX) x = ctrl.maxX;if (x < ctrl.minX) x = ctrl.minX;return x;case 1:



var t = ctrl.pageY - oy;var y = parseInt(posObjSlideStartY) + t;if (y > ctrl.maxY) y = ctrl.maxY;if (y < ctrl.minY) y = ctrl.minY;return y;}



}



this.updatePointer = function(newPos) {



this.updateHandle(newPos);}



this.updateHandle = function(newPos, knobId) {



if ((typeof(knobId) == 'undefined') || (knobId == 1)) {



if (this.direction == 0) {



this._currentRelSliderPosX = newPos;this.ctrl.div.style.left   = newPos;} else {



this._currentRelSliderPosX = newPos;this.ctrl.div.style.top    = newPos;}



} else {



if (this.direction == 0) {



this._currentRelSliderPosX2 = newPos;this.ctrl2.div.style.left   = newPos;} else {



this._currentRelSliderPosX2 = newPos;this.ctrl2.div.style.top    = newPos;}



}



return;}



this.updateValueField = function(val, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this['_valueFieldObj'+k]) {



this['_valueFieldObj'+k].value = val;}



}



this.updateValueText = function(val, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this['_valueTextObj'+k]) {



this['_valueTextObj'+k].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, knobId) {



var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this._disabled) return;if (editMode) {



if ('undefined' != typeof(this['_valueFieldObj'+k])) {



this['_valueTextObj'+k].style.display = 'none';this['_valueFieldObj'+k].style.display = 'block';bsFormFieldSetFocusAndSelect(this['_valueFieldObj'+k], false);}



} else {



if ('undefined' != typeof(this['_valueTextObj'+k])) {



this['_valueFieldObj'+k].style.display = 'none';this['_valueTextObj'+k].style.display  = 'block';}



}



}



this.slideMove = function(ctrl, client) {



ctrl.sliderObj.onChangeBySlide(ctrl);}



this.slideStart = function(ctrl, client) {



if (ctrl.knobId == 1) {



ctrl.sliderObj._handleObj.style.zIndex += 2;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;} else {



ctrl.sliderObj._handleObj2.style.zIndex += 2;ctrl.sliderObj._posEventSlideStartX2 = ctrl.startX;ctrl.sliderObj._posEventSlideStartY2 = ctrl.startY;ctrl.sliderObj._posObjSlideStartX2   = ctrl.sliderObj._handleObj2.style.left;ctrl.sliderObj._posObjSlideStartY2   = ctrl.sliderObj._handleObj2.style.top;}



var pos = ctrl.sliderObj.getSliderPos(ctrl.knobId);ctrl.sliderObj.setValue(pos, ctrl.knobId);if ('undefined' != typeof(ctrl.sliderObj.slideStartCB)) {



ctrl.sliderObj.slideStartCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);}



}



this.slideEnd = function(ctrl, client){



if (this._disabled) return;if (ctrl.knobId == 1) {



ctrl.sliderObj._handleObj.style.zIndex -= 2;} else {



ctrl.sliderObj._handleObj2.style.zIndex -= 2;}



var pos = ctrl.sliderObj.getSliderPos();if ('undefined' != typeof(ctrl.sliderObj.slideEndCB)) {



ctrl.sliderObj.slideEndCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);}



return;}



this._constructor(theFieldnamePrefix);}