function InitDemoSlider(sender, eventArgs)
{
	var sliderId = sender.get_id();
	initialValue = sender.get_minimumValue();
	
	HandleClientValueChange(sender, null);
}

function HandleClientValueChange(sender, eventArgs)
{
	var sliderId = sender.get_id();
	
    var wrapper = document.getElementById("slider1_wrapper");
    var content = document.getElementById("slider1_content");
   

	var oldValue = (eventArgs) ? eventArgs.get_oldValue() : sender.get_minimumValue();
	var change = sender.get_value() - oldValue;

    var contentWidth = content.scrollWidth - wrapper.offsetWidth;
    var calculatedChangeStep = contentWidth / ((sender.get_maximumValue() - sender.get_minimumValue()) / sender.get_slideStep());
	
	 initialValue = initialValue - change * calculatedChangeStep;
	
	 content.style.left = initialValue + 'px';
	
	if (sender.get_value() == sender.get_minimumValue())
	{
		eval("content.style.left = 0;");
	}
}