var slider;

var sliderSize = 0;

var slider_bg;
var slider_thumb;
var scroll_area_inner;

function sliderInit()
{
	//Get references to the html elements used by the javascript
	slider_bg = document.getElementById("JobScroller");
	slider_thumb = document.getElementById("JobScrollerHandle");
	scroll_area_inner = document.getElementById("JobScrollAreaInner");
	
	//Set the slider range
	sliderSize = scroll_area_inner.offsetWidth - scroll_area_inner.parentNode.offsetWidth;
	
	//Initialise the slider control
	slider = null;
	slider = new Control.Slider("JobScrollerHandle","JobScroller",
	{
		range:$R(0,sliderSize),
        onSlide:function(v){sliderMoved();},
        onChange:function(v){sliderMoved();}
	});

	slider.setValue(0);
}

function sliderMoved()
{
	scroll_area_inner.style.marginLeft = "-" + Math.round(slider.value) + "px";
}

function JobSlider_PageInit()
{
	sliderInit();
}