TPG Slider v.06
Copyright (c) 2008 The Paciello Group, Inc
Licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0
http://creativecommons.org/licenses/by-nc-sa/3.0/us/

This component is still under development 

Requirements

JavaScript files, in the following order:
	tpglib/Utilities.js
	tpglib/Controls/Slider.js
CSS files:
	tpglib/Controls/Slider/Slider.css

Creating a slider
	
Create either an <input type="text" /> control or a <select>control, and give it a class name of 'tpgSlider'.
To create a double slider, create two inputs as described above, and wrap them in a <div>  element with the classname 'tpgDoubleSlider'.

Configuring a slider

In the original input's classname include parameters:

REQUIRED 
	range:						The minimum and maximum value of the S. (e.g. 'tpg_range-0-100')
 	stepSize {number=1}: 		Number of units to increment by in a single step. (e.g. 'tpg_stepSize-10')
 	chunkStepSize {number}:		Used for pgup/pgdn increments and slider tics. If omitted it will be calculated. Can be 1 if slider only has a few options.
	label {IDREF}:		 		ID of element that labels the slider (used for both ARIA as title text). (e.g 'tpg_label-volumeLbl') 
 	length {string}: 			The width or height of the slider, depending on its orientation. Can be any style.width value. (e.g. "tpg_length-20em") 
	thickness {string}:			How thick the slider should be. Can be any style.width value. (e.g. "tpg_thickness-1em")
	orientation {string="ltr"}: Can be horizontal or vertical. (e.g. 'tpg_ori-horizontal')

 OPTIONAL
	scriptedCSS {bool=false}:	When true, the developer will manually have to specify sizing and positioning information. Not recommended.
	thumbFocus {bool=false}:	Whether the the thumb will in the tab order, otherwise this will be the rail. (e.g. 'tpg_thumbFocus-true')
	describedBy {IDREF}: 		ID of element that describes the slider in more detail. (e.g 'tpg_labelledby-sliderInstructions')
	defaultValue {number}: 		Value to set when the slider loads. Defaults to 0. (e.g. 'tpg_defaultValue-30') 
	customClass {string}:		Any classNames the developer wants to add to the S. (e.g. tpg_customClass-blueSlider)
	valueText {string=""}: 		Word(s) describing unit type (e.g. 'percent' or 'dollar'). (e.g. 'tpg_text-MegaBytes')
	dynamicLabel{bool=false}:	Whether to show value adjacent the slider thumb
	afterInput {bool=true}:		Whether to place the slider after the original input (or before when false).(e.g. 'tpg_afterInput-false')
	removeInput {bool=false}: 	Whether to hide the original input when the slider is created. Not recommended (e.g. 'tpg_removeInput-true')
	stickyFocus {bool=true}:	Whether focus stays at the slider when clicking on it with a mouse. (e.g. 'tpg_stickyFocus-false')
	showScale {bool=false} :	Whether to show scale marks adjacent to the slider (the marks are spread out according to the chunkStepSize parameter
'tpg_bindThumbs' {bool=true}:	Used for Double sliders. When false, thumbs will not influence each other's limits. 
