';
}
document.write(writeStr);
}
this.updateLabel = function() {
var percent = this.getPercent();
var pos = percent * (this.labels.length-1) / 100;
if (pos == 0) {
} else {
pos = Math.floor(pos)?Math.floor(pos):1;
}
document.getElementById(this.objName + "_label").innerHTML = this.labels[pos].l;
}
/********************************************************
* function: endFaderDrag()
* ends movement of the fader element
* parameters: none
********************************************************/
this.endFaderDrag = function() {
this.swapFaderImg(0); // swap out the fader graphic to an "off" state
if (this.onChange) {
if (yg_slider_timerID) {
clearTimeout(yg_slider_timerID);
}
yg_slider_timerID = setTimeout(this.onChange, 10);
}
}
/********************************************************
* function: getNextSkipPosition()
* returns the position of the next tick element on the track
* parameters: obj - the current fader location,
* thisDir - the direction along the track the fader will be moving
********************************************************/
this.getNextSkipPosition = function(objLoc, thisDir) {
if (thisDir == "up") {
this.curFaderPos = Math.ceil(objLoc / this.tickDistance) * this.tickDistance;
this.curFaderPos = this.curFaderPos - this.tickDistance;
if (this.curFaderPos < 0) {
this.curFaderPos = 0;
}
} else {
this.curFaderPos = Math.floor(objLoc / Math.floor(this.tickDistance)) * this.tickDistance;
this.curFaderPos = this.curFaderPos + this.tickDistance;
if (this.curFaderPos > (this.maxLimit - this.faderDirDim)) {
this.curFaderPos = this.maxLimit - this.faderDirDim;
}
}
return this.curFaderPos;
}
/********************************************************
* function: getNextFaderPosition()
* returns the new position the fader element
* parameters: curMousePos - the current mouse position,
* objDim - the horizontal or vertical dimension of the fader
********************************************************/
this.getNextFaderPosition = function(curMousePos, objDim) {
var newLoc;
if (curMousePos < 0) {
// motion has moved past the min limit, so stay
newLoc = 0;
} else if (curMousePos > (this.maxLimit - objDim)) {
// motion has moved past the max limit, so stay
newLoc = this.maxLimit - objDim;
} else {
// motion is within range, so can move freely
newLoc = curMousePos;
}
return newLoc;
}
/********************************************************
* function: getPosition()
* returns the current pixel position of the slider
* parameters: evt - mouse event
********************************************************/
this.getPosition = function(evt) {
var curPos = 0;
if (yg_slider_full) { // IE
curPos = parseInt(this.selectedObj.pixelLeft);
} else if (yg_slider_supported) { // downgraded
var radios = this._getRadios();
var len = radios.length;
for (var i = 0; i < len; i++) {
var r = radios[i];
if (r.checked) { curPos = Math.floor(i * this.maxLimit / (len - 1)); break }
}
}
return curPos;
}
this._getRadios = function() {
var result = document.forms[this.containerForm][this.objName + '_radio'];
return result;
}
/********************************************************
* function: getPercent()
* returns the current percent position of the slider
* parameters: evt - mouse event
********************************************************/
this.getPercent = function(evt) {
// get current position
var curPos = this.getPosition(evt);
// calculate the percentage progress of the fader and display in status bar
return Math.round(100 * (curPos/(this.maxLimit - this.faderDirDim)));
}
this.setPosition = function(pos) {
if (yg_slider_full) {
this.selectedObj.pixelLeft = this.getNextFaderPosition(pos, 10);
} else if (yg_slider_supported) { // downgraded
var radios = this._getRadios();
var len = radios.length;
var index = Math.floor((len * pos) / this.maxLimit);
if (index >= len) { index = len - 1; }
if (index < 0) { index = 0; }
radios[index].checked = true;
}
if (this.labels) {
this.updateLabel();
}
}
this.setPercent = function(perc) {
var pos = Math.round((perc * (this.maxLimit - this.faderDirDim)) / 100);
this.setPosition(pos);
}
/********************************************************
* function: initSliderObj()
* initialized the slider object, elements and properties
* parameters: none
********************************************************/
this.initSliderObj = function() {
// get the dimesions of the fader and track elements
this.faderImgOn.width = this.faderImgOff.width = fdrImgWidth;
this.faderImgOn.height = this.faderImgOff.height = fdrImgHeight;
this.trackImg.width = trackImgWidth;
this.trackImg.height = trackImgHeight;
// calculate the track jump distance
if (yg_slider_full) {
this.faderDirDim = this.faderImgOff.height;
} else {
this.faderDirDim = 0;
}
this.maxLimit = this.trackImg.width;
this.curFaderPos = 0;
this.tickDistance = (this.maxLimit - this.faderDirDim)/this.tickNum;
// draw the slider object
this.drawSliderOjb();
// for the movement of the fader element get the fader object itself
var tempFdrObj;
tempFdrObj = document.getElementById(this.objName + "_fdr");
if (yg_slider_full) {
this.selectedObj = tempFdrObj.parentElement.style;
this.parentDivNode = tempFdrObj.parentNode.parentNode;
}
}
/********************************************************
* function: skipSlider()
* shifts the fader elements along the track element
* parameters: mouse event
********************************************************/
this.skipSlider = function(evt) {
var thisOffset;
// determine if a track element is the calling object
if (this.selectedObj) {
// move along the horizontal axis
if (yg_slider_full) { // IE
thisOffset = this.parentDivNode.offsetLeft + document.body.scrollLeft;
if ((window.event.clientX - thisOffset) < this.selectedObj.pixelLeft) {
this.selectedObj.pixelLeft = this.getNextSkipPosition(this.selectedObj.pixelLeft, "up");
} else {
this.selectedObj.pixelLeft = this.getNextSkipPosition(this.selectedObj.pixelLeft, "down");
}
}
if (this.labels) {
this.updateLabel();
}
if (this.onChange) {
if (yg_slider_timerID) {
clearTimeout(yg_slider_timerID);
}
yg_slider_timerID = setTimeout(this.onChange, 10);
}
}
}
/********************************************************
* function: startFaderDrag()
* begins the drag movement of the fader element
* parameters: mouse event
********************************************************/
this.startFaderDrag = function(evt) {
this.swapFaderImg(1); // swap out the fader graphic to an "on" state
}
/********************************************************
* function: swapFaderImg()
* swaps out the fader element graphic
* parameters: flag - current state;
********************************************************/
this.swapFaderImg = function(flag) {
var thisObj, thisSrc;
if (flag == 1) {
thisSrc = this.faderImgOn.src;
} else {
thisSrc = this.faderImgOff.src;
}
thisObj = document.getElementById(this.objName + "_fdr");
thisObj.src = thisSrc;
}
}
var imgObj, callingSlider;
/********************************************************
* function: dragFader()
* signals a drag movement
* parameters: evt - mouse event
********************************************************/
function dragFader(evt) {
// call object drag method if a fader element is the calling parent
if (callingSlider && (imgObj.id.indexOf("_fdr") > 0)) {
callingSlider.dragFader(evt);
} else {
// release event to browser default (allowing text selection, etc.)
if (yg_slider_full) {
document.ondragstart = function() { return false; }
}
}
return false;
}
/********************************************************
* function: endFaderMovement()
* signals the end of mouse movement
* parameters: evt - mouse event
********************************************************/
function endFaderMovement(evt) {
// dealocate memory and disasociate elements
if (callingSlider && callingSlider.endFaderDrag) {
callingSlider.endFaderDrag();
callingSlider = null;
}
return false;
}
/********************************************************
* function: getCallingObject()
* returns the object whic requested an action
* parameters: evt - mouse event
********************************************************/
function getCallingObject(evt) {
if (yg_slider_full) {
imgObj = window.event.srcElement;
}
}
/********************************************************
* function: getCallingSlider()
* returns the slider element requesting an action
* parameters: none
********************************************************/
function getCallingSlider() {
var suffix, thisObjName, thisObj;
if (imgObj.id.indexOf("_fdr") > 0) {
suffix = "_fdr";
} else if (imgObj.id.indexOf("_trk") > 0) {
suffix = "_trk";
} else if (imgObj.id.indexOf("_radio") > 0) {
suffix = "_radio";
} else {
suffix = "";
}
var offset = imgObj.id.indexOf(suffix);
thisObjName = imgObj.id.substring(0, offset);
thisObj = eval(thisObjName);
return thisObj;
}
function radioClick(r) {
imgObj = r;
var callingRadio = getCallingSlider();
if (callingRadio) {
if (callingRadio.labels) {
callingRadio.updateLabel();
}
if (callingRadio.onChange) {
if (yg_slider_timerID) {
clearTimeout(yg_slider_timerID);
}
yg_slider_timerID = setTimeout(callingRadio.onChange, callingRadio.onChangeDelay);
}
}
}
/********************************************************
* function: startFaderMovement()
* signals the start of mouse movement
* parameters: evt - mouse event
********************************************************/
function startFaderMovement(evt) {
// get the image object the called for the action
getCallingObject(evt);
// if that object exists
if (imgObj) {
// determine which element called for it (fader or track)
callingSlider = getCallingSlider();
if (callingSlider && (imgObj.id.indexOf("_fdr") > 0)) {
// drag fader element along track
callingSlider.startFaderDrag(evt);
} else if (callingSlider && (imgObj.id.indexOf("_trk") > 0)) {
// shift up fader along track ticks
callingSlider.skipSlider(evt);
}
}
return false;
}