// 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 : 250,			// all in 'px' pixels
	    top : 280,
	    pane_image: serverBaseDir+"media/scripts/slider/pane.gif",

	    scale_width : 500,
	    scale_height : 6,		
	    scale_image : serverBaseDir+"media/scripts/slider/scale.gif",

	    stylus_width : 10,
	    stylus_height : 15,
	    stylus_up   : serverBaseDir+"media/scripts/slider/stylus.gif",
	    stylus_down : serverBaseDir+"media/scripts/slider/stylus2.gif",

	    tick_height : 3,
	    tick_width : 1,
	    tick_image : serverBaseDir+"media/scripts/slider/tick.gif",

	    ticks : 17,
	    start_tick : 0,
	    tick_tabs : null,		// auto-calc'ed if set to null

	    label_size : 10,		// in 'px' not in 'pt'
	    label_font : "\"Courier\"",
	    labels : ["0","17","34","51","68","85","102","119","136","153","170","187","204","221","238","255",""],
	    values : ["00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee","ff","ff"],

	    form_field_id : "slider1",
	    form_id : "form1"			// in  the HTML page.
	},
{
	    interactive : true,		// User modifiable on 'true'
	    continuous : false,		// Any position allowed if 'true'
	    span_id : "slider2",

	    left : 250,			// all in 'px' pixels
	    top : 310,
	    pane_image: serverBaseDir+"media/scripts/slider/pane.gif",

	    scale_width : 500,
	    scale_height : 6,		
	    scale_image : serverBaseDir+"media/scripts/slider/scale.gif",

	    stylus_width : 10,
	    stylus_height : 15,
	    stylus_up   : serverBaseDir+"media/scripts/slider/stylus.gif",
	    stylus_down : serverBaseDir+"media/scripts/slider/stylus2.gif",

	    tick_height : 3,
	    tick_width : 1,
	    tick_image : serverBaseDir+"media/scripts/slider/tick.gif",

	    ticks : 17,
	    start_tick : 0,
	    tick_tabs : null,		// auto-calc'ed if set to null

	    label_size : 10,		// in 'px' not in 'pt'
	    label_font : "\"Courier\"",
	            labels : ["0","17","34","51","68","85","102","119","136","153","170","187","204","221","238","255",""],
        values : ["00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee","ff","ff"],


	    form_field_id : "slider2",
	    form_id : "form1"			// in  the HTML page.
	},
{
	    interactive : true,		// User modifiable on 'true'
	    continuous : false,		// Any position allowed if 'true'
	    span_id : "slider3",

	    left : 250,			// all in 'px' pixels
	    top : 340,
	    pane_image: serverBaseDir+"media/scripts/slider/pane.gif",

	    scale_width : 500,
	    scale_height : 6,		
	    scale_image : serverBaseDir+"media/scripts/slider/scale.gif",

	    stylus_width : 10,
	    stylus_height : 15,
	    stylus_up   : serverBaseDir+"media/scripts/slider/stylus.gif",
	    stylus_down : serverBaseDir+"media/scripts/slider/stylus2.gif",

	    tick_height : 3,
	    tick_width : 1,
	    tick_image : serverBaseDir+"media/scripts/slider/tick.gif",

	    ticks : 17,
	    start_tick : 0,
	    tick_tabs : null,		// auto-calc'ed if set to null

	    label_size : 10,		// in 'px' not in 'pt'
	    label_font : "\"Courier\"",
	            labels : ["0","17","34","51","68","85","102","119","136","153","170","187","204","221","238","255",""],
        values : ["00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee","ff","ff"],


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

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