// 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'
	    span_id : "slider1",

	    left : 15,			// all in 'px' pixels
	    top : 180,
	    pane_image: "images/pane.gif",

	    scale_width : 100,
	    scale_height : 6,		
	    scale_image : "images/scale.gif",

	    stylus_width : 26,
	    stylus_height : 40,
	    stylus_up   : "images/stylus.gif",
	    stylus_down : "images/stylus2.gif",

	    tick_height : 15,
	    tick_width : 2,
	    tick_image : "images/tick.gif",

	    ticks : 7,
	    start_tick : 1,
	    tick_tabs : null,		// auto-calc'ed if set to null

	    label_size : 10,		// in 'px' not in 'pt'
	    label_font : "\"Courier\"",
	    labels : ["1","2","3","4","5","6","7"],
	    values : ["1","2","3","4","5","6","7"],

	    form_field_id : "SliderValue",
	    form_id : "form1"			// in  the HTML page.
	}

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