// 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 : 225,			// all in 'px' pixels
	    top : 200,
	    pane_image: "pane.gif",

	    scale_width : 570,
	    scale_height : 26,		
	    scale_image : "timeline.gif",

	    stylus_width : 15,
	    stylus_height : 15,
	    stylus_up   : "stylus.gif",
	    stylus_down : "stylus2.gif",

	    tick_height : 1,
	    tick_width : 1,
	    tick_image : "tick.gif",

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

	    label_size : 11,		// in 'px' not in 'pt'
	    label_font : "\"Arial\"",
	    labels : [".","1905","1910","1920","1930","1940","1950","1960","1970","1980","1990","."],
	    values : ["page1","page2","page3","page4","page5","page6","page7","page8","page9","page10","page11"],

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

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