yui-rails-asset 2.8.1

data/vendor/assets/javascripts/yui-2.8.1/build/slider/slider-min.js

@@ -0,0 +1,9 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 2.8.1
+*/
+(function(){var B=YAHOO.util.Dom.getXY,A=YAHOO.util.Event,D=Array.prototype.slice;function C(G,E,F,H){C.ANIM_AVAIL=(!YAHOO.lang.isUndefined(YAHOO.util.Anim));if(G){this.init(G,E,true);this.initSlider(H);this.initThumb(F);}}YAHOO.lang.augmentObject(C,{getHorizSlider:function(F,G,I,H,E){return new C(F,F,new YAHOO.widget.SliderThumb(G,F,I,H,0,0,E),"horiz");},getVertSlider:function(G,H,E,I,F){return new C(G,G,new YAHOO.widget.SliderThumb(H,G,0,0,E,I,F),"vert");},getSliderRegion:function(G,H,J,I,E,K,F){return new C(G,G,new YAHOO.widget.SliderThumb(H,G,J,I,E,K,F),"region");},SOURCE_UI_EVENT:1,SOURCE_SET_VALUE:2,SOURCE_KEY_EVENT:3,ANIM_AVAIL:false},true);YAHOO.extend(C,YAHOO.util.DragDrop,{_mouseDown:false,dragOnly:true,initSlider:function(E){this.type=E;this.createEvent("change",this);this.createEvent("slideStart",this);this.createEvent("slideEnd",this);this.isTarget=false;this.animate=C.ANIM_AVAIL;this.backgroundEnabled=true;this.tickPause=40;this.enableKeys=true;this.keyIncrement=20;this.moveComplete=true;this.animationDuration=0.2;this.SOURCE_UI_EVENT=1;this.SOURCE_SET_VALUE=2;this.valueChangeSource=0;this._silent=false;this.lastOffset=[0,0];},initThumb:function(F){var E=this;this.thumb=F;F.cacheBetweenDrags=true;if(F._isHoriz&&F.xTicks&&F.xTicks.length){this.tickPause=Math.round(360/F.xTicks.length);}else{if(F.yTicks&&F.yTicks.length){this.tickPause=Math.round(360/F.yTicks.length);}}F.onAvailable=function(){return E.setStartSliderState();};F.onMouseDown=function(){E._mouseDown=true;return E.focus();};F.startDrag=function(){E._slideStart();};F.onDrag=function(){E.fireEvents(true);};F.onMouseUp=function(){E.thumbMouseUp();};},onAvailable:function(){this._bindKeyEvents();},_bindKeyEvents:function(){A.on(this.id,"keydown",this.handleKeyDown,this,true);A.on(this.id,"keypress",this.handleKeyPress,this,true);},handleKeyPress:function(F){if(this.enableKeys){var E=A.getCharCode(F);switch(E){case 37:case 38:case 39:case 40:case 36:case 35:A.preventDefault(F);break;default:}}},handleKeyDown:function(J){if(this.enableKeys){var G=A.getCharCode(J),F=this.thumb,H=this.getXValue(),E=this.getYValue(),I=true;switch(G){case 37:H-=this.keyIncrement;break;case 38:E-=this.keyIncrement;break;case 39:H+=this.keyIncrement;break;case 40:E+=this.keyIncrement;break;case 36:H=F.leftConstraint;E=F.topConstraint;break;case 35:H=F.rightConstraint;E=F.bottomConstraint;break;default:I=false;}if(I){if(F._isRegion){this._setRegionValue(C.SOURCE_KEY_EVENT,H,E,true);}else{this._setValue(C.SOURCE_KEY_EVENT,(F._isHoriz?H:E),true);}A.stopEvent(J);}}},setStartSliderState:function(){this.setThumbCenterPoint();this.baselinePos=B(this.getEl());this.thumb.startOffset=this.thumb.getOffsetFromParent(this.baselinePos);if(this.thumb._isRegion){if(this.deferredSetRegionValue){this._setRegionValue.apply(this,this.deferredSetRegionValue);this.deferredSetRegionValue=null;}else{this.setRegionValue(0,0,true,true,true);}}else{if(this.deferredSetValue){this._setValue.apply(this,this.deferredSetValue);this.deferredSetValue=null;}else{this.setValue(0,true,true,true);}}},setThumbCenterPoint:function(){var E=this.thumb.getEl();if(E){this.thumbCenterPoint={x:parseInt(E.offsetWidth/2,10),y:parseInt(E.offsetHeight/2,10)};}},lock:function(){this.thumb.lock();this.locked=true;},unlock:function(){this.thumb.unlock();this.locked=false;},thumbMouseUp:function(){this._mouseDown=false;if(!this.isLocked()){this.endMove();}},onMouseUp:function(){this._mouseDown=false;if(this.backgroundEnabled&&!this.isLocked()){this.endMove();}},getThumb:function(){return this.thumb;},focus:function(){this.valueChangeSource=C.SOURCE_UI_EVENT;var E=this.getEl();if(E.focus){try{E.focus();}catch(F){}}this.verifyOffset();return !this.isLocked();},onChange:function(E,F){},onSlideStart:function(){},onSlideEnd:function(){},getValue:function(){return this.thumb.getValue();},getXValue:function(){return this.thumb.getXValue();},getYValue:function(){return this.thumb.getYValue();},setValue:function(){var E=D.call(arguments);E.unshift(C.SOURCE_SET_VALUE);return this._setValue.apply(this,E);},_setValue:function(I,L,G,H,E){var F=this.thumb,K,J;if(!F.available){this.deferredSetValue=arguments;return false;}if(this.isLocked()&&!H){return false;}if(isNaN(L)){return false;}if(F._isRegion){return false;}this._silent=E;this.valueChangeSource=I||C.SOURCE_SET_VALUE;F.lastOffset=[L,L];this.verifyOffset();this._slideStart();if(F._isHoriz){K=F.initPageX+L+this.thumbCenterPoint.x;this.moveThumb(K,F.initPageY,G);}else{J=F.initPageY+L+this.thumbCenterPoint.y;this.moveThumb(F.initPageX,J,G);}return true;},setRegionValue:function(){var E=D.call(arguments);E.unshift(C.SOURCE_SET_VALUE);return this._setRegionValue.apply(this,E);},_setRegionValue:function(F,J,H,I,G,K){var L=this.thumb,E,M;if(!L.available){this.deferredSetRegionValue=arguments;return false;}if(this.isLocked()&&!G){return false;}if(isNaN(J)){return false;}if(!L._isRegion){return false;}this._silent=K;this.valueChangeSource=F||C.SOURCE_SET_VALUE;L.lastOffset=[J,H];this.verifyOffset();this._slideStart();E=L.initPageX+J+this.thumbCenterPoint.x;M=L.initPageY+H+this.thumbCenterPoint.y;this.moveThumb(E,M,I);return true;},verifyOffset:function(){var F=B(this.getEl()),E=this.thumb;if(!this.thumbCenterPoint||!this.thumbCenterPoint.x){this.setThumbCenterPoint();}if(F){if(F[0]!=this.baselinePos[0]||F[1]!=this.baselinePos[1]){this.setInitPosition();this.baselinePos=F;E.initPageX=this.initPageX+E.startOffset[0];E.initPageY=this.initPageY+E.startOffset[1];E.deltaSetXY=null;this.resetThumbConstraints();return false;}}return true;},moveThumb:function(K,J,I,G){var L=this.thumb,M=this,F,E,H;if(!L.available){return;}L.setDelta(this.thumbCenterPoint.x,this.thumbCenterPoint.y);E=L.getTargetCoord(K,J);F=[Math.round(E.x),Math.round(E.y)];if(this.animate&&L._graduated&&!I){this.lock();this.curCoord=B(this.thumb.getEl());this.curCoord=[Math.round(this.curCoord[0]),Math.round(this.curCoord[1])];setTimeout(function(){M.moveOneTick(F);},this.tickPause);}else{if(this.animate&&C.ANIM_AVAIL&&!I){this.lock();
+H=new YAHOO.util.Motion(L.id,{points:{to:F}},this.animationDuration,YAHOO.util.Easing.easeOut);H.onComplete.subscribe(function(){M.unlock();if(!M._mouseDown){M.endMove();}});H.animate();}else{L.setDragElPos(K,J);if(!G&&!this._mouseDown){this.endMove();}}}},_slideStart:function(){if(!this._sliding){if(!this._silent){this.onSlideStart();this.fireEvent("slideStart");}this._sliding=true;this.moveComplete=false;}},_slideEnd:function(){if(this._sliding){var E=this._silent;this._sliding=false;this.moveComplete=true;this._silent=false;if(!E){this.onSlideEnd();this.fireEvent("slideEnd");}}},moveOneTick:function(F){var H=this.thumb,G=this,I=null,E,J;if(H._isRegion){I=this._getNextX(this.curCoord,F);E=(I!==null)?I[0]:this.curCoord[0];I=this._getNextY(this.curCoord,F);J=(I!==null)?I[1]:this.curCoord[1];I=E!==this.curCoord[0]||J!==this.curCoord[1]?[E,J]:null;}else{if(H._isHoriz){I=this._getNextX(this.curCoord,F);}else{I=this._getNextY(this.curCoord,F);}}if(I){this.curCoord=I;this.thumb.alignElWithMouse(H.getEl(),I[0]+this.thumbCenterPoint.x,I[1]+this.thumbCenterPoint.y);if(!(I[0]==F[0]&&I[1]==F[1])){setTimeout(function(){G.moveOneTick(F);},this.tickPause);}else{this.unlock();if(!this._mouseDown){this.endMove();}}}else{this.unlock();if(!this._mouseDown){this.endMove();}}},_getNextX:function(E,F){var H=this.thumb,J,G=[],I=null;if(E[0]>F[0]){J=H.tickSize-this.thumbCenterPoint.x;G=H.getTargetCoord(E[0]-J,E[1]);I=[G.x,G.y];}else{if(E[0]<F[0]){J=H.tickSize+this.thumbCenterPoint.x;G=H.getTargetCoord(E[0]+J,E[1]);I=[G.x,G.y];}else{}}return I;},_getNextY:function(E,F){var H=this.thumb,J,G=[],I=null;if(E[1]>F[1]){J=H.tickSize-this.thumbCenterPoint.y;G=H.getTargetCoord(E[0],E[1]-J);I=[G.x,G.y];}else{if(E[1]<F[1]){J=H.tickSize+this.thumbCenterPoint.y;G=H.getTargetCoord(E[0],E[1]+J);I=[G.x,G.y];}else{}}return I;},b4MouseDown:function(E){if(!this.backgroundEnabled){return false;}this.thumb.autoOffset();this.baselinePos=[];},onMouseDown:function(F){if(!this.backgroundEnabled||this.isLocked()){return false;}this._mouseDown=true;var E=A.getPageX(F),G=A.getPageY(F);this.focus();this._slideStart();this.moveThumb(E,G);},onDrag:function(F){if(this.backgroundEnabled&&!this.isLocked()){var E=A.getPageX(F),G=A.getPageY(F);this.moveThumb(E,G,true,true);this.fireEvents();}},endMove:function(){this.unlock();this.fireEvents();this._slideEnd();},resetThumbConstraints:function(){var E=this.thumb;E.setXConstraint(E.leftConstraint,E.rightConstraint,E.xTickSize);E.setYConstraint(E.topConstraint,E.bottomConstraint,E.xTickSize);},fireEvents:function(G){var F=this.thumb,I,H,E;if(!G){F.cachePosition();}if(!this.isLocked()){if(F._isRegion){I=F.getXValue();H=F.getYValue();if(I!=this.previousX||H!=this.previousY){if(!this._silent){this.onChange(I,H);this.fireEvent("change",{x:I,y:H});}}this.previousX=I;this.previousY=H;}else{E=F.getValue();if(E!=this.previousVal){if(!this._silent){this.onChange(E);this.fireEvent("change",E);}}this.previousVal=E;}}},toString:function(){return("Slider ("+this.type+") "+this.id);}});YAHOO.lang.augmentProto(C,YAHOO.util.EventProvider);YAHOO.widget.Slider=C;})();YAHOO.widget.SliderThumb=function(G,B,E,D,A,F,C){if(G){YAHOO.widget.SliderThumb.superclass.constructor.call(this,G,B);this.parentElId=B;}this.isTarget=false;this.tickSize=C;this.maintainOffset=true;this.initSlider(E,D,A,F,C);this.scroll=false;};YAHOO.extend(YAHOO.widget.SliderThumb,YAHOO.util.DD,{startOffset:null,dragOnly:true,_isHoriz:false,_prevVal:0,_graduated:false,getOffsetFromParent0:function(C){var A=YAHOO.util.Dom.getXY(this.getEl()),B=C||YAHOO.util.Dom.getXY(this.parentElId);return[(A[0]-B[0]),(A[1]-B[1])];},getOffsetFromParent:function(H){var A=this.getEl(),E,I,F,B,K,D,C,J,G;if(!this.deltaOffset){I=YAHOO.util.Dom.getXY(A);F=H||YAHOO.util.Dom.getXY(this.parentElId);E=[(I[0]-F[0]),(I[1]-F[1])];B=parseInt(YAHOO.util.Dom.getStyle(A,"left"),10);K=parseInt(YAHOO.util.Dom.getStyle(A,"top"),10);D=B-E[0];C=K-E[1];if(isNaN(D)||isNaN(C)){}else{this.deltaOffset=[D,C];}}else{J=parseInt(YAHOO.util.Dom.getStyle(A,"left"),10);G=parseInt(YAHOO.util.Dom.getStyle(A,"top"),10);E=[J+this.deltaOffset[0],G+this.deltaOffset[1]];}return E;},initSlider:function(D,C,A,E,B){this.initLeft=D;this.initRight=C;this.initUp=A;this.initDown=E;this.setXConstraint(D,C,B);this.setYConstraint(A,E,B);if(B&&B>1){this._graduated=true;}this._isHoriz=(D||C);this._isVert=(A||E);this._isRegion=(this._isHoriz&&this._isVert);},clearTicks:function(){YAHOO.widget.SliderThumb.superclass.clearTicks.call(this);this.tickSize=0;this._graduated=false;},getValue:function(){return(this._isHoriz)?this.getXValue():this.getYValue();},getXValue:function(){if(!this.available){return 0;}var A=this.getOffsetFromParent();if(YAHOO.lang.isNumber(A[0])){this.lastOffset=A;return(A[0]-this.startOffset[0]);}else{return(this.lastOffset[0]-this.startOffset[0]);}},getYValue:function(){if(!this.available){return 0;}var A=this.getOffsetFromParent();if(YAHOO.lang.isNumber(A[1])){this.lastOffset=A;return(A[1]-this.startOffset[1]);}else{return(this.lastOffset[1]-this.startOffset[1]);}},toString:function(){return"SliderThumb "+this.id;},onChange:function(A,B){}});(function(){var A=YAHOO.util.Event,B=YAHOO.widget;function C(I,F,H,D){var G=this,J={min:false,max:false},E,K;this.minSlider=I;this.maxSlider=F;this.activeSlider=I;this.isHoriz=I.thumb._isHoriz;E=this.minSlider.thumb.onMouseDown;K=this.maxSlider.thumb.onMouseDown;this.minSlider.thumb.onMouseDown=function(){G.activeSlider=G.minSlider;E.apply(this,arguments);};this.maxSlider.thumb.onMouseDown=function(){G.activeSlider=G.maxSlider;K.apply(this,arguments);};this.minSlider.thumb.onAvailable=function(){I.setStartSliderState();J.min=true;if(J.max){G.fireEvent("ready",G);}};this.maxSlider.thumb.onAvailable=function(){F.setStartSliderState();J.max=true;if(J.min){G.fireEvent("ready",G);}};I.onMouseDown=F.onMouseDown=function(L){return this.backgroundEnabled&&G._handleMouseDown(L);};I.onDrag=F.onDrag=function(L){G._handleDrag(L);};I.onMouseUp=F.onMouseUp=function(L){G._handleMouseUp(L);
+};I._bindKeyEvents=function(){G._bindKeyEvents(this);};F._bindKeyEvents=function(){};I.subscribe("change",this._handleMinChange,I,this);I.subscribe("slideStart",this._handleSlideStart,I,this);I.subscribe("slideEnd",this._handleSlideEnd,I,this);F.subscribe("change",this._handleMaxChange,F,this);F.subscribe("slideStart",this._handleSlideStart,F,this);F.subscribe("slideEnd",this._handleSlideEnd,F,this);this.createEvent("ready",this);this.createEvent("change",this);this.createEvent("slideStart",this);this.createEvent("slideEnd",this);D=YAHOO.lang.isArray(D)?D:[0,H];D[0]=Math.min(Math.max(parseInt(D[0],10)|0,0),H);D[1]=Math.max(Math.min(parseInt(D[1],10)|0,H),0);if(D[0]>D[1]){D.splice(0,2,D[1],D[0]);}this.minVal=D[0];this.maxVal=D[1];this.minSlider.setValue(this.minVal,true,true,true);this.maxSlider.setValue(this.maxVal,true,true,true);}C.prototype={minVal:-1,maxVal:-1,minRange:0,_handleSlideStart:function(E,D){this.fireEvent("slideStart",D);},_handleSlideEnd:function(E,D){this.fireEvent("slideEnd",D);},_handleDrag:function(D){B.Slider.prototype.onDrag.call(this.activeSlider,D);},_handleMinChange:function(){this.activeSlider=this.minSlider;this.updateValue();},_handleMaxChange:function(){this.activeSlider=this.maxSlider;this.updateValue();},_bindKeyEvents:function(D){A.on(D.id,"keydown",this._handleKeyDown,this,true);A.on(D.id,"keypress",this._handleKeyPress,this,true);},_handleKeyDown:function(D){this.activeSlider.handleKeyDown.apply(this.activeSlider,arguments);},_handleKeyPress:function(D){this.activeSlider.handleKeyPress.apply(this.activeSlider,arguments);},setValues:function(H,K,I,E,J){var F=this.minSlider,M=this.maxSlider,D=F.thumb,L=M.thumb,N=this,G={min:false,max:false};if(D._isHoriz){D.setXConstraint(D.leftConstraint,L.rightConstraint,D.tickSize);L.setXConstraint(D.leftConstraint,L.rightConstraint,L.tickSize);}else{D.setYConstraint(D.topConstraint,L.bottomConstraint,D.tickSize);L.setYConstraint(D.topConstraint,L.bottomConstraint,L.tickSize);}this._oneTimeCallback(F,"slideEnd",function(){G.min=true;if(G.max){N.updateValue(J);setTimeout(function(){N._cleanEvent(F,"slideEnd");N._cleanEvent(M,"slideEnd");},0);}});this._oneTimeCallback(M,"slideEnd",function(){G.max=true;if(G.min){N.updateValue(J);setTimeout(function(){N._cleanEvent(F,"slideEnd");N._cleanEvent(M,"slideEnd");},0);}});F.setValue(H,I,E,false);M.setValue(K,I,E,false);},setMinValue:function(F,H,I,E){var G=this.minSlider,D=this;this.activeSlider=G;D=this;this._oneTimeCallback(G,"slideEnd",function(){D.updateValue(E);setTimeout(function(){D._cleanEvent(G,"slideEnd");},0);});G.setValue(F,H,I);},setMaxValue:function(D,H,I,F){var G=this.maxSlider,E=this;this.activeSlider=G;this._oneTimeCallback(G,"slideEnd",function(){E.updateValue(F);setTimeout(function(){E._cleanEvent(G,"slideEnd");},0);});G.setValue(D,H,I);},updateValue:function(J){var E=this.minSlider.getValue(),K=this.maxSlider.getValue(),F=false,D,M,H,I,L,G;if(E!=this.minVal||K!=this.maxVal){F=true;D=this.minSlider.thumb;M=this.maxSlider.thumb;H=this.isHoriz?"x":"y";G=this.minSlider.thumbCenterPoint[H]+this.maxSlider.thumbCenterPoint[H];I=Math.max(K-G-this.minRange,0);L=Math.min(-E-G-this.minRange,0);if(this.isHoriz){I=Math.min(I,M.rightConstraint);D.setXConstraint(D.leftConstraint,I,D.tickSize);M.setXConstraint(L,M.rightConstraint,M.tickSize);}else{I=Math.min(I,M.bottomConstraint);D.setYConstraint(D.leftConstraint,I,D.tickSize);M.setYConstraint(L,M.bottomConstraint,M.tickSize);}}this.minVal=E;this.maxVal=K;if(F&&!J){this.fireEvent("change",this);}},selectActiveSlider:function(H){var E=this.minSlider,D=this.maxSlider,J=E.isLocked()||!E.backgroundEnabled,G=D.isLocked()||!E.backgroundEnabled,F=YAHOO.util.Event,I;if(J||G){this.activeSlider=J?D:E;}else{if(this.isHoriz){I=F.getPageX(H)-E.thumb.initPageX-E.thumbCenterPoint.x;}else{I=F.getPageY(H)-E.thumb.initPageY-E.thumbCenterPoint.y;}this.activeSlider=I*2>D.getValue()+E.getValue()?D:E;}},_handleMouseDown:function(D){if(!D._handled&&!this.minSlider._sliding&&!this.maxSlider._sliding){D._handled=true;this.selectActiveSlider(D);return B.Slider.prototype.onMouseDown.call(this.activeSlider,D);}else{return false;}},_handleMouseUp:function(D){B.Slider.prototype.onMouseUp.apply(this.activeSlider,arguments);},_oneTimeCallback:function(G,D,F){var E=function(){G.unsubscribe(D,E);F.apply({},arguments);};G.subscribe(D,E);},_cleanEvent:function(K,E){var J,I,D,G,H,F;if(K.__yui_events&&K.events[E]){for(I=K.__yui_events.length;I>=0;--I){if(K.__yui_events[I].type===E){J=K.__yui_events[I];break;}}if(J){H=J.subscribers;F=[];G=0;for(I=0,D=H.length;I<D;++I){if(H[I]){F[G++]=H[I];}}J.subscribers=F;}}}};YAHOO.lang.augmentProto(C,YAHOO.util.EventProvider);B.Slider.getHorizDualSlider=function(H,J,K,G,F,D){var I=new B.SliderThumb(J,H,0,G,0,0,F),E=new B.SliderThumb(K,H,0,G,0,0,F);return new C(new B.Slider(H,H,I,"horiz"),new B.Slider(H,H,E,"horiz"),G,D);};B.Slider.getVertDualSlider=function(H,J,K,G,F,D){var I=new B.SliderThumb(J,H,0,0,0,G,F),E=new B.SliderThumb(K,H,0,0,0,G,F);return new B.DualSlider(new B.Slider(H,H,I,"vert"),new B.Slider(H,H,E,"vert"),G,D);};YAHOO.widget.DualSlider=C;})();YAHOO.register("slider",YAHOO.widget.Slider,{version:"2.8.1",build:"19"});

data/vendor/assets/javascripts/yui-2.8.1/build/slider/slider.js

@@ -0,0 +1,2068 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 2.8.1
+*/
+/**
+ * The Slider component is a UI control that enables the user to adjust 
+ * values in a finite range along one or two axes. Typically, the Slider 
+ * control is used in a web application as a rich, visual replacement 
+ * for an input box that takes a number as input. The Slider control can 
+ * also easily accommodate a second dimension, providing x,y output for 
+ * a selection point chosen from a rectangular region.
+ *
+ * @module    slider
+ * @title     Slider Widget
+ * @namespace YAHOO.widget
+ * @requires  yahoo,dom,dragdrop,event
+ * @optional  animation
+ */
+ (function () {
+
+var getXY = YAHOO.util.Dom.getXY,
+    Event = YAHOO.util.Event,
+    _AS   = Array.prototype.slice;
+
+/**
+ * A DragDrop implementation that can be used as a background for a
+ * slider.  It takes a reference to the thumb instance 
+ * so it can delegate some of the events to it.  The goal is to make the 
+ * thumb jump to the location on the background when the background is 
+ * clicked.  
+ *
+ * @class Slider
+ * @extends YAHOO.util.DragDrop
+ * @uses YAHOO.util.EventProvider
+ * @constructor
+ * @param {String}      id     The id of the element linked to this instance
+ * @param {String}      sGroup The group of related DragDrop items
+ * @param {SliderThumb} oThumb The thumb for this slider
+ * @param {String}      sType  The type of slider (horiz, vert, region)
+ */
+function Slider(sElementId, sGroup, oThumb, sType) {
+
+    Slider.ANIM_AVAIL = (!YAHOO.lang.isUndefined(YAHOO.util.Anim));
+
+    if (sElementId) {
+        this.init(sElementId, sGroup, true);
+        this.initSlider(sType);
+        this.initThumb(oThumb);
+    }
+}
+
+YAHOO.lang.augmentObject(Slider,{
+    /**
+     * Factory method for creating a horizontal slider
+     * @method YAHOO.widget.Slider.getHorizSlider
+     * @static
+     * @param {String} sBGElId the id of the slider's background element
+     * @param {String} sHandleElId the id of the thumb element
+     * @param {int} iLeft the number of pixels the element can move left
+     * @param {int} iRight the number of pixels the element can move right
+     * @param {int} iTickSize optional parameter for specifying that the element 
+     * should move a certain number pixels at a time.
+     * @return {Slider} a horizontal slider control
+     */
+    getHorizSlider : 
+        function (sBGElId, sHandleElId, iLeft, iRight, iTickSize) {
+            return new Slider(sBGElId, sBGElId, 
+                new YAHOO.widget.SliderThumb(sHandleElId, sBGElId, 
+                                   iLeft, iRight, 0, 0, iTickSize), "horiz");
+    },
+
+    /**
+     * Factory method for creating a vertical slider
+     * @method YAHOO.widget.Slider.getVertSlider
+     * @static
+     * @param {String} sBGElId the id of the slider's background element
+     * @param {String} sHandleElId the id of the thumb element
+     * @param {int} iUp the number of pixels the element can move up
+     * @param {int} iDown the number of pixels the element can move down
+     * @param {int} iTickSize optional parameter for specifying that the element 
+     * should move a certain number pixels at a time.
+     * @return {Slider} a vertical slider control
+     */
+    getVertSlider :
+        function (sBGElId, sHandleElId, iUp, iDown, iTickSize) {
+            return new Slider(sBGElId, sBGElId, 
+                new YAHOO.widget.SliderThumb(sHandleElId, sBGElId, 0, 0, 
+                                   iUp, iDown, iTickSize), "vert");
+    },
+
+    /**
+     * Factory method for creating a slider region like the one in the color
+     * picker example
+     * @method YAHOO.widget.Slider.getSliderRegion
+     * @static
+     * @param {String} sBGElId the id of the slider's background element
+     * @param {String} sHandleElId the id of the thumb element
+     * @param {int} iLeft the number of pixels the element can move left
+     * @param {int} iRight the number of pixels the element can move right
+     * @param {int} iUp the number of pixels the element can move up
+     * @param {int} iDown the number of pixels the element can move down
+     * @param {int} iTickSize optional parameter for specifying that the element 
+     * should move a certain number pixels at a time.
+     * @return {Slider} a slider region control
+     */
+    getSliderRegion : 
+        function (sBGElId, sHandleElId, iLeft, iRight, iUp, iDown, iTickSize) {
+            return new Slider(sBGElId, sBGElId, 
+                new YAHOO.widget.SliderThumb(sHandleElId, sBGElId, iLeft, iRight, 
+                                   iUp, iDown, iTickSize), "region");
+    },
+
+    /**
+     * Constant for valueChangeSource, indicating that the user clicked or
+     * dragged the slider to change the value.
+     * @property Slider.SOURCE_UI_EVENT
+     * @final
+     * @static
+     * @default 1
+     */
+    SOURCE_UI_EVENT : 1,
+
+    /**
+     * Constant for valueChangeSource, indicating that the value was altered
+     * by a programmatic call to setValue/setRegionValue.
+     * @property Slider.SOURCE_SET_VALUE
+     * @final
+     * @static
+     * @default 2
+     */
+    SOURCE_SET_VALUE : 2,
+
+    /**
+     * Constant for valueChangeSource, indicating that the value was altered
+     * by hitting any of the supported keyboard characters.
+     * @property Slider.SOURCE_KEY_EVENT
+     * @final
+     * @static
+     * @default 2
+     */
+    SOURCE_KEY_EVENT : 3,
+
+    /**
+     * By default, animation is available if the animation utility is detected.
+     * @property Slider.ANIM_AVAIL
+     * @static
+     * @type boolean
+     */
+    ANIM_AVAIL : false
+},true);
+
+YAHOO.extend(Slider, YAHOO.util.DragDrop, {
+
+    /**
+     * Tracks the state of the mouse button to aid in when events are fired.
+     *
+     * @property _mouseDown
+     * @type boolean
+     * @default false
+     * @private
+     */
+    _mouseDown : false,
+
+    /**
+     * Override the default setting of dragOnly to true.
+     * @property dragOnly
+     * @type boolean
+     * @default true
+     */
+    dragOnly : true,
+
+    /**
+     * Initializes the slider.  Executed in the constructor
+     * @method initSlider
+     * @param {string} sType the type of slider (horiz, vert, region)
+     */
+    initSlider: function(sType) {
+
+        /**
+         * The type of the slider (horiz, vert, region)
+         * @property type
+         * @type string
+         */
+        this.type = sType;
+
+        //this.removeInvalidHandleType("A");
+
+
+        /**
+         * Event the fires when the value of the control changes.  If 
+         * the control is animated the event will fire every point
+         * along the way.
+         * @event change
+         * @param {int} newOffset|x the new offset for normal sliders, or the new
+         *                          x offset for region sliders
+         * @param {int} y the number of pixels the thumb has moved on the y axis
+         *                (region sliders only)
+         */
+        this.createEvent("change", this);
+
+        /**
+         * Event that fires at the beginning of a slider thumb move.
+         * @event slideStart
+         */
+        this.createEvent("slideStart", this);
+
+        /**
+         * Event that fires at the end of a slider thumb move
+         * @event slideEnd
+         */
+        this.createEvent("slideEnd", this);
+
+        /**
+         * Overrides the isTarget property in YAHOO.util.DragDrop
+         * @property isTarget
+         * @private
+         */
+        this.isTarget = false;
+    
+        /**
+         * Flag that determines if the thumb will animate when moved
+         * @property animate
+         * @type boolean
+         */
+        this.animate = Slider.ANIM_AVAIL;
+
+        /**
+         * Set to false to disable a background click thumb move
+         * @property backgroundEnabled
+         * @type boolean
+         */
+        this.backgroundEnabled = true;
+
+        /**
+         * Adjustment factor for tick animation, the more ticks, the
+         * faster the animation (by default)
+         * @property tickPause
+         * @type int
+         */
+        this.tickPause = 40;
+
+        /**
+         * Enables the arrow, home and end keys, defaults to true.
+         * @property enableKeys
+         * @type boolean
+         */
+        this.enableKeys = true;
+
+        /**
+         * Specifies the number of pixels the arrow keys will move the slider.
+         * Default is 20.
+         * @property keyIncrement
+         * @type int
+         */
+        this.keyIncrement = 20;
+
+        /**
+         * moveComplete is set to true when the slider has moved to its final
+         * destination.  For animated slider, this value can be checked in 
+         * the onChange handler to make it possible to execute logic only
+         * when the move is complete rather than at all points along the way.
+         * Deprecated because this flag is only useful when the background is
+         * clicked and the slider is animated.  If the user drags the thumb,
+         * the flag is updated when the drag is over ... the final onDrag event
+         * fires before the mouseup the ends the drag, so the implementer will
+         * never see it.
+         *
+         * @property moveComplete
+         * @type Boolean
+         * @deprecated use the slideEnd event instead
+         */
+        this.moveComplete = true;
+
+        /**
+         * If animation is configured, specifies the length of the animation
+         * in seconds.
+         * @property animationDuration
+         * @type int
+         * @default 0.2
+         */
+        this.animationDuration = 0.2;
+
+        /**
+         * Constant for valueChangeSource, indicating that the user clicked or
+         * dragged the slider to change the value.
+         * @property SOURCE_UI_EVENT
+         * @final
+         * @default 1
+         * @deprecated use static Slider.SOURCE_UI_EVENT
+         */
+        this.SOURCE_UI_EVENT = 1;
+
+        /**
+         * Constant for valueChangeSource, indicating that the value was altered
+         * by a programmatic call to setValue/setRegionValue.
+         * @property SOURCE_SET_VALUE
+         * @final
+         * @default 2
+         * @deprecated use static Slider.SOURCE_SET_VALUE
+         */
+        this.SOURCE_SET_VALUE = 2;
+
+        /**
+         * When the slider value changes, this property is set to identify where
+         * the update came from.  This will be either 1, meaning the slider was
+         * clicked or dragged, or 2, meaning that it was set via a setValue() call.
+         * This can be used within event handlers to apply some of the logic only
+         * when dealing with one source or another.
+         * @property valueChangeSource
+         * @type int
+         * @since 2.3.0
+         */
+        this.valueChangeSource = 0;
+
+        /**
+         * Indicates whether or not events will be supressed for the current
+         * slide operation
+         * @property _silent
+         * @type boolean
+         * @private
+         */
+        this._silent = false;
+
+        /**
+         * Saved offset used to protect against NaN problems when slider is
+         * set to display:none
+         * @property lastOffset
+         * @type [int, int]
+         */
+        this.lastOffset = [0,0];
+    },
+
+    /**
+     * Initializes the slider's thumb. Executed in the constructor.
+     * @method initThumb
+     * @param {YAHOO.widget.SliderThumb} t the slider thumb
+     */
+    initThumb: function(t) {
+
+        var self = this;
+
+        /**
+         * A YAHOO.widget.SliderThumb instance that we will use to 
+         * reposition the thumb when the background is clicked
+         * @property thumb
+         * @type YAHOO.widget.SliderThumb
+         */
+        this.thumb = t;
+
+        t.cacheBetweenDrags = true;
+
+        if (t._isHoriz && t.xTicks && t.xTicks.length) {
+            this.tickPause = Math.round(360 / t.xTicks.length);
+        } else if (t.yTicks && t.yTicks.length) {
+            this.tickPause = Math.round(360 / t.yTicks.length);
+        }
+
+
+        // delegate thumb methods
+        t.onAvailable = function() { 
+                return self.setStartSliderState(); 
+            };
+        t.onMouseDown = function () { 
+                self._mouseDown = true;
+                return self.focus(); 
+            };
+        t.startDrag = function() { 
+                self._slideStart(); 
+            };
+        t.onDrag = function() { 
+                self.fireEvents(true); 
+            };
+        t.onMouseUp = function() { 
+                self.thumbMouseUp(); 
+            };
+
+    },
+
+    /**
+     * Executed when the slider element is available
+     * @method onAvailable
+     */
+    onAvailable: function() {
+        this._bindKeyEvents();
+    },
+ 
+    /**
+     * Sets up the listeners for keydown and key press events.
+     *
+     * @method _bindKeyEvents
+     * @protected
+     */
+    _bindKeyEvents : function () {
+        Event.on(this.id, "keydown",  this.handleKeyDown,  this, true);
+        Event.on(this.id, "keypress", this.handleKeyPress, this, true);
+    },
+
+    /**
+     * Executed when a keypress event happens with the control focused.
+     * Prevents the default behavior for navigation keys.  The actual
+     * logic for moving the slider thumb in response to a key event
+     * happens in handleKeyDown.
+     * @param {Event} e the keypress event
+     */
+    handleKeyPress: function(e) {
+        if (this.enableKeys) {
+            var kc = Event.getCharCode(e);
+
+            switch (kc) {
+                case 0x25: // left
+                case 0x26: // up
+                case 0x27: // right
+                case 0x28: // down
+                case 0x24: // home
+                case 0x23: // end
+                    Event.preventDefault(e);
+                    break;
+                default:
+            }
+        }
+    },
+
+    /**
+     * Executed when a keydown event happens with the control focused.
+     * Updates the slider value and display when the keypress is an
+     * arrow key, home, or end as long as enableKeys is set to true.
+     * @param {Event} e the keydown event
+     */
+    handleKeyDown: function(e) {
+        if (this.enableKeys) {
+            var kc = Event.getCharCode(e),
+                t  = this.thumb,
+                h  = this.getXValue(),
+                v  = this.getYValue(),
+                changeValue = true;
+
+            switch (kc) {
+
+                // left
+                case 0x25: h -= this.keyIncrement; break;
+
+                // up
+                case 0x26: v -= this.keyIncrement; break;
+
+                // right
+                case 0x27: h += this.keyIncrement; break;
+
+                // down
+                case 0x28: v += this.keyIncrement; break;
+
+                // home
+                case 0x24: h = t.leftConstraint;    
+                           v = t.topConstraint;    
+                           break;
+
+                // end
+                case 0x23: h = t.rightConstraint; 
+                           v = t.bottomConstraint;    
+                           break;
+
+                default:   changeValue = false;
+            }
+
+            if (changeValue) {
+                if (t._isRegion) {
+                    this._setRegionValue(Slider.SOURCE_KEY_EVENT, h, v, true);
+                } else {
+                    this._setValue(Slider.SOURCE_KEY_EVENT,
+                        (t._isHoriz ? h : v), true);
+                }
+                Event.stopEvent(e);
+            }
+
+        }
+    },
+
+    /**
+     * Initialization that sets up the value offsets once the elements are ready
+     * @method setStartSliderState
+     */
+    setStartSliderState: function() {
+
+
+        this.setThumbCenterPoint();
+
+        /**
+         * The basline position of the background element, used
+         * to determine if the background has moved since the last
+         * operation.
+         * @property baselinePos
+         * @type [int, int]
+         */
+        this.baselinePos = getXY(this.getEl());
+
+        this.thumb.startOffset = this.thumb.getOffsetFromParent(this.baselinePos);
+
+        if (this.thumb._isRegion) {
+            if (this.deferredSetRegionValue) {
+                this._setRegionValue.apply(this, this.deferredSetRegionValue);
+                this.deferredSetRegionValue = null;
+            } else {
+                this.setRegionValue(0, 0, true, true, true);
+            }
+        } else {
+            if (this.deferredSetValue) {
+                this._setValue.apply(this, this.deferredSetValue);
+                this.deferredSetValue = null;
+            } else {
+                this.setValue(0, true, true, true);
+            }
+        }
+    },
+
+    /**
+     * When the thumb is available, we cache the centerpoint of the element so
+     * we can position the element correctly when the background is clicked
+     * @method setThumbCenterPoint
+     */
+    setThumbCenterPoint: function() {
+
+        var el = this.thumb.getEl();
+
+        if (el) {
+            /**
+             * The center of the slider element is stored so we can 
+             * place it in the correct position when the background is clicked.
+             * @property thumbCenterPoint
+             * @type {"x": int, "y": int}
+             */
+            this.thumbCenterPoint = { 
+                    x: parseInt(el.offsetWidth/2, 10), 
+                    y: parseInt(el.offsetHeight/2, 10) 
+            };
+        }
+
+    },
+
+    /**
+     * Locks the slider, overrides YAHOO.util.DragDrop
+     * @method lock
+     */
+    lock: function() {
+        this.thumb.lock();
+        this.locked = true;
+    },
+
+    /**
+     * Unlocks the slider, overrides YAHOO.util.DragDrop
+     * @method unlock
+     */
+    unlock: function() {
+        this.thumb.unlock();
+        this.locked = false;
+    },
+
+    /**
+     * Handles mouseup event on the thumb
+     * @method thumbMouseUp
+     * @private
+     */
+    thumbMouseUp: function() {
+        this._mouseDown = false;
+        if (!this.isLocked()) {
+            this.endMove();
+        }
+
+    },
+
+    onMouseUp: function() {
+        this._mouseDown = false;
+        if (this.backgroundEnabled && !this.isLocked()) {
+            this.endMove();
+        }
+    },
+
+    /**
+     * Returns a reference to this slider's thumb
+     * @method getThumb
+     * @return {SliderThumb} this slider's thumb
+     */
+    getThumb: function() {
+        return this.thumb;
+    },
+
+    /**
+     * Try to focus the element when clicked so we can add
+     * accessibility features
+     * @method focus
+     * @private
+     */
+    focus: function() {
+        this.valueChangeSource = Slider.SOURCE_UI_EVENT;
+
+        // Focus the background element if possible
+        var el = this.getEl();
+
+        if (el.focus) {
+            try {
+                el.focus();
+            } catch(e) {
+                // Prevent permission denied unhandled exception in FF that can
+                // happen when setting focus while another element is handling
+                // the blur.  @TODO this is still writing to the error log 
+                // (unhandled error) in FF1.5 with strict error checking on.
+            }
+        }
+
+        this.verifyOffset();
+
+        return !this.isLocked();
+    },
+
+    /**
+     * Event that fires when the value of the slider has changed
+     * @method onChange
+     * @param {int} firstOffset the number of pixels the thumb has moved
+     * from its start position. Normal horizontal and vertical sliders will only
+     * have the firstOffset.  Regions will have both, the first is the horizontal
+     * offset, the second the vertical.
+     * @param {int} secondOffset the y offset for region sliders
+     * @deprecated use instance.subscribe("change") instead
+     */
+    onChange: function (firstOffset, secondOffset) { 
+        /* override me */ 
+    },
+
+    /**
+     * Event that fires when the at the beginning of the slider thumb move
+     * @method onSlideStart
+     * @deprecated use instance.subscribe("slideStart") instead
+     */
+    onSlideStart: function () { 
+        /* override me */ 
+    },
+
+    /**
+     * Event that fires at the end of a slider thumb move
+     * @method onSliderEnd
+     * @deprecated use instance.subscribe("slideEnd") instead
+     */
+    onSlideEnd: function () { 
+        /* override me */ 
+    },
+
+    /**
+     * Returns the slider's thumb offset from the start position
+     * @method getValue
+     * @return {int} the current value
+     */
+    getValue: function () { 
+        return this.thumb.getValue();
+    },
+
+    /**
+     * Returns the slider's thumb X offset from the start position
+     * @method getXValue
+     * @return {int} the current horizontal offset
+     */
+    getXValue: function () { 
+        return this.thumb.getXValue();
+    },
+
+    /**
+     * Returns the slider's thumb Y offset from the start position
+     * @method getYValue
+     * @return {int} the current vertical offset
+     */
+    getYValue: function () { 
+        return this.thumb.getYValue();
+    },
+
+    /**
+     * Provides a way to set the value of the slider in code.
+     *
+     * @method setValue
+     * @param {int} newOffset the number of pixels the thumb should be
+     * positioned away from the initial start point 
+     * @param {boolean} skipAnim set to true to disable the animation
+     * for this move action (but not others).
+     * @param {boolean} force ignore the locked setting and set value anyway
+     * @param {boolean} silent when true, do not fire events
+     * @return {boolean} true if the move was performed, false if it failed
+     */
+    setValue: function() {
+        var args = _AS.call(arguments);
+        args.unshift(Slider.SOURCE_SET_VALUE);
+        return this._setValue.apply(this,args);
+    },
+
+    /**
+     * Worker function to execute the value set operation.  Accepts type of
+     * set operation in addition to the usual setValue params.
+     *
+     * @method _setValue
+     * @param source {int} what triggered the set (e.g. Slider.SOURCE_SET_VALUE)
+     * @param {int} newOffset the number of pixels the thumb should be
+     * positioned away from the initial start point 
+     * @param {boolean} skipAnim set to true to disable the animation
+     * for this move action (but not others).
+     * @param {boolean} force ignore the locked setting and set value anyway
+     * @param {boolean} silent when true, do not fire events
+     * @return {boolean} true if the move was performed, false if it failed
+     * @protected
+     */
+    _setValue: function(source, newOffset, skipAnim, force, silent) {
+        var t = this.thumb, newX, newY;
+
+        if (!t.available) {
+            this.deferredSetValue = arguments;
+            return false;
+        }
+
+        if (this.isLocked() && !force) {
+            return false;
+        }
+
+        if ( isNaN(newOffset) ) {
+            return false;
+        }
+
+        if (t._isRegion) {
+            return false;
+        }
+
+
+        this._silent = silent;
+        this.valueChangeSource = source || Slider.SOURCE_SET_VALUE;
+
+        t.lastOffset = [newOffset, newOffset];
+        this.verifyOffset();
+
+        this._slideStart();
+
+        if (t._isHoriz) {
+            newX = t.initPageX + newOffset + this.thumbCenterPoint.x;
+            this.moveThumb(newX, t.initPageY, skipAnim);
+        } else {
+            newY = t.initPageY + newOffset + this.thumbCenterPoint.y;
+            this.moveThumb(t.initPageX, newY, skipAnim);
+        }
+
+        return true;
+    },
+
+    /**
+     * Provides a way to set the value of the region slider in code.
+     * @method setRegionValue
+     * @param {int} newOffset the number of pixels the thumb should be
+     * positioned away from the initial start point (x axis for region)
+     * @param {int} newOffset2 the number of pixels the thumb should be
+     * positioned away from the initial start point (y axis for region)
+     * @param {boolean} skipAnim set to true to disable the animation
+     * for this move action (but not others).
+     * @param {boolean} force ignore the locked setting and set value anyway
+     * @param {boolean} silent when true, do not fire events
+     * @return {boolean} true if the move was performed, false if it failed
+     */
+    setRegionValue : function () {
+        var args = _AS.call(arguments);
+        args.unshift(Slider.SOURCE_SET_VALUE);
+        return this._setRegionValue.apply(this,args);
+    },
+
+    /**
+     * Worker function to execute the value set operation.  Accepts type of
+     * set operation in addition to the usual setValue params.
+     *
+     * @method _setRegionValue
+     * @param source {int} what triggered the set (e.g. Slider.SOURCE_SET_VALUE)
+     * @param {int} newOffset the number of pixels the thumb should be
+     * positioned away from the initial start point (x axis for region)
+     * @param {int} newOffset2 the number of pixels the thumb should be
+     * positioned away from the initial start point (y axis for region)
+     * @param {boolean} skipAnim set to true to disable the animation
+     * for this move action (but not others).
+     * @param {boolean} force ignore the locked setting and set value anyway
+     * @param {boolean} silent when true, do not fire events
+     * @return {boolean} true if the move was performed, false if it failed
+     * @protected
+     */
+    _setRegionValue: function(source, newOffset, newOffset2, skipAnim, force, silent) {
+        var t = this.thumb, newX, newY;
+
+        if (!t.available) {
+            this.deferredSetRegionValue = arguments;
+            return false;
+        }
+
+        if (this.isLocked() && !force) {
+            return false;
+        }
+
+        if ( isNaN(newOffset) ) {
+            return false;
+        }
+
+        if (!t._isRegion) {
+            return false;
+        }
+
+        this._silent = silent;
+
+        this.valueChangeSource = source || Slider.SOURCE_SET_VALUE;
+
+        t.lastOffset = [newOffset, newOffset2];
+        this.verifyOffset();
+
+        this._slideStart();
+
+        newX = t.initPageX + newOffset + this.thumbCenterPoint.x;
+        newY = t.initPageY + newOffset2 + this.thumbCenterPoint.y;
+        this.moveThumb(newX, newY, skipAnim);
+
+        return true;
+    },
+
+    /**
+     * Checks the background position element position.  If it has moved from the
+     * baseline position, the constraints for the thumb are reset
+     * @method verifyOffset
+     * @return {boolean} True if the offset is the same as the baseline.
+     */
+    verifyOffset: function() {
+
+        var xy = getXY(this.getEl()),
+            t  = this.thumb;
+
+        if (!this.thumbCenterPoint || !this.thumbCenterPoint.x) {
+            this.setThumbCenterPoint();
+        }
+
+        if (xy) {
+
+
+            if (xy[0] != this.baselinePos[0] || xy[1] != this.baselinePos[1]) {
+
+                // Reset background
+                this.setInitPosition();
+                this.baselinePos = xy;
+
+                // Reset thumb
+                t.initPageX = this.initPageX + t.startOffset[0];
+                t.initPageY = this.initPageY + t.startOffset[1];
+                t.deltaSetXY = null;
+                this.resetThumbConstraints();
+
+                return false;
+            }
+        }
+
+        return true;
+    },
+
+    /**
+     * Move the associated slider moved to a timeout to try to get around the 
+     * mousedown stealing moz does when I move the slider element between the 
+     * cursor and the background during the mouseup event
+     * @method moveThumb
+     * @param {int} x the X coordinate of the click
+     * @param {int} y the Y coordinate of the click
+     * @param {boolean} skipAnim don't animate if the move happend onDrag
+     * @param {boolean} midMove set to true if this is not terminating
+     * the slider movement
+     * @private
+     */
+    moveThumb: function(x, y, skipAnim, midMove) {
+
+        var t = this.thumb,
+            self = this,
+            p,_p,anim;
+
+        if (!t.available) {
+            return;
+        }
+
+
+        t.setDelta(this.thumbCenterPoint.x, this.thumbCenterPoint.y);
+
+        _p = t.getTargetCoord(x, y);
+        p = [Math.round(_p.x), Math.round(_p.y)];
+
+        if (this.animate && t._graduated && !skipAnim) {
+            this.lock();
+
+            // cache the current thumb pos
+            this.curCoord = getXY(this.thumb.getEl());
+            this.curCoord = [Math.round(this.curCoord[0]), Math.round(this.curCoord[1])];
+
+            setTimeout( function() { self.moveOneTick(p); }, this.tickPause );
+
+        } else if (this.animate && Slider.ANIM_AVAIL && !skipAnim) {
+
+            this.lock();
+
+            anim = new YAHOO.util.Motion( 
+                    t.id, { points: { to: p } }, 
+                    this.animationDuration, 
+                    YAHOO.util.Easing.easeOut );
+
+            anim.onComplete.subscribe( function() { 
+                    self.unlock();
+                    if (!self._mouseDown) {
+                        self.endMove(); 
+                    }
+                });
+            anim.animate();
+
+        } else {
+            t.setDragElPos(x, y);
+            if (!midMove && !this._mouseDown) {
+                this.endMove();
+            }
+        }
+    },
+
+    _slideStart: function() {
+        if (!this._sliding) {
+            if (!this._silent) {
+                this.onSlideStart();
+                this.fireEvent("slideStart");
+            }
+            this._sliding = true;
+            this.moveComplete = false; // for backward compatibility. Deprecated
+        }
+    },
+
+    _slideEnd: function() {
+        if (this._sliding) {
+            // Reset state before firing slideEnd
+            var silent = this._silent;
+            this._sliding = false;
+            this.moveComplete = true; // for backward compatibility. Deprecated
+            this._silent = false;
+            if (!silent) {
+                this.onSlideEnd();
+                this.fireEvent("slideEnd");
+            }
+        }
+    },
+
+    /**
+     * Move the slider one tick mark towards its final coordinate.  Used
+     * for the animation when tick marks are defined
+     * @method moveOneTick
+     * @param {int[]} the destination coordinate
+     * @private
+     */
+    moveOneTick: function(finalCoord) {
+
+        var t = this.thumb,
+            self = this,
+            nextCoord = null,
+            tmpX, tmpY;
+
+        if (t._isRegion) {
+            nextCoord = this._getNextX(this.curCoord, finalCoord);
+            tmpX = (nextCoord !== null) ? nextCoord[0] : this.curCoord[0];
+            nextCoord = this._getNextY(this.curCoord, finalCoord);
+            tmpY = (nextCoord !== null) ? nextCoord[1] : this.curCoord[1];
+
+            nextCoord = tmpX !== this.curCoord[0] || tmpY !== this.curCoord[1] ?
+                [ tmpX, tmpY ] : null;
+        } else if (t._isHoriz) {
+            nextCoord = this._getNextX(this.curCoord, finalCoord);
+        } else {
+            nextCoord = this._getNextY(this.curCoord, finalCoord);
+        }
+
+
+        if (nextCoord) {
+
+            // cache the position
+            this.curCoord = nextCoord;
+
+            // move to the next coord
+            this.thumb.alignElWithMouse(t.getEl(), nextCoord[0] + this.thumbCenterPoint.x, nextCoord[1] + this.thumbCenterPoint.y);
+            
+            // check if we are in the final position, if not make a recursive call
+            if (!(nextCoord[0] == finalCoord[0] && nextCoord[1] == finalCoord[1])) {
+                setTimeout(function() { self.moveOneTick(finalCoord); }, 
+                        this.tickPause);
+            } else {
+                this.unlock();
+                if (!this._mouseDown) {
+                    this.endMove();
+                }
+            }
+        } else {
+            this.unlock();
+            if (!this._mouseDown) {
+                this.endMove();
+            }
+        }
+    },
+
+    /**
+     * Returns the next X tick value based on the current coord and the target coord.
+     * @method _getNextX
+     * @private
+     */
+    _getNextX: function(curCoord, finalCoord) {
+        var t = this.thumb,
+            thresh,
+            tmp = [],
+            nextCoord = null;
+
+        if (curCoord[0] > finalCoord[0]) {
+            thresh = t.tickSize - this.thumbCenterPoint.x;
+            tmp = t.getTargetCoord( curCoord[0] - thresh, curCoord[1] );
+            nextCoord = [tmp.x, tmp.y];
+        } else if (curCoord[0] < finalCoord[0]) {
+            thresh = t.tickSize + this.thumbCenterPoint.x;
+            tmp = t.getTargetCoord( curCoord[0] + thresh, curCoord[1] );
+            nextCoord = [tmp.x, tmp.y];
+        } else {
+            // equal, do nothing
+        }
+
+        return nextCoord;
+    },
+
+    /**
+     * Returns the next Y tick value based on the current coord and the target coord.
+     * @method _getNextY
+     * @private
+     */
+    _getNextY: function(curCoord, finalCoord) {
+        var t = this.thumb,
+            thresh,
+            tmp = [],
+            nextCoord = null;
+
+        if (curCoord[1] > finalCoord[1]) {
+            thresh = t.tickSize - this.thumbCenterPoint.y;
+            tmp = t.getTargetCoord( curCoord[0], curCoord[1] - thresh );
+            nextCoord = [tmp.x, tmp.y];
+        } else if (curCoord[1] < finalCoord[1]) {
+            thresh = t.tickSize + this.thumbCenterPoint.y;
+            tmp = t.getTargetCoord( curCoord[0], curCoord[1] + thresh );
+            nextCoord = [tmp.x, tmp.y];
+        } else {
+            // equal, do nothing
+        }
+
+        return nextCoord;
+    },
+
+    /**
+     * Resets the constraints before moving the thumb.
+     * @method b4MouseDown
+     * @private
+     */
+    b4MouseDown: function(e) {
+        if (!this.backgroundEnabled) {
+            return false;
+        }
+
+        this.thumb.autoOffset();
+        this.baselinePos = [];
+    },
+
+    /**
+     * Handles the mousedown event for the slider background
+     * @method onMouseDown
+     * @private
+     */
+    onMouseDown: function(e) {
+        if (!this.backgroundEnabled || this.isLocked()) {
+            return false;
+        }
+
+        this._mouseDown = true;
+
+        var x = Event.getPageX(e),
+            y = Event.getPageY(e);
+
+
+        this.focus();
+        this._slideStart();
+        this.moveThumb(x, y);
+    },
+
+    /**
+     * Handles the onDrag event for the slider background
+     * @method onDrag
+     * @private
+     */
+    onDrag: function(e) {
+        if (this.backgroundEnabled && !this.isLocked()) {
+            var x = Event.getPageX(e),
+                y = Event.getPageY(e);
+            this.moveThumb(x, y, true, true);
+            this.fireEvents();
+        }
+    },
+
+    /**
+     * Fired when the slider movement ends
+     * @method endMove
+     * @private
+     */
+    endMove: function () {
+        this.unlock();
+        this.fireEvents();
+        this._slideEnd();
+    },
+
+    /**
+     * Resets the X and Y contraints for the thumb.  Used in lieu of the thumb
+     * instance's inherited resetConstraints because some logic was not
+     * applicable.
+     * @method resetThumbConstraints
+     * @protected
+     */
+    resetThumbConstraints: function () {
+        var t = this.thumb;
+
+        t.setXConstraint(t.leftConstraint, t.rightConstraint, t.xTickSize);
+        t.setYConstraint(t.topConstraint, t.bottomConstraint, t.xTickSize);
+    },
+
+    /**
+     * Fires the change event if the value has been changed.  Ignored if we are in
+     * the middle of an animation as the event will fire when the animation is
+     * complete
+     * @method fireEvents
+     * @param {boolean} thumbEvent set to true if this event is fired from an event
+     *                  that occurred on the thumb.  If it is, the state of the
+     *                  thumb dd object should be correct.  Otherwise, the event
+     *                  originated on the background, so the thumb state needs to
+     *                  be refreshed before proceeding.
+     * @private
+     */
+    fireEvents: function (thumbEvent) {
+
+        var t = this.thumb, newX, newY, newVal;
+
+        if (!thumbEvent) {
+            t.cachePosition();
+        }
+
+        if (! this.isLocked()) {
+            if (t._isRegion) {
+                newX = t.getXValue();
+                newY = t.getYValue();
+
+                if (newX != this.previousX || newY != this.previousY) {
+                    if (!this._silent) {
+                        this.onChange(newX, newY);
+                        this.fireEvent("change", { x: newX, y: newY });
+                    }
+                }
+
+                this.previousX = newX;
+                this.previousY = newY;
+
+            } else {
+                newVal = t.getValue();
+                if (newVal != this.previousVal) {
+                    if (!this._silent) {
+                        this.onChange( newVal );
+                        this.fireEvent("change", newVal);
+                    }
+                }
+                this.previousVal = newVal;
+            }
+
+        }
+    },
+
+    /**
+     * Slider toString
+     * @method toString
+     * @return {string} string representation of the instance
+     */
+    toString: function () { 
+        return ("Slider (" + this.type +") " + this.id);
+    }
+
+});
+
+YAHOO.lang.augmentProto(Slider, YAHOO.util.EventProvider);
+
+YAHOO.widget.Slider = Slider;
+})();
+/**
+ * A drag and drop implementation to be used as the thumb of a slider.
+ * @class SliderThumb
+ * @extends YAHOO.util.DD
+ * @constructor
+ * @param {String} id the id of the slider html element
+ * @param {String} sGroup the group of related DragDrop items
+ * @param {int} iLeft the number of pixels the element can move left
+ * @param {int} iRight the number of pixels the element can move right
+ * @param {int} iUp the number of pixels the element can move up
+ * @param {int} iDown the number of pixels the element can move down
+ * @param {int} iTickSize optional parameter for specifying that the element 
+ * should move a certain number pixels at a time.
+ */
+YAHOO.widget.SliderThumb = function(id, sGroup, iLeft, iRight, iUp, iDown, iTickSize) {
+
+    if (id) {
+        YAHOO.widget.SliderThumb.superclass.constructor.call(this, id, sGroup);
+
+        /**
+         * The id of the thumbs parent HTML element (the slider background 
+         * element).
+         * @property parentElId
+         * @type string
+         */
+        this.parentElId = sGroup;
+    }
+
+
+
+    /**
+     * Overrides the isTarget property in YAHOO.util.DragDrop
+     * @property isTarget
+     * @private
+     */
+    this.isTarget = false;
+
+    /**
+     * The tick size for this slider
+     * @property tickSize
+     * @type int
+     * @private
+     */
+    this.tickSize = iTickSize;
+
+    /**
+     * Informs the drag and drop util that the offsets should remain when
+     * resetting the constraints.  This preserves the slider value when
+     * the constraints are reset
+     * @property maintainOffset
+     * @type boolean
+     * @private
+     */
+    this.maintainOffset = true;
+
+    this.initSlider(iLeft, iRight, iUp, iDown, iTickSize);
+
+    /**
+     * Turns off the autoscroll feature in drag and drop
+     * @property scroll
+     * @private
+     */
+    this.scroll = false;
+
+}; 
+
+YAHOO.extend(YAHOO.widget.SliderThumb, YAHOO.util.DD, {
+
+    /**
+     * The (X and Y) difference between the thumb location and its parent 
+     * (the slider background) when the control is instantiated.
+     * @property startOffset
+     * @type [int, int]
+     */
+    startOffset: null,
+
+    /**
+     * Override the default setting of dragOnly to true.
+     * @property dragOnly
+     * @type boolean
+     * @default true
+     */
+    dragOnly : true,
+
+    /**
+     * Flag used to figure out if this is a horizontal or vertical slider
+     * @property _isHoriz
+     * @type boolean
+     * @private
+     */
+    _isHoriz: false,
+
+    /**
+     * Cache the last value so we can check for change
+     * @property _prevVal
+     * @type int
+     * @private
+     */
+    _prevVal: 0,
+
+    /**
+     * The slider is _graduated if there is a tick interval defined
+     * @property _graduated
+     * @type boolean
+     * @private
+     */
+    _graduated: false,
+
+
+    /**
+     * Returns the difference between the location of the thumb and its parent.
+     * @method getOffsetFromParent
+     * @param {[int, int]} parentPos Optionally accepts the position of the parent
+     * @type [int, int]
+     */
+    getOffsetFromParent0: function(parentPos) {
+        var myPos = YAHOO.util.Dom.getXY(this.getEl()),
+            ppos  = parentPos || YAHOO.util.Dom.getXY(this.parentElId);
+
+        return [ (myPos[0] - ppos[0]), (myPos[1] - ppos[1]) ];
+    },
+
+    getOffsetFromParent: function(parentPos) {
+
+        var el = this.getEl(), newOffset,
+            myPos,ppos,l,t,deltaX,deltaY,newLeft,newTop;
+
+        if (!this.deltaOffset) {
+
+            myPos = YAHOO.util.Dom.getXY(el);
+            ppos  = parentPos || YAHOO.util.Dom.getXY(this.parentElId);
+
+            newOffset = [ (myPos[0] - ppos[0]), (myPos[1] - ppos[1]) ];
+
+            l = parseInt( YAHOO.util.Dom.getStyle(el, "left"), 10 );
+            t = parseInt( YAHOO.util.Dom.getStyle(el, "top" ), 10 );
+
+            deltaX = l - newOffset[0];
+            deltaY = t - newOffset[1];
+
+            if (isNaN(deltaX) || isNaN(deltaY)) {
+            } else {
+                this.deltaOffset = [deltaX, deltaY];
+            }
+
+        } else {
+            newLeft = parseInt( YAHOO.util.Dom.getStyle(el, "left"), 10 );
+            newTop  = parseInt( YAHOO.util.Dom.getStyle(el, "top" ), 10 );
+
+            newOffset  = [newLeft + this.deltaOffset[0], newTop + this.deltaOffset[1]];
+        }
+
+        return newOffset;
+    },
+
+    /**
+     * Set up the slider, must be called in the constructor of all subclasses
+     * @method initSlider
+     * @param {int} iLeft the number of pixels the element can move left
+     * @param {int} iRight the number of pixels the element can move right
+     * @param {int} iUp the number of pixels the element can move up
+     * @param {int} iDown the number of pixels the element can move down
+     * @param {int} iTickSize the width of the tick interval.
+     */
+    initSlider: function (iLeft, iRight, iUp, iDown, iTickSize) {
+        this.initLeft = iLeft;
+        this.initRight = iRight;
+        this.initUp = iUp;
+        this.initDown = iDown;
+
+        this.setXConstraint(iLeft, iRight, iTickSize);
+        this.setYConstraint(iUp, iDown, iTickSize);
+
+        if (iTickSize && iTickSize > 1) {
+            this._graduated = true;
+        }
+
+        this._isHoriz  = (iLeft || iRight); 
+        this._isVert   = (iUp   || iDown);
+        this._isRegion = (this._isHoriz && this._isVert); 
+
+    },
+
+    /**
+     * Clear's the slider's ticks
+     * @method clearTicks
+     */
+    clearTicks: function () {
+        YAHOO.widget.SliderThumb.superclass.clearTicks.call(this);
+        this.tickSize = 0;
+        this._graduated = false;
+    },
+
+
+    /**
+     * Gets the current offset from the element's start position in
+     * pixels.
+     * @method getValue
+     * @return {int} the number of pixels (positive or negative) the
+     * slider has moved from the start position.
+     */
+    getValue: function () {
+        return (this._isHoriz) ? this.getXValue() : this.getYValue();
+    },
+
+    /**
+     * Gets the current X offset from the element's start position in
+     * pixels.
+     * @method getXValue
+     * @return {int} the number of pixels (positive or negative) the
+     * slider has moved horizontally from the start position.
+     */
+    getXValue: function () {
+        if (!this.available) { 
+            return 0; 
+        }
+        var newOffset = this.getOffsetFromParent();
+        if (YAHOO.lang.isNumber(newOffset[0])) {
+            this.lastOffset = newOffset;
+            return (newOffset[0] - this.startOffset[0]);
+        } else {
+            return (this.lastOffset[0] - this.startOffset[0]);
+        }
+    },
+
+    /**
+     * Gets the current Y offset from the element's start position in
+     * pixels.
+     * @method getYValue
+     * @return {int} the number of pixels (positive or negative) the
+     * slider has moved vertically from the start position.
+     */
+    getYValue: function () {
+        if (!this.available) { 
+            return 0; 
+        }
+        var newOffset = this.getOffsetFromParent();
+        if (YAHOO.lang.isNumber(newOffset[1])) {
+            this.lastOffset = newOffset;
+            return (newOffset[1] - this.startOffset[1]);
+        } else {
+            return (this.lastOffset[1] - this.startOffset[1]);
+        }
+    },
+
+    /**
+     * Thumb toString
+     * @method toString
+     * @return {string} string representation of the instance
+     */
+    toString: function () { 
+        return "SliderThumb " + this.id;
+    },
+
+    /**
+     * The onchange event for the handle/thumb is delegated to the YAHOO.widget.Slider
+     * instance it belongs to.
+     * @method onChange
+     * @private
+     */
+    onChange: function (x, y) { 
+    }
+
+});
+/**
+ * A slider with two thumbs, one that represents the min value and 
+ * the other the max.  Actually a composition of two sliders, both with
+ * the same background.  The constraints for each slider are adjusted
+ * dynamically so that the min value of the max slider is equal or greater
+ * to the current value of the min slider, and the max value of the min
+ * slider is the current value of the max slider.
+ * Constructor assumes both thumbs are positioned absolutely at the 0 mark on
+ * the background.
+ *
+ * @namespace YAHOO.widget
+ * @class DualSlider
+ * @uses YAHOO.util.EventProvider
+ * @constructor
+ * @param {Slider} minSlider The Slider instance used for the min value thumb
+ * @param {Slider} maxSlider The Slider instance used for the max value thumb
+ * @param {int}    range The number of pixels the thumbs may move within
+ * @param {Array}  initVals (optional) [min,max] Initial thumb placement
+ */
+(function () {
+
+var Event = YAHOO.util.Event,
+    YW = YAHOO.widget;
+
+function DualSlider(minSlider, maxSlider, range, initVals) {
+
+    var self  = this,
+        ready = { min : false, max : false },
+        minThumbOnMouseDown, maxThumbOnMouseDown;
+
+    /**
+     * A slider instance that keeps track of the lower value of the range.
+     * <strong>read only</strong>
+     * @property minSlider
+     * @type Slider
+     */
+    this.minSlider = minSlider;
+
+    /**
+     * A slider instance that keeps track of the upper value of the range.
+     * <strong>read only</strong>
+     * @property maxSlider
+     * @type Slider
+     */
+    this.maxSlider = maxSlider;
+
+    /**
+     * The currently active slider (min or max). <strong>read only</strong>
+     * @property activeSlider
+     * @type Slider
+     */
+    this.activeSlider = minSlider;
+
+    /**
+     * Is the DualSlider oriented horizontally or vertically?
+     * <strong>read only</strong>
+     * @property isHoriz
+     * @type boolean
+     */
+    this.isHoriz = minSlider.thumb._isHoriz;
+
+    //FIXME: this is horrible
+    minThumbOnMouseDown = this.minSlider.thumb.onMouseDown;
+    maxThumbOnMouseDown = this.maxSlider.thumb.onMouseDown;
+    this.minSlider.thumb.onMouseDown = function() {
+        self.activeSlider = self.minSlider;
+        minThumbOnMouseDown.apply(this,arguments);
+    };
+    this.maxSlider.thumb.onMouseDown = function () {
+        self.activeSlider = self.maxSlider;
+        maxThumbOnMouseDown.apply(this,arguments);
+    };
+
+    this.minSlider.thumb.onAvailable = function () {
+        minSlider.setStartSliderState();
+        ready.min = true;
+        if (ready.max) {
+            self.fireEvent('ready',self);
+        }
+    };
+    this.maxSlider.thumb.onAvailable = function () {
+        maxSlider.setStartSliderState();
+        ready.max = true;
+        if (ready.min) {
+            self.fireEvent('ready',self);
+        }
+    };
+
+    // dispatch mousedowns to the active slider
+    minSlider.onMouseDown =
+    maxSlider.onMouseDown = function(e) {
+        return this.backgroundEnabled && self._handleMouseDown(e);
+    };
+
+    // Fix the drag behavior so that only the active slider
+    // follows the drag
+    minSlider.onDrag =
+    maxSlider.onDrag = function(e) {
+        self._handleDrag(e);
+    };
+
+    // Likely only the minSlider's onMouseUp will be executed, but both are
+    // overridden just to be safe
+    minSlider.onMouseUp =
+    maxSlider.onMouseUp = function (e) {
+        self._handleMouseUp(e);
+    };
+
+    // Replace the _bindKeyEvents for the minSlider and remove that for the
+    // maxSlider since they share the same bg element.
+    minSlider._bindKeyEvents = function () {
+        self._bindKeyEvents(this);
+    };
+    maxSlider._bindKeyEvents = function () {};
+
+    // The core events for each slider are handled so we can expose a single
+    // event for when the event happens on either slider
+    minSlider.subscribe("change", this._handleMinChange, minSlider, this);
+    minSlider.subscribe("slideStart", this._handleSlideStart, minSlider, this);
+    minSlider.subscribe("slideEnd", this._handleSlideEnd, minSlider, this);
+
+    maxSlider.subscribe("change", this._handleMaxChange, maxSlider, this);
+    maxSlider.subscribe("slideStart", this._handleSlideStart, maxSlider, this);
+    maxSlider.subscribe("slideEnd", this._handleSlideEnd, maxSlider, this);
+
+    /**
+     * Event that fires when the slider is finished setting up
+     * @event ready
+     * @param {DualSlider} dualslider the DualSlider instance
+     */
+    this.createEvent("ready", this);
+
+    /**
+     * Event that fires when either the min or max value changes
+     * @event change
+     * @param {DualSlider} dualslider the DualSlider instance
+     */
+    this.createEvent("change", this);
+
+    /**
+     * Event that fires when one of the thumbs begins to move
+     * @event slideStart
+     * @param {Slider} activeSlider the moving slider
+     */
+    this.createEvent("slideStart", this);
+
+    /**
+     * Event that fires when one of the thumbs finishes moving
+     * @event slideEnd
+     * @param {Slider} activeSlider the moving slider
+     */
+    this.createEvent("slideEnd", this);
+
+    // Validate initial values
+    initVals = YAHOO.lang.isArray(initVals) ? initVals : [0,range];
+    initVals[0] = Math.min(Math.max(parseInt(initVals[0],10)|0,0),range);
+    initVals[1] = Math.max(Math.min(parseInt(initVals[1],10)|0,range),0);
+    // Swap initVals if min > max
+    if (initVals[0] > initVals[1]) {
+        initVals.splice(0,2,initVals[1],initVals[0]);
+    }
+    this.minVal = initVals[0];
+    this.maxVal = initVals[1];
+
+    // Set values so initial assignment when the slider thumbs are ready will
+    // use these values
+    this.minSlider.setValue(this.minVal,true,true,true);
+    this.maxSlider.setValue(this.maxVal,true,true,true);
+
+}
+
+DualSlider.prototype = {
+
+    /**
+     * The current value of the min thumb. <strong>read only</strong>.
+     * @property minVal
+     * @type int
+     */
+    minVal : -1,
+
+    /**
+     * The current value of the max thumb. <strong>read only</strong>.
+     * @property maxVal
+     * @type int
+     */
+    maxVal : -1,
+
+    /**
+     * Pixel distance to maintain between thumbs.
+     * @property minRange
+     * @type int
+     * @default 0
+     */
+    minRange : 0,
+
+    /**
+     * Executed when one of the sliders fires the slideStart event
+     * @method _handleSlideStart
+     * @private
+     */
+    _handleSlideStart: function(data, slider) {
+        this.fireEvent("slideStart", slider);
+    },
+
+    /**
+     * Executed when one of the sliders fires the slideEnd event
+     * @method _handleSlideEnd
+     * @private
+     */
+    _handleSlideEnd: function(data, slider) {
+        this.fireEvent("slideEnd", slider);
+    },
+
+    /**
+     * Overrides the onDrag method for both sliders
+     * @method _handleDrag
+     * @private
+     */
+    _handleDrag: function(e) {
+        YW.Slider.prototype.onDrag.call(this.activeSlider, e);
+    },
+
+    /**
+     * Executed when the min slider fires the change event
+     * @method _handleMinChange
+     * @private
+     */
+    _handleMinChange: function() {
+        this.activeSlider = this.minSlider;
+        this.updateValue();
+    },
+
+    /**
+     * Executed when the max slider fires the change event
+     * @method _handleMaxChange
+     * @private
+     */
+    _handleMaxChange: function() {
+        this.activeSlider = this.maxSlider;
+        this.updateValue();
+    },
+
+    /**
+     * Set up the listeners for the keydown and keypress events.
+     *
+     * @method _bindKeyEvents
+     * @protected
+     */
+    _bindKeyEvents : function (slider) {
+        Event.on(slider.id,'keydown', this._handleKeyDown, this,true);
+        Event.on(slider.id,'keypress',this._handleKeyPress,this,true);
+    },
+
+    /**
+     * Delegate event handling to the active Slider.  See Slider.handleKeyDown.
+     *
+     * @method _handleKeyDown
+     * @param e {Event} the mousedown DOM event
+     * @protected
+     */
+    _handleKeyDown : function (e) {
+        this.activeSlider.handleKeyDown.apply(this.activeSlider,arguments);
+    },
+
+    /**
+     * Delegate event handling to the active Slider.  See Slider.handleKeyPress.
+     *
+     * @method _handleKeyPress
+     * @param e {Event} the mousedown DOM event
+     * @protected
+     */
+    _handleKeyPress : function (e) {
+        this.activeSlider.handleKeyPress.apply(this.activeSlider,arguments);
+    },
+
+    /**
+     * Sets the min and max thumbs to new values.
+     * @method setValues
+     * @param min {int} Pixel offset to assign to the min thumb
+     * @param max {int} Pixel offset to assign to the max thumb
+     * @param skipAnim {boolean} (optional) Set to true to skip thumb animation.
+     * Default false
+     * @param force {boolean} (optional) ignore the locked setting and set
+     * value anyway. Default false
+     * @param silent {boolean} (optional) Set to true to skip firing change
+     * events.  Default false
+     */
+    setValues : function (min, max, skipAnim, force, silent) {
+        var mins = this.minSlider,
+            maxs = this.maxSlider,
+            mint = mins.thumb,
+            maxt = maxs.thumb,
+            self = this,
+            done = { min : false, max : false };
+
+        // Clear constraints to prevent animated thumbs from prematurely
+        // stopping when hitting a constraint that's moving with the other
+        // thumb.
+        if (mint._isHoriz) {
+            mint.setXConstraint(mint.leftConstraint,maxt.rightConstraint,mint.tickSize);
+            maxt.setXConstraint(mint.leftConstraint,maxt.rightConstraint,maxt.tickSize);
+        } else {
+            mint.setYConstraint(mint.topConstraint,maxt.bottomConstraint,mint.tickSize);
+            maxt.setYConstraint(mint.topConstraint,maxt.bottomConstraint,maxt.tickSize);
+        }
+
+        // Set up one-time slideEnd callbacks to call updateValue when both
+        // thumbs have been set
+        this._oneTimeCallback(mins,'slideEnd',function () {
+            done.min = true;
+            if (done.max) {
+                self.updateValue(silent);
+                // Clean the slider's slideEnd events on a timeout since this
+                // will be executed from inside the event's fire
+                setTimeout(function () {
+                    self._cleanEvent(mins,'slideEnd');
+                    self._cleanEvent(maxs,'slideEnd');
+                },0);
+            }
+        });
+
+        this._oneTimeCallback(maxs,'slideEnd',function () {
+            done.max = true;
+            if (done.min) {
+                self.updateValue(silent);
+                // Clean both sliders' slideEnd events on a timeout since this
+                // will be executed from inside one of the event's fire
+                setTimeout(function () {
+                    self._cleanEvent(mins,'slideEnd');
+                    self._cleanEvent(maxs,'slideEnd');
+                },0);
+            }
+        });
+
+        // Must emit Slider slideEnd event to propagate to updateValue
+        mins.setValue(min,skipAnim,force,false);
+        maxs.setValue(max,skipAnim,force,false);
+    },
+
+    /**
+     * Set the min thumb position to a new value.
+     * @method setMinValue
+     * @param min {int} Pixel offset for min thumb
+     * @param skipAnim {boolean} (optional) Set to true to skip thumb animation.
+     * Default false
+     * @param force {boolean} (optional) ignore the locked setting and set
+     * value anyway. Default false
+     * @param silent {boolean} (optional) Set to true to skip firing change
+     * events.  Default false
+     */
+    setMinValue : function (min, skipAnim, force, silent) {
+        var mins = this.minSlider,
+            self = this;
+
+        this.activeSlider = mins;
+
+        // Use a one-time event callback to delay the updateValue call
+        // until after the slide operation is done
+        self = this;
+        this._oneTimeCallback(mins,'slideEnd',function () {
+            self.updateValue(silent);
+            // Clean the slideEnd event on a timeout since this
+            // will be executed from inside the event's fire
+            setTimeout(function () { self._cleanEvent(mins,'slideEnd'); }, 0);
+        });
+
+        mins.setValue(min, skipAnim, force);
+    },
+
+    /**
+     * Set the max thumb position to a new value.
+     * @method setMaxValue
+     * @param max {int} Pixel offset for max thumb
+     * @param skipAnim {boolean} (optional) Set to true to skip thumb animation.
+     * Default false
+     * @param force {boolean} (optional) ignore the locked setting and set
+     * value anyway. Default false
+     * @param silent {boolean} (optional) Set to true to skip firing change
+     * events.  Default false
+     */
+    setMaxValue : function (max, skipAnim, force, silent) {
+        var maxs = this.maxSlider,
+            self = this;
+
+        this.activeSlider = maxs;
+
+        // Use a one-time event callback to delay the updateValue call
+        // until after the slide operation is done
+        this._oneTimeCallback(maxs,'slideEnd',function () {
+            self.updateValue(silent);
+            // Clean the slideEnd event on a timeout since this
+            // will be executed from inside the event's fire
+            setTimeout(function () { self._cleanEvent(maxs,'slideEnd'); }, 0);
+        });
+
+        maxs.setValue(max, skipAnim, force);
+    },
+
+    /**
+     * Executed when one of the sliders is moved
+     * @method updateValue
+     * @param silent {boolean} (optional) Set to true to skip firing change
+     * events.  Default false
+     * @private
+     */
+    updateValue: function(silent) {
+        var min     = this.minSlider.getValue(),
+            max     = this.maxSlider.getValue(),
+            changed = false,
+            mint,maxt,dim,minConstraint,maxConstraint,thumbInnerWidth;
+
+        if (min != this.minVal || max != this.maxVal) {
+            changed = true;
+
+            mint = this.minSlider.thumb;
+            maxt = this.maxSlider.thumb;
+            dim  = this.isHoriz ? 'x' : 'y';
+
+            thumbInnerWidth = this.minSlider.thumbCenterPoint[dim] +
+                              this.maxSlider.thumbCenterPoint[dim];
+
+            // Establish barriers within the respective other thumb's edge, less
+            // the minRange.  Limit to the Slider's range in the case of
+            // negative minRanges.
+            minConstraint = Math.max(max-thumbInnerWidth-this.minRange,0);
+            maxConstraint = Math.min(-min-thumbInnerWidth-this.minRange,0);
+
+            if (this.isHoriz) {
+                minConstraint = Math.min(minConstraint,maxt.rightConstraint);
+
+                mint.setXConstraint(mint.leftConstraint,minConstraint, mint.tickSize);
+
+                maxt.setXConstraint(maxConstraint,maxt.rightConstraint, maxt.tickSize);
+            } else {
+                minConstraint = Math.min(minConstraint,maxt.bottomConstraint);
+                mint.setYConstraint(mint.leftConstraint,minConstraint, mint.tickSize);
+
+                maxt.setYConstraint(maxConstraint,maxt.bottomConstraint, maxt.tickSize);
+            }
+        }
+
+        this.minVal = min;
+        this.maxVal = max;
+
+        if (changed && !silent) {
+            this.fireEvent("change", this);
+        }
+    },
+
+    /**
+     * A background click will move the slider thumb nearest to the click.
+     * Override if you need different behavior.
+     * @method selectActiveSlider
+     * @param e {Event} the mousedown event
+     * @private
+     */
+    selectActiveSlider: function(e) {
+        var min = this.minSlider,
+            max = this.maxSlider,
+            minLocked = min.isLocked() || !min.backgroundEnabled,
+            maxLocked = max.isLocked() || !min.backgroundEnabled,
+            Ev  = YAHOO.util.Event,
+            d;
+
+        if (minLocked || maxLocked) {
+            this.activeSlider = minLocked ? max : min;
+        } else {
+            if (this.isHoriz) {
+                d = Ev.getPageX(e)-min.thumb.initPageX-min.thumbCenterPoint.x;
+            } else {
+                d = Ev.getPageY(e)-min.thumb.initPageY-min.thumbCenterPoint.y;
+            }
+                    
+            this.activeSlider = d*2 > max.getValue()+min.getValue() ? max : min;
+        }
+    },
+
+    /**
+     * Delegates the onMouseDown to the appropriate Slider
+     *
+     * @method _handleMouseDown
+     * @param e {Event} mouseup event
+     * @protected
+     */
+    _handleMouseDown: function(e) {
+        if (!e._handled && !this.minSlider._sliding && !this.maxSlider._sliding) {
+            e._handled = true;
+            this.selectActiveSlider(e);
+            return YW.Slider.prototype.onMouseDown.call(this.activeSlider, e);
+        } else {
+            return false;
+        }
+    },
+
+    /**
+     * Delegates the onMouseUp to the active Slider
+     *
+     * @method _handleMouseUp
+     * @param e {Event} mouseup event
+     * @protected
+     */
+    _handleMouseUp : function (e) {
+        YW.Slider.prototype.onMouseUp.apply(
+            this.activeSlider, arguments);
+    },
+
+    /**
+     * Schedule an event callback that will execute once, then unsubscribe
+     * itself.
+     * @method _oneTimeCallback
+     * @param o {EventProvider} Object to attach the event to
+     * @param evt {string} Name of the event
+     * @param fn {Function} function to execute once
+     * @private
+     */
+    _oneTimeCallback : function (o,evt,fn) {
+        var sub = function () {
+            // Unsubscribe myself
+            o.unsubscribe(evt, sub);
+            // Pass the event handler arguments to the one time callback
+            fn.apply({},arguments);
+        };
+        o.subscribe(evt,sub);
+    },
+
+    /**
+     * Clean up the slideEnd event subscribers array, since each one-time
+     * callback will be replaced in the event's subscribers property with
+     * null.  This will cause memory bloat and loss of performance.
+     * @method _cleanEvent
+     * @param o {EventProvider} object housing the CustomEvent
+     * @param evt {string} name of the CustomEvent
+     * @private
+     */
+    _cleanEvent : function (o,evt) {
+        var ce,i,len,j,subs,newSubs;
+
+        if (o.__yui_events && o.events[evt]) {
+            for (i = o.__yui_events.length; i >= 0; --i) {
+                if (o.__yui_events[i].type === evt) {
+                    ce = o.__yui_events[i];
+                    break;
+                }
+            }
+            if (ce) {
+                subs    = ce.subscribers;
+                newSubs = [];
+                j = 0;
+                for (i = 0, len = subs.length; i < len; ++i) {
+                    if (subs[i]) {
+                        newSubs[j++] = subs[i];
+                    }
+                }
+                ce.subscribers = newSubs;
+            }
+        }
+    }
+
+};
+
+YAHOO.lang.augmentProto(DualSlider, YAHOO.util.EventProvider);
+
+
+/**
+ * Factory method for creating a horizontal dual-thumb slider
+ * @for YAHOO.widget.Slider
+ * @method YAHOO.widget.Slider.getHorizDualSlider
+ * @static
+ * @param {String} bg the id of the slider's background element
+ * @param {String} minthumb the id of the min thumb
+ * @param {String} maxthumb the id of the thumb thumb
+ * @param {int} range the number of pixels the thumbs can move within
+ * @param {int} iTickSize (optional) the element should move this many pixels
+ * at a time
+ * @param {Array}  initVals (optional) [min,max] Initial thumb placement
+ * @return {DualSlider} a horizontal dual-thumb slider control
+ */
+YW.Slider.getHorizDualSlider = 
+    function (bg, minthumb, maxthumb, range, iTickSize, initVals) {
+        var mint = new YW.SliderThumb(minthumb, bg, 0, range, 0, 0, iTickSize),
+            maxt = new YW.SliderThumb(maxthumb, bg, 0, range, 0, 0, iTickSize);
+
+        return new DualSlider(
+                    new YW.Slider(bg, bg, mint, "horiz"),
+                    new YW.Slider(bg, bg, maxt, "horiz"),
+                    range, initVals);
+};
+
+/**
+ * Factory method for creating a vertical dual-thumb slider.
+ * @for YAHOO.widget.Slider
+ * @method YAHOO.widget.Slider.getVertDualSlider
+ * @static
+ * @param {String} bg the id of the slider's background element
+ * @param {String} minthumb the id of the min thumb
+ * @param {String} maxthumb the id of the thumb thumb
+ * @param {int} range the number of pixels the thumbs can move within
+ * @param {int} iTickSize (optional) the element should move this many pixels
+ * at a time
+ * @param {Array}  initVals (optional) [min,max] Initial thumb placement
+ * @return {DualSlider} a vertical dual-thumb slider control
+ */
+YW.Slider.getVertDualSlider = 
+    function (bg, minthumb, maxthumb, range, iTickSize, initVals) {
+        var mint = new YW.SliderThumb(minthumb, bg, 0, 0, 0, range, iTickSize),
+            maxt = new YW.SliderThumb(maxthumb, bg, 0, 0, 0, range, iTickSize);
+
+        return new YW.DualSlider(
+                    new YW.Slider(bg, bg, mint, "vert"),
+                    new YW.Slider(bg, bg, maxt, "vert"),
+                    range, initVals);
+};
+
+YAHOO.widget.DualSlider = DualSlider;
+
+})();
+YAHOO.register("slider", YAHOO.widget.Slider, {version: "2.8.1", build: "19"});