/*

 * jQuery UI Slider 1.8.1

 *

 * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT (MIT-LICENSE.txt)

 * and GPL (GPL-LICENSE.txt) licenses.

 *

 * http://docs.jquery.com/UI/Slider

 *

 * Depends:

 *	jquery.ui.core.js

 *	jquery.ui.mouse.js

 *	jquery.ui.widget.js

 */

(function( $ ) {

// number of pages in a slider

// (how many times can you page up/down to go through the whole range)

var numPages = 5;

$.widget( "ui.slider", $.ui.mouse, {

	widgetEventPrefix: "slide",

	options: {

		animate: false,

		distance: 0,

		max: 100,

		min: 0,

		orientation: "horizontal",

		range: false,

		step: 1,

		value: 0,

		values: null

	},

	_create: function() {

		var self = this,

			o = this.options;

		this._keySliding = false;

		this._mouseSliding = false;

		this._animateOff = true;

		this._handleIndex = null;

		this._detectOrientation();

		this._mouseInit();

		this.element

			.addClass( "ui-slider" +

				" ui-slider-" + this.orientation +

				" ui-widget" +

				" ui-widget-content" +

				" ui-corner-all" );

		if ( o.disabled ) {

			this.element.addClass( "ui-slider-disabled ui-disabled" );

		}

		this.range = $([]);

		if ( o.range ) {

			if ( o.range === true ) {

				this.range = $( "<div></div>" );

				if ( !o.values ) {

					o.values = [ this._valueMin(), this._valueMin() ];

				}

				if ( o.values.length && o.values.length !== 2 ) {

					o.values = [ o.values[0], o.values[0] ];

				}

			} else {

				this.range = $( "<div></div>" );

			}

			this.range

				.appendTo( this.element )

				.addClass( "ui-slider-range" );

			if ( o.range === "min" || o.range === "max" ) {

				this.range.addClass( "ui-slider-range-" + o.range );

			}

			// note: this isn't the most fittingly semantic framework class for this element,

			// but worked best visually with a variety of themes

			this.range.addClass( "ui-widget-header" );

		}

		if ( $( ".ui-slider-handle", this.element ).length === 0 ) {

			$( "<a href='#'></a>" )

				.appendTo( this.element )

				.addClass( "ui-slider-handle" );

		}

		if ( o.values && o.values.length ) {

			while ( $(".ui-slider-handle", this.element).length < o.values.length ) {

				$( "<a href='#'></a>" )

					.appendTo( this.element )

					.addClass( "ui-slider-handle" );

			}

		}

		this.handles = $( ".ui-slider-handle", this.element )

			.addClass( "ui-state-default" +

				" ui-corner-all" );

		this.handle = this.handles.eq( 0 );

		this.handles.add( this.range ).filter( "a" )

			.click(function( event ) {

				event.preventDefault();

			})

			.hover(function() {

				if ( !o.disabled ) {

					$( this ).addClass( "ui-state-hover" );

				}

			}, function() {

				$( this ).removeClass( "ui-state-hover" );

			})

			.focus(function() {

				if ( !o.disabled ) {

					$( ".ui-slider .ui-state-focus" ).removeClass( "ui-state-focus" );

					$( this ).addClass( "ui-state-focus" );

				} else {

					$( this ).blur();

				}

			})

			.blur(function() {

				$( this ).removeClass( "ui-state-focus" );

			});

		this.handles.each(function( i ) {

			$( this ).data( "index.ui-slider-handle", i );

		});

		this.handles

			.keydown(function( event ) {

				var ret = true,

					index = $( this ).data( "index.ui-slider-handle" ),

					allowed,

					curVal,

					newVal,

					step;

				if ( self.options.disabled ) {

					return;

				}

				switch ( event.keyCode ) {

					case $.ui.keyCode.HOME:

					case $.ui.keyCode.END:

					case $.ui.keyCode.PAGE_UP:

					case $.ui.keyCode.PAGE_DOWN:

					case $.ui.keyCode.UP:

					case $.ui.keyCode.RIGHT:

					case $.ui.keyCode.DOWN:

					case $.ui.keyCode.LEFT:

						ret = false;

						if ( !self._keySliding ) {

							self._keySliding = true;

							$( this ).addClass( "ui-state-active" );

							allowed = self._start( event, index );

							if ( allowed === false ) {

								return;

							}

						}

						break;

				}

				step = self.options.step;

				if ( self.options.values && self.options.values.length ) {

					curVal = newVal = self.values( index );

				} else {

					curVal = newVal = self.value();

				}

				switch ( event.keyCode ) {

					case $.ui.keyCode.HOME:

						newVal = self._valueMin();

						break;

					case $.ui.keyCode.END:

						newVal = self._valueMax();

						break;

					case $.ui.keyCode.PAGE_UP:

						newVal = curVal + ( (self._valueMax() - self._valueMin()) / numPages );

						break;

					case $.ui.keyCode.PAGE_DOWN:

						newVal = curVal - ( (self._valueMax() - self._valueMin()) / numPages );

						break;

					case $.ui.keyCode.UP:

					case $.ui.keyCode.RIGHT:

						if ( curVal === self._valueMax() ) {

							return;

						}

						newVal = curVal + step;

						break;

					case $.ui.keyCode.DOWN:

					case $.ui.keyCode.LEFT:

						if ( curVal === self._valueMin() ) {

							return;

						}

						newVal = curVal - step;

						break;

				}

				self._slide( event, index, newVal );

				return ret;

			})

			.keyup(function( event ) {

				var index = $( this ).data( "index.ui-slider-handle" );

				if ( self._keySliding ) {

					self._keySliding = false;

					self._stop( event, index );

					self._change( event, index );

					$( this ).removeClass( "ui-state-active" );

				}

			});

		this._refreshValue();

		this._animateOff = false;

	},

	destroy: function() {

		this.handles.remove();

		this.range.remove();

		this.element

			.removeClass( "ui-slider" +

				" ui-slider-horizontal" +

				" ui-slider-vertical" +

				" ui-slider-disabled" +

				" ui-widget" +

				" ui-widget-content" +

				" ui-corner-all" )

			.removeData( "slider" )

			.unbind( ".slider" );

		this._mouseDestroy();

		return this;

	},

	_mouseCapture: function( event ) {

		var o = this.options,

			position,

			normValue,

			distance,

			closestHandle,

			self,

			index,

			allowed,

			offset,

			mouseOverHandle;

		if ( o.disabled ) {

			return false;

		}

		this.elementSize = {

			width: this.element.outerWidth(),

			height: this.element.outerHeight()

		};

		this.elementOffset = this.element.offset();

		position = { x: event.pageX, y: event.pageY };

		normValue = this._normValueFromMouse( position );

		distance = this._valueMax() - this._valueMin() + 1;

		self = this;

		this.handles.each(function( i ) {

			var thisDistance = Math.abs( normValue - self.values(i) );

			if ( distance > thisDistance ) {

				distance = thisDistance;

				closestHandle = $( this );

				index = i;

			}

		});

		// workaround for bug #3736 (if both handles of a range are at 0,

		// the first is always used as the one with least distance,

		// and moving it is obviously prevented by preventing negative ranges)

		if( o.range === true && this.values(1) === o.min ) {

			index += 1;

			closestHandle = $( this.handles[index] );

		}

		allowed = this._start( event, index );

		if ( allowed === false ) {

			return false;

		}

		this._mouseSliding = true;

		self._handleIndex = index;

		closestHandle

			.addClass( "ui-state-active" )

			.focus();

		offset = closestHandle.offset();

		mouseOverHandle = !$( event.target ).parents().andSelf().is( ".ui-slider-handle" );

		this._clickOffset = mouseOverHandle ? { left: 0, top: 0 } : {

			left: event.pageX - offset.left - ( closestHandle.width() / 2 ),

			top: event.pageY - offset.top -

				( closestHandle.height() / 2 ) -

				( parseInt( closestHandle.css("borderTopWidth"), 10 ) || 0 ) -

				( parseInt( closestHandle.css("borderBottomWidth"), 10 ) || 0) +

				( parseInt( closestHandle.css("marginTop"), 10 ) || 0)

		};

		normValue = this._normValueFromMouse( position );

		this._slide( event, index, normValue );

		this._animateOff = true;

		return true;

	},

	_mouseStart: function( event ) {

		return true;

	},

	_mouseDrag: function( event ) {

		var position = { x: event.pageX, y: event.pageY },

			normValue = this._normValueFromMouse( position );

		this._slide( event, this._handleIndex, normValue );

		return false;

	},

	_mouseStop: function( event ) {

		this.handles.removeClass( "ui-state-active" );

		this._mouseSliding = false;

		this._stop( event, this._handleIndex );

		this._change( event, this._handleIndex );

		this._handleIndex = null;

		this._clickOffset = null;

		this._animateOff = false;

		return false;

	},

	_detectOrientation: function() {

		this.orientation = ( this.options.orientation === "vertical" ) ? "vertical" : "horizontal";

	},

	_normValueFromMouse: function( position ) {

		var pixelTotal,

			pixelMouse,

			percentMouse,

			valueTotal,

			valueMouse;

		if ( this.orientation === "horizontal" ) {