22 // another special variable used by the timeout handler to |
22 // another special variable used by the timeout handler to |
23 // open or close the slider. |
23 // open or close the slider. |
24 this.sliderMaximized = false; |
24 this.sliderMaximized = false; |
25 this.timeOutId = null; |
25 this.timeOutId = null; |
26 |
26 |
|
27 |
27 this.positionMarker.draggable({axis: "x", |
28 this.positionMarker.draggable({axis: "x", |
28 start: IriSP.wrap(this, this.positionMarkerDraggingStartedHandler), |
29 start: IriSP.wrap(this, this.positionMarkerDraggingStartedHandler), |
29 stop: IriSP.wrap(this, this.positionMarkerDraggedHandler), |
30 stop: IriSP.wrap(this, this.positionMarkerDraggedHandler), |
30 containment: "parent" |
31 containment: "parent" |
31 }); |
32 }); |
32 |
33 this.positionMarker.css("position", "absolute"); |
|
34 |
33 this.sliderBackground.click(function(event) { self.backgroundClickHandler.call(self, event); }); |
35 this.sliderBackground.click(function(event) { self.backgroundClickHandler.call(self, event); }); |
34 this.sliderForeground.click(function(event) { self.foregroundClickHandler.call(self, event); }); |
36 this.sliderForeground.click(function(event) { self.foregroundClickHandler.call(self, event); }); |
35 |
37 |
36 this.selector.hover(IriSP.wrap(this, this.mouseOverHandler), IriSP.wrap(this, this.mouseOutHandler)); |
38 this.selector.hover(IriSP.wrap(this, this.mouseOverHandler), IriSP.wrap(this, this.mouseOutHandler)); |
37 |
39 |
110 this.sliderMaximized = true; |
112 this.sliderMaximized = true; |
111 |
113 |
112 this.sliderBackground.animate({"height": "9px"}, 100); |
114 this.sliderBackground.animate({"height": "9px"}, 100); |
113 this.sliderForeground.animate({"height": "9px"}, 100); |
115 this.sliderForeground.animate({"height": "9px"}, 100); |
114 this.positionMarker.animate({"height": "9px", "width": "9px"}, 100); |
116 this.positionMarker.animate({"height": "9px", "width": "9px"}, 100); |
115 this.positionMarker.css("margin-top", "-4px"); |
117 //this.positionMarker.css("margin-top", "-4px"); |
116 |
118 |
117 // this.selector.removeClass("Ldt-SliderMinimized"); |
119 // this.selector.removeClass("Ldt-SliderMinimized"); |
118 // this.selector.addClass("Ldt-SliderMaximized"); |
120 // this.selector.addClass("Ldt-SliderMaximized"); |
119 }; |
121 }; |
120 |
122 |