home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
CyberMycha 2003 October
/
cmycha200310.iso
/
NHL2004
/
NHL2004Demo.exe
/
fe
/
COMMON
/
htc
/
scroller
/
newSlider.js
< prev
Wrap
Text File
|
2003-08-20
|
35KB
|
819 lines
function Slider(win, size, orient, thumbSize, min_value, max_value, page_value, line_size, skin)
{
Slider.prototype.uniqueID++;
this.soundCounter = 1;
this.uniqueID = Slider.prototype.uniqueID;
this.window = ( (win) && (!isNaN(win.screenLeft)) ) ? win :window;
this.document = this.window.document;
this.written = false;
this.thumbSize = thumbSize;
this.thumbPressed = false;
this.thumbOver = false;
this.btn1Pressed = false;
this.btn1Over = false;
this.btn2Pressed = false;
this.btn2Over = false;
this.skin = null;
this.oneThumbImage = false;
this.valueOnThumb = false;
this.btnPressedTime = 0;
this.btnTimerID = 0;
this.trackPressed = false;
this.trackOver = false;
this.ondrag_fireOnChange = false;
this.disabled = false;
this.size = size;
this.orient = orient;
this.min_value = min_value;
this.max_value = max_value;
this.page_value = page_value;
this.line_size = line_size;
this.ratio = 0;
this.value = min_value;
this.movement = {};
this.movement.newPos = 0;
this.movement.deltaPos = 0;
this.movement.startPos = 0;
if (this.orient == "horizontal") {
this.movement.eventOrient = "screenX";
this.movement.pixelOrient = "pixelLeft";
this.movement.sizeOrient = "width";
this.movement.pixelSizeOrient = "pixelWidth";
this.movement.eventOffsetOrient = "offsetX";
this.movement.opp = {};
this.movement.opp.pixelSizeOrient = "pixelHeight";
this.movement.opp.sizeOrient = "height";
this.movement.opp.pixelOrient = "pixelTop";
this.movement.opp.eventOffsetOrient = "offsetY";
this.movement.opp.eventOrient = "screenY";
this.skin = (skin) ? skin : Slider.DefaultSkins.hsb;
if (!this.skin.thumbImg_1 && !this.skin.thumbImg_2) { this.oneThumbImage = true; };
if (this.skin.thumbTxtColor_nml) { this.valueOnThumb = true; };
} else {
this.movement.eventOrient = "screenY";
this.movement.pixelOrient = "pixelTop";
this.movement.sizeOrient = "height";
this.movement.pixelSizeOrient = "pixelHeight";
this.movement.eventOffsetOrient = "offsetY";
this.movement.opp = {};
this.movement.opp.pixelSizeOrient = "pixelWidth";
this.movement.opp.sizeOrient = "width";
this.movement.opp.pixelOrient = "pixelLeft";
this.movement.opp.eventOffsetOrient = "offsetX";
this.movement.opp.eventOrient = "screenX";
this.skin = (skin) ? skin : Slider.DefaultSkins.vsb;
if (!this.skin.thumbImg_1 && !this.skin.thumbImg_2) { this.oneThumbImage = true; };
if (this.skin.thumbTxtColor_nml) { this.valueOnThumb = true; };
};
this.element = Slider.Template();
this.element.id = "slider_" + this.uniqueID;
this.window.SliderMgr.register(this.element.id, this);
this.btn1_element = this.element.childNodes[0];
this.track_element = this.element.childNodes[1];
this.thumb_element = this.element.childNodes[2];
this.btn2_element = this.element.childNodes[3];
this.thumb_element_img0 = this.thumb_element.childNodes[0];
this.thumb_element_img1 = this.thumb_element.childNodes[1];
this.thumb_element_img2 = this.thumb_element.childNodes[2];
this.thumb_element_text = this.thumb_element.childNodes[3];
var btn1JAXImg = this.skin.btn1Img.getImage();
var btn2JAXImg = this.skin.btn2Img.getImage();
var thumb0Img, thumb1Img, thumb2Img;
thumb0Img = this.skin.thumbImg_0.getImage();
if (!this.oneThumbImage) {
thumb1Img = this.skin.thumbImg_1.getImage();
thumb2Img = this.skin.thumbImg_2.getImage();
};
with (this) {
with (element.style) {
pixelWidth = (orient == "horizontal") ? size : btn1JAXImg.width;
pixelHeight = (orient != "horizontal") ? size : btn1JAXImg.height;
};
with (btn1_element) {
src = btn1JAXImg.src;
width = btn1JAXImg.width;
height = btn1JAXImg.height;
id = element.id + "_btn1";
};
with (btn2_element) {
src = btn2JAXImg.src;
width = btn2JAXImg.width;
height = btn2JAXImg.height;
id = element.id + "_btn2";
};
with (track_element) {
src = skin.trackImg.getImage().src;
id = element.id + "_track";
};
with (thumb_element) {
id = element.id + "_thumb";
with (style) {
pixelTop = (orient == "horizontal") ? 0 : btn1JAXImg.height;
pixelLeft = (orient != "horizontal") ? 0 : btn1JAXImg.width;
};
};
with (thumb_element_img0) {
src = thumb0Img.src;
width = thumb0Img.width;
height = thumb0Img.height;
id = thumb_element.id + "_img0";
};
if (!oneThumbImage) {
with (thumb_element_img1) {
src = thumb1Img.src;
width= thumb1Img.width;
height=thumb1Img.height;
id = thumb_element.id + "_img1";
};
with (thumb_element_img2) {
src = thumb2Img.src;
width= thumb2Img.width;
height=thumb2Img.height;
id = thumb_element.id + "_img2";
};
} else {
with (thumb_element_img1) {
src = "";
width = 0;
height = 0;
id = thumb_element.id + "_img1";
};
with (thumb_element_img2) {
src = "";
width = 0;
height = 0;
id = thumb_element.id + "_img2";
};
};
if (valueOnThumb) {
thumb_element_text.style.fontSize = skin.thumbTxtFontSize + "px";
thumb_element_text.style.color = skin.thumbTxtColor_nml;
};
if (orient != "horizontal") {
thumb_element_img0.style.display = "block";
thumb_element_img1.style.display = "block";
};
thumb_element_text.id = thumb_element.id + "_text";
};
this.Resize();
this.CalcThumbSize();
this.CalcMovementRange();
};
Slider.prototype.uniqueID = 0;
Slider.prototype.write = function(win, adjacentEl, whereStr)
{
if (win) {
if (this.window != win) {
this.window = win;
this.document = win.document;
};
};
with (this) {
if (!whereStr) { whereStr = "beforeEnd"; };
if (!written) {
if (!adjacentEl) {
if (document.readyState == "complete") {
document.body.insertAdjacentHTML("beforeEnd", element.outerHTML);
} else {
document.write(element.outerHTML);
};
} else {
adjacentEl.insertAdjacentHTML(whereStr, element.outerHTML);
};
};
element = document.all[element.id];
btn1_element = element.all[btn1_element.id];
btn2_element = element.all[btn2_element.id];
track_element = element.all[track_element.id];
thumb_element = element.all[thumb_element.id];
thumb_element_img0 = thumb_element.all[thumb_element_img0.id];
thumb_element_img1 = thumb_element.all[thumb_element_img1.id];
thumb_element_img2 = thumb_element.all[thumb_element_img2.id];
thumb_element_text = thumb_element.all[thumb_element_text.id];
};
};
Slider.prototype.getID = function() { return this.element.id; };
Slider.prototype.getMaxValue = function() { return this.max_value; };
Slider.prototype.getMinValue = function() { return this.min_value; };
Slider.prototype.getPageValue = function() { return this.page_value; };
Slider.prototype.setPageValue = function(newPageValue) { this.page_value = newPageValue; };
Slider.prototype.setSize = function(newSize)
{
with (this) {
size = newSize;
Resize();
CalcThumbSize();
CalcMovementRange();
setValue(min_value);
};
};
Slider.prototype.getSize = function() { return this.size; };
Slider.prototype.getTrackSize = function() { return (this.size - (this.skin.btn1Img.getImage()[this.movement.sizeOrient] + this.skin.btn2Img.getImage()[this.movement.sizeOrient])); };
Slider.prototype.getValue = function() { return this.value; };
Slider.prototype.setValueRange = function(newMin, newMax)
{
with (this) {
max_value = newMax;
min_value = newMin;
CalcThumbSize();
CalcMovementRange();
this.setValue(min_value);
};
};
Slider.prototype.setValue = function(newValue, fireChangeEvent)
{
with (this) {
newValue = (newValue < min_value) ? min_value : newValue;
newValue = (newValue > max_value) ? max_value : newValue;
var delta = (newValue == min_value) ? min_value : (max_value-min_value);
var newRatio = 0;
var newPos = movement.start;
if( delta != 0 )
{
newRatio = (newValue - min_value) / (delta);
newPos = Math.round((newRatio * movement.ratioDenominator) + movement.start);
}
movement.newPos = newPos;
thumb_element.style[movement.pixelOrient] = newPos;
ratio = newRatio;
value = newValue;
if (fireChangeEvent) { this.onchange(this.value); };
if (valueOnThumb) { thumb_element_text.innerText = value; };
};
};
Slider.prototype.setSkin = function()
{
//alert("change slider art");
};
Slider.prototype.getThumbSize = function() { return this.thumbSize; };
Slider.prototype.setThumbSize = function(newThumbSize)
{
with (this) {
thumbSize = newThumbSize;
CalcThumbSize();
CalcMovementRange();
this.setValue(min_value);
};
};
Slider.prototype.showValueOnThumb = function(bool)
{
this.thumb_element_text.style.visibility = (bool) ? "visible" : "hidden";
};
Slider.prototype.getRatio = function() { return this.ratio; };
Slider.prototype.onDrag_fireOnChange = function(bool)
{
if (bool) {
this.ondrag_fireOnChange = bool;
};
return this.ondrag_fireOnChange;
};
Slider.prototype.onchange = function(curValue) { };
Slider.prototype.CalcMovementRange = function()
{
with (this)
{
movement.start = skin.btn1Img.getImage()[movement.sizeOrient];
movement.end = (track_element.style[movement.pixelSizeOrient] - thumb_element.style[movement.pixelSizeOrient]) + skin.btn1Img.getImage()[movement.sizeOrient];
movement.ratioDenominator = movement.end - movement.start;
};
};
Slider.prototype.Resize = function()
{
with (this)
{
track_element.style[movement.opp.pixelOrient] = "0";
track_element.style[movement.pixelOrient] = skin.btn1Img.getImage()[movement.sizeOrient];
track_element.style[movement.opp.pixelSizeOrient] = skin.trackImg.getImage()[movement.opp.sizeOrient];
track_element.style[movement.pixelSizeOrient] = size - (skin.btn1Img.getImage()[movement.sizeOrient] + skin.btn2Img.getImage()[movement.sizeOrient]);
btn2_element.style[movement.opp.pixelOrient] = "0";
btn2_element.style[movement.pixelOrient] = track_element.style[movement.pixelSizeOrient] + skin.btn1Img.getImage()[movement.sizeOrient];
element.style[movement.pixelSizeOrient] = size;
element.style[movement.opp.pixelSizeOrient] = skin.btn1Img.getImage()[movement.opp.sizeOrient];
};
};
Slider.prototype.CalcThumbSize = function()
{
var trackSize, thumbSide1, thumbWidth, thumbSide2, thumbRatio, linesRatio;
with (this)
{
thumb_0 = skin.thumbImg_0.getImage();
if (!oneThumbImage) {
thumb_1 = skin.thumbImg_1.getImage();
thumb_2 = skin.thumbImg_2.getImage();
};
trackSize = track_element.style[movement.pixelSizeOrient];
thumbSide1 = thumb_0[movement.sizeOrient];
thumbSide2 = (!oneThumbImage) ? thumb_2[movement.sizeOrient]: 0;
thumbWidth = 1;
thumbRatio = ( ( ((max_value - min_value) + min_value) / trackSize) / line_size);
var tmp = Math.max( (( (1 / Math.abs(max_value - min_value) ) * trackSize) - 18), 19);
if (thumbSize < 0) {
thumbWidth = tmp;
if (thumbWidth >= trackSize) {
disabled = true;
} else {
if (thumbWidth < (thumbSide1 + thumbSide2) ) {
thumbWidth = 1;
disabled = false;
} else {
thumbWidth = Math.round(thumbWidth - (thumbSide1 + thumbSide2));
disabled = false;
};
if ((thumbWidth + thumbSide1 + thumbSide2) > trackSize) {
disabled = true;
} else {
disabled = false;
};
};
} else {
if (!oneThumbImage) {
if (thumbSize >= (thumbSide1 + thumbSide2) ) {
thumbWidth = (thumbSize < trackSize && (thumbSize > (thumbSide1 + thumbSide2))) ? thumbSize - (thumbSide1 + thumbSide2) : 0;
} else {
thumbWidth = 1;
};
disabled = (thumbWidth) ? false : true;
} else {
thumbWidth = thumbSide1;
disabled = (thumbWidth) ? false : true;
};
};
if (!disabled) {
if (!oneThumbImage) {
thumb_element_img1[movement.sizeOrient] = thumbWidth;
thumb_element_img1[movement.opp.sizeOrient] = thumb_1[movement.opp.sizeOrient];
thumb_element.style[movement.pixelSizeOrient] = (thumbSide1 + thumbSide2 + thumbWidth);
thumb_element.style[movement.opp.pixelSizeOrient] = thumb_1[movement.opp.sizeOrient];
} else {
thumb_element.style[movement.pixelSizeOrient] = thumbWidth;
thumb_element.style[movement.opp.pixelSizeOrient] = thumb_0[movement.opp.sizeOrient];
thumb_element_img0[movement.sizeOrient] = thumbWidth;
thumb_element_img0[movement.opp.sizeOrient] = thumb_element.style[movement.opp.pixelSizeOrient];
};
if (valueOnThumb) {
thumb_element_text.style.pixelWidth = thumb_0[movement.sizeOrient];
thumb_element_text.style.pixelHeight = thumb_0[movement.opp.sizeOrient];
thumb_element_text.style.pixelTop = ( Math.round(thumb_element.style.pixelHeight /2) - Math.round(thumb_element_text.style.pixelHeight / 3)) ;
thumb_element_text.style.pixelLeft = ( Math.round(thumb_element.style.pixelWidth /2) - Math.round(thumb_element_text.style.pixelWidth / 2));
};
} else {
with (thumb_element_img1) {
width = 0;
height = 0;
};
with (thumb_element.style) {
pixelWidth = 0;
pixelHeight = 0;
};
thumb_element.style[movement.pixelOrient] = skin.btn1Img.getImage()[movement.sizeOrient];
thumb_element.style[movement.opp.pixelOrient] = 0;
};
};
};
Slider.DefaultSkins = {};
Slider.DefaultSkins.hsb =
{
btn1Img: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/left_arrow00.gif", 16, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
btn2Img: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/right_arrow00.gif", 16, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
trackImg: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/slider_mid.gif", 1, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_0: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle.gif", 9, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_1: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle.gif", 1, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_2: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle.gif", 9, 16, "_nml.gif", "_hov.gif", "_dwn.gif")
};
Slider.DefaultSkins.vsb =
{
btn1Img: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/up_arrow00.gif", 16, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
btn2Img: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/down_arrow00.gif", 16, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
trackImg: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/slider_mid_vert.gif", 16, 1, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_0: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle_vert.gif", 16, 9, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_1: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle_vert.gif", 16, 1, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_2: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle_vert.gif", 16, 9, "_nml.gif", "_hov.gif", "_dwn.gif")
};
Slider.DefaultSkins.hs =
{
btn1Img: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/left_arrow00.gif", 16, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
btn2Img: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/right_arrow00.gif", 16, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
trackImg: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/slider_mid.gif", 1, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbImg_0: eaImage.createWithConvention(System.getInstallFolder() + "fe/nhl/images2/widgets/" + System.GUI.getTeamSkin() + "/slider_handle.gif", 48, 16, "_nml.gif", "_hov.gif", "_dwn.gif"),
thumbTxtFontSize: 10,
thumbTxtColor_nml: "white",
thumbTxtColor_ovr: "white",
thumbTxtColor_dwn: "white"
};
Slider.Template = function()
{
if (!Slider.Template.outerHTML) {
var outerHTML = new Array();
outerHTML[0] = "<DIV id='' hideFocus style='DISPLAY: inline; OVERFLOW: hidden; WIDTH: 400px; CURSOR: hand; POSITION: relative; HEIGHT: 0px;' tabIndex=-1 noWrap>";
outerHTML[1] = "</DIV>";
Slider.Template.outerHTML = outerHTML.join("");
};
if (!Slider.Template.innerHTML) {
var innerHTML = new Array();
innerHTML[0] = "<IMG id='' style='LEFT: 0px; POSITION: absolute; TOP: 0px' height=30 alt='' src='' width=28 border=0 onmouseover='SliderMgr.onBtnOver(1, this.id);' onmouseout='SliderMgr.onBtnOut(1, this.id);' onmousedown='SliderMgr.onBtnDwn(1, this.id);' onmouseup='SliderMgr.onBtnUp(1, this.id);'>";
innerHTML[1] = "<IMG id='' style='OVERFLOW: hidden; POSITION: absolute;' height=30 alt='' src='' width=28 border=0 onmouseover='SliderMgr.onTrackOvr(this.id);' onmouseout='SliderMgr.onTrackOut(this.id);' onmousedown='SliderMgr.onTrackDwn(this.id);' onmouseup='SliderMgr.onTrackUp(this.id);'>";
innerHTML[2] = "<SPAN id='' style='Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px;font-size:1px;' onmouseover='SliderMgr.onThumbOvr(this.id);' onmouseout='SliderMgr.onThumbOut(this.id);' onmousemove='SliderMgr.onThumbMove(this.id);' onmousedown='SliderMgr.onThumbDown(this.id);' onmouseup='SliderMgr.onThumbUp(this.id);'>";
innerHTML[3] = "<IMG id='' style='Z-INDEX: 1; POSITION: relative;display:inline;' height=30 alt='' src='' width=28 border=0>";
innerHTML[4] = "<IMG id='' style='Z-INDEX: 1; POSITION: relative;display:inline;' height=30 alt='' src='' width=28 border=0>";
innerHTML[5] = "<IMG id='' style='Z-INDEX: 1; POSITION: relative;' height=30 alt='' src='' width=28 border=0>";
innerHTML[6] = "<DIV id='' style='DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 10px; Z-INDEX: 2; OVERFLOW: hidden; FONT-FAMILY: arial; POSITION: absolute; TEXT-ALIGN: center'></DIV>";
innerHTML[7] = "</SPAN><IMG id='' style='POSITION: absolute;' height=30 alt='' src='' width=28 border=0 onmouseover='SliderMgr.onBtnOver(2, this.id);' onmouseout='SliderMgr.onBtnOut(2, this.id);' onmousedown='SliderMgr.onBtnDwn(2, this.id);' onmouseup='SliderMgr.onBtnUp(2, this.id);'>";
Slider.Template.innerHTML = innerHTML.join("");
outerHTML = innerHTML = null;
};
Slider.Template.element = document.createElement(Slider.Template.outerHTML);
Slider.Template.element.insertAdjacentHTML("beforeEnd", Slider.Template.innerHTML);
return Slider.Template.element;
};
var SliderMgr = { sliders: [] };
SliderMgr.register = function(id, sliderObj)
{
SliderMgr[id] = sliderObj;
};
SliderMgr.AnimateInterval = function(nWhich, elID)
{
var sliderObj = SliderMgr[elID.replace(/_btn./gi, "")];
if ((sliderObj.btnPressedTime + 250) < ((new Date()).getTime()) ) {
if (sliderObj.btn1Pressed) {
if ( ((sliderObj.value -1) - sliderObj.page_value) < sliderObj.min_value) {
sliderObj.setValue( (sliderObj.value -1), sliderObj.ondrag_fireOnChange );
} else {
sliderObj.setValue( ((sliderObj.value - 1) - sliderObj.page_value), sliderObj.ondrag_fireOnChange );
};
} else if (sliderObj.btn2Pressed) {
if ( ((sliderObj.value + 1) + sliderObj.page_value) > sliderObj.max_value) {
sliderObj.setValue( (sliderObj.value + 1), sliderObj.ondrag_fireOnChange );
} else {
sliderObj.setValue( ((sliderObj.value + 1) + sliderObj.page_value), sliderObj.ondrag_fireOnChange );
};
};
if(sliderObj.btn2Pressed || sliderObj.btn1Pressed)
{
if ((sliderObj.soundCounter % 10) == 0) {
System.GUI.playSFX(11);
sliderObj.soundCounter = 1;
} else {
sliderObj.soundCounter++;
};
};
};
sliderObj = null;
};
SliderMgr.onBtnOver = function(nWhich, elID)
{
var sliderObj = SliderMgr[elID.replace(/_btn./gi, "")];
if (nWhich == 1) {
if ( !(sliderObj.window.event.srcElement === sliderObj.btn1_element) ) { return; };
if (!sliderObj.btn1Pressed) {
//sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage("over").src;
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage("over").src.replace("00.gif", "01.gif");
};
sliderObj.btn1Over = true;
} else {
if ( !(sliderObj.window.event.srcElement === sliderObj.btn2_element) ) { return; };
if (!sliderObj.btn2Pressed) {
//sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage("over").src;
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage("over").src.replace("00.gif", "01.gif");
};
sliderObj.btn2Over = true;
};
sliderObj = null;
};
SliderMgr.onBtnOut = function(nWhich, elID)
{
var sliderObj = SliderMgr[elID.replace(/_btn./gi, "")];
if (nWhich == 1) {
if ( !(sliderObj.window.event.srcElement === sliderObj.btn1_element) ) { return; };
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage().src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage().src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage().src;
};
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage().src;
sliderObj.window.clearInterval(sliderObj.btnTimerID);
sliderObj.btn1Pressed = false;
sliderObj.btnPressedTime = -1;
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage().src;
sliderObj.btn1Over = false;
sliderObj.btnTimerID = -1;
} else {
if ( !(sliderObj.window.event.srcElement === sliderObj.btn2_element) ) { return; };
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage().src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage().src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage().src;
};
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage().src;
sliderObj.window.clearInterval(sliderObj.btnTimerID);
sliderObj.btn2Pressed = false;
sliderObj.btnPressedTime = -1;
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage().src;
sliderObj.btn2Over = false;
sliderObj.btnTimerID = -1;
};
sliderObj = null;
};
SliderMgr.onBtnDwn = function(nWhich, elID)
{
var sliderObj = SliderMgr[elID.replace(/_btn./gi, "")];
if (nWhich == 1) {
if (!sliderObj.btn1Pressed) {
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage("down").src;
sliderObj.btn1Pressed = true;
sliderObj.btn1Over = true;
sliderObj.btnPressedTime = (new Date()).getTime();
sliderObj.btnTimerID = sliderObj.window.setInterval(function() { SliderMgr.AnimateInterval(nWhich, elID); }, 1);
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage("down").src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage("down").src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage("down").src;
};
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage("over").src;
sliderObj.setValue( (sliderObj.getValue() -1), true );
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_dwn;
};
};
} else {
if (!sliderObj.btn2Pressed) {
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage("down").src;
sliderObj.btn2Pressed = true;
sliderObj.btn2Over = true;
sliderObj.btnPressedTime = (new Date()).getTime();
sliderObj.btnTimerID = sliderObj.window.setInterval(function() { SliderMgr.AnimateInterval(nWhich, elID); }, 1);
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage("down").src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage("down").src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage("down").src;
};
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage("over").src;
sliderObj.setValue( (sliderObj.getValue() + 1), true );
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_dwn;
};
};
};
System.GUI.playSFX(10);
sliderObj = null;
};
SliderMgr.onBtnUp = function(nWhich, elID)
{
var sliderObj = SliderMgr[elID.replace(/_btn./gi, "")];
if (nWhich == 1) {
if (sliderObj.btn1Over) {
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage("over").src;
} else {
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage().src;
};
sliderObj.btn1Pressed = false;
} else {
if (sliderObj.btn2Over) {
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage("over").src;
} else {
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage().src;
};
sliderObj.btn2Pressed = false;
};
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage().src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage().src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage().src;
};
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage().src;
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_nml;
};
if (!sliderObj.ondrag_fireOnChange) {
sliderObj.onchange(sliderObj.value);
};
sliderObj.window.clearInterval(sliderObj.btnTimerID);
sliderObj.btnTimerID = 0;
sliderObj.btnPressedTime = 0;
};
SliderMgr.onTrackOvr = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_track.*/gi, "")];
if (sliderObj.trackOver) {
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage("over").src;
};
sliderObj.trackOver = true;
sliderObj = null;
};
SliderMgr.onTrackDwn = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_track.*/gi, "")];
if (!sliderObj.trackPressed) {
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage("down").src;
if ((sliderObj.window.event[sliderObj.movement.eventOffsetOrient] + sliderObj.skin.btn1Img.getImage()[sliderObj.movement.sizeOrient]) < sliderObj.movement.newPos) {
var newValue = (sliderObj.getValue() -1) - sliderObj.page_value;
if (newValue < sliderObj.min_value) {
sliderObj.setValue( sliderObj.min_value, true );
} else {
sliderObj.setValue( newValue, true );
};
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage("down").src;
} else if ((sliderObj.window.event[sliderObj.movement.eventOffsetOrient] + sliderObj.skin.btn1Img.getImage()[sliderObj.movement.sizeOrient]) > (sliderObj.movement.newPos + sliderObj.thumbSize)) {
var newValue = (sliderObj.getValue() +1) + sliderObj.page_value;
if (newValue > sliderObj.max_value) {
sliderObj.setValue( sliderObj.max_value, true);
} else {
sliderObj.setValue( newValue, true );
};
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage("down").src;
};
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage("down").src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage("down").src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage("down").src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_dwn;
};
System.GUI.playSFX(10);
};
sliderObj.trackPressed = true;
sliderObj = null;
};
SliderMgr.onTrackOut = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_track.*/gi, "")];
if (sliderObj.trackOver) {
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage().src;
};
sliderObj.trackOver = false;
sliderObj = null;
};
SliderMgr.onTrackUp = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_track.*/gi, "")];
if (sliderObj.trackPressed) {
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage("over").src;
};
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage().src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage().src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage().src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_nml;
};
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage().src;
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage().src;
sliderObj.trackPressed = false;
sliderObj = null;
};
SliderMgr.onThumbOvr = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_thumb.*/gi, "")];
if (!sliderObj.window.event.srcElement.id.match(elID)) { return; };
if (!sliderObj.thumbPressed) {
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage("over").src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage("over").src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage("over").src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_ovr;
};
};
sliderObj.thumbOver = true;
sliderObj = null;
};
SliderMgr.onThumbOut = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_thumb.*/gi, "")];
if (!sliderObj.thumbPressed) {
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage().src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage().src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage().src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_nml;
};
};
sliderObj.thumbOver = false;
sliderObj = null;
};
SliderMgr.onThumbMove = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_thumb.*/gi, "")];
sliderObj.window.event.cancelBubble = true;
if (!sliderObj.thumbPressed) { sliderObj = null; return; };
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage("over").src;
with (sliderObj.movement) {
deltaPos = sliderObj.window.event[eventOrient] - startPos;
startPos = sliderObj.window.event[eventOrient];
newPos = sliderObj.thumb_element.style[pixelOrient] + deltaPos;
if (newPos <= start) { newPos = start; };
if (newPos >= end) { newPos = end; };
if (newPos > sliderObj.thumb_element.style[pixelOrient]) {
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage().src;
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage("down").src;
} else {
if (newPos != start && newPos != end) {
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage("down").src;
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage().src;
};
};
sliderObj.thumb_element.style[pixelOrient] = sliderObj.movement.newPos;
sliderObj.ratio = (sliderObj.movement.newPos - sliderObj.movement.start) / sliderObj.movement.ratioDenominator;
sliderObj.value = Math.round(sliderObj.ratio * (sliderObj.max_value - sliderObj.min_value)) + sliderObj.min_value;
if (sliderObj.valueOnThumb) { sliderObj.thumb_element_text.innerText = sliderObj.value; };
};
if ((sliderObj.soundCounter % 10) == 0) {
System.GUI.playSFX(11);
sliderObj.soundCounter = 1;
} else {
sliderObj.soundCounter++;
};
if (sliderObj.ondrag_fireOnChange) { sliderObj.onchange(sliderObj.value); };
sliderObj = null;
};
SliderMgr.onThumbDown = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_thumb.*/gi, "")];
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage("down").src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage("down").src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage("down").src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_dwn;
};
sliderObj.movement.startPos = sliderObj.window.event[sliderObj.movement.eventOrient];
sliderObj.thumbPressed = true;
sliderObj.thumb_element.setCapture();
sliderObj = null;
};
SliderMgr.onThumbUp = function(elID)
{
var sliderObj = SliderMgr[elID.replace(/_thumb.*/gi, "")];
sliderObj.window.event.cancelBubble = true;
var oldValue = sliderObj.value;
sliderObj.thumbPressed = false;
sliderObj.ratio = (sliderObj.movement.newPos - sliderObj.movement.start) / sliderObj.movement.ratioDenominator;
sliderObj.value = Math.round(sliderObj.ratio * (sliderObj.max_value - sliderObj.min_value)) + sliderObj.min_value;
sliderObj.thumb_element.releaseCapture();
sliderObj.track_element.src = sliderObj.skin.trackImg.getImage().src;
sliderObj.btn2_element.src = sliderObj.skin.btn2Img.getImage().src;
sliderObj.btn1_element.src = sliderObj.skin.btn1Img.getImage().src;
if (sliderObj.thumbOver) {
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage("over").src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage("over").src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage("over").src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_ovr;
};
} else {
sliderObj.thumb_element_img0.src = sliderObj.skin.thumbImg_0.getImage().src;
if (!sliderObj.oneThumbImage) {
sliderObj.thumb_element_img1.src = sliderObj.skin.thumbImg_1.getImage().src;
sliderObj.thumb_element_img2.src = sliderObj.skin.thumbImg_2.getImage().src;
};
if (sliderObj.valueOnThumb) {
sliderObj.thumb_element_text.style.color = sliderObj.skin.thumbTxtColor_nml;
};
};
if (!sliderObj.ondrag_fireOnChange) { sliderObj.onchange(sliderObj.value); };
sliderObj = null;
};