// Put each of your customised sliders here.
// window.document.sliders = [ { ... }, { ... }, ... ] = an array of objects.

var sliders = [

	    // First slider (and the only one in this template file)
	    {
	    interactive : true,		// User modifiable on 'true'
	    continuous : false,		// Any position allowed if 'true'
	    realtime_update : true, // value is updated as the slider is moved
	    span_id : "slider1",

	    left : 0,			// all in 'px' pixels
	    top : 0,
	    pane_image: "img/pane.gif",

	    scale_width : 183,
	    scale_height : 20,		
	    scale_image : "img/scale.jpg",

	    stylus_width : 16,
	    stylus_height : 20,
	    stylus_up   : "img/stylus.jpg",
	    stylus_down : "img/stylus2.jpg",

	    tick_height : 10,
	    tick_width : 1,
	    tick_image : "img/tick.gif",

		show_ticks: false,		// if false, ticks will not be drawn on screen
	    ticks : 159,				// must be minumum 2 (the start and the end tick)
	    start_tick : 9,			// zero based
	    tick_tabs : null,		// auto-calc'ed if set to null

	    label_size : 10,		// in 'px' not in 'pt'
	    label_font : "\"Courier\"",
	    labels : null,		// may define labels to show on ticks, 
	    					//must be an array of length == ticks in the format ["1","2","3","4","5"]
	    					// auto-calc'ed if set to null
	    values : null,		// may define values to correspond to ticks
	    					// must be an array of length == ticks in the format ["1","2","3","4","5"]
	    					// auto-calc'ed if set to null
	    min_value : 30,
	    max_value : 1610,


	    form_field_id : "amount",
	    form_id : "form_fx",			// in  the HTML page.
	    
	    div_id : "slider_div", // div for slider
	    
	    update_function: "updateAmount"	// name of the function to be called when slider changes position
	}

	// next slider goes here. copy { ... } from the first slider
	// and add a , before the new slider.
    ];