function addSlider(){
	var el = $('bar');
    var intSteps = parseInt(document.getElementById('numberOfImages').value) * 135;
	var objslider = $('slider');
    var newLeft = 0;
    var oldValue = 0;
    $j('#slider').css('width', intSteps + 'px');
	new Slider(el, el.getElement('.knob'), {
		steps: 817,	// There are 35 steps
		range: [0],	// Minimum value is 8
		onChange: function(value){
            var strValue = convertostring(value);
            if (parseInt(strValue.substr(0, strValue.length - 1)) != oldValue)
            {
                newLeft = Math.floor((value * (intSteps / 817)));
                document.getElementById('slider').style.left = "-" + newLeft + "px";
                oldValue = value;
            }
		}
	}).set(document.getElementById('slider').style.left);
}

function convertostring(value)
{
    return value + "";
}