$(document).ready(function(){
	// Set slider
	$("#content-slider").slider({
    animate: true,
    change: handleSliderChange,
    slide: handleSliderSlide,
		start: toggleSliderDisplay()
  });
	
	// Toggle slider on resize
	$(window).resize(function() {
		toggleSliderDisplay();
	});
	
	// Handle slider function
	function handleSliderChange(e, ui)
	{
		var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
		$("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
	}
	
	function handleSliderSlide(e, ui)
	{
		var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
		$("#content-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) });
	}
	
	// Toggle slider
	function toggleSliderDisplay()
	{
		var scrollPane = $( "#content-scroll" );
		var scrollContent = $( "#content-holder" );
		var scrollPaneWidth = parseInt(scrollPane.width());
		var scrollContentWidth = parseInt(scrollContent.width());
		
		
		if ((scrollPaneWidth - scrollContentWidth) > 0)
		{
			$('#aroundContent-slider').addClass('hideSlider');
		}
		else
		{
			$('#aroundContent-slider').removeClass('hideSlider');
		}
	}
});