//This variable holds the input element that is the selected time element that the spinner will operate on
// (i.e. the hours input)
var selectedInput = null;
//The variable will hold the TimeOut object that will be used for the automatic scrolling while holding the mouse button down
var timeout = null;
//This variable is a counter so that the automatic scrolling starts out slow, then gets faster with iterations
var stallCounter = 0;
//formatTimeElements is going to be a two dimensional array where the 0th element of the second level will represent the
// separator, the 1st element will represent the time formatter itself, and the 2nd element will represent the user
// input value. This all gets set in initTimeSpinner()
var formatTimeElements = null;
//This will be set in initTimeSpinner and will define the constaints of the hours based on the time format (ie, 12hour format
// versus 24hour format)
var lowerHourConstraint = 1;
var upperHourConstraint = 12;
//This variable is kept to determine if the individual times have been set to a valid time. It will be updated whenever a user
// has selected a time input field, and then clicks anywhere else
var validHours = true;
var validMinutes = true;
var validSeconds = true;
//We need to create an array that will hold the id's of all the time spinners we might have on one page (since multiple may
// be present)
var timeIdArray = new Array();
/* This is the init function that will need to be called on the load of the page to include the time spinner.
* It will need to pass in the name of the span that will hold the spinner itself. This span should also include
* any initial time that should be loaded into the spinner.
* Here's an example of what the code should look like to include the spinner;
*
*
* 12:34:56 PM
*
*