var UISlider = new Class(
{
	initialize: function()
	{

	},

	initControl: function(dialogID, controlID, knobSelector, fillerSelector, minValue, maxValue, value)
	{
		var control = ui.getNestedControl(dialogID, controlID);

		if (control == null)
		{
			return;
		}

		var knob = control.getElement(knobSelector);
		var filler = control.getElement(fillerSelector);

		var s = new Slider(control, knob,
		{
			range: [minValue, maxValue],
			wheel: false,
			snap: false,
			offset: 6,
			onChange: function(step)
			{
				var fillerWidth = (control.getStyle("width").toInt() / (maxValue - minValue)) * step;

				if (fillerWidth > 0)
				{
					fillerWidth += 3;
				}

				filler.setStyle("width", fillerWidth);
			}
		});
	}
});

var uiSlider = new UISlider();