		$(document).ready(function(){
			var scrollCount = $('.skroler_sadrzaj_stavka').length;
			var scrollItemMargin = 15; // margin between Items (in px)
			var scrollItemWidth = 270; // item width
			var scrollWidth = (scrollItemWidth + scrollItemMargin)*scrollCount; 
			$("#sadrzaj_stavki").css('width', scrollWidth);								   
			
			$("#skroler_sadrzaj").css({"overflow":"hidden"});
			$("#skroler_sadrzaj").bind("mousewheel", function(event, delta) {
				var speed = 10;
				var mySlider = $("#klizac_sadrzaja");
				var sliderVal = mySlider.slider("option", "value");
				sliderVal -= (delta*speed); // += and -= directions of scroling with MouseWheel
				
				if (sliderVal > mySlider.slider("option", "max")) sliderVal = mySlider.slider("option", "max");
				else if (sliderVal < mySlider.slider("option", "min")) sliderVal = mySlider.slider("option", "min");
				
				$("#klizac_sadrzaja").slider("value", sliderVal);
				
				event.preventDefault();
			});
			$("#klizac_sadrzaja").slider({
				animate: "fast",
				change: handleSliderChange,
				slide: handleSliderSlide,
				min:0,
				max:1000
			});
		});

		function handleSliderChange(e, ui)
		{
		  var maxScroll = $("#skroler_sadrzaj").attr("scrollWidth") - $("#skroler_sadrzaj").width();
		  $("#skroler_sadrzaj").attr({scrollLeft: ui.value * (maxScroll / 1000)});
		}

		function handleSliderSlide(e, ui)
		{
		  var maxScroll = $("#skroler_sadrzaj").attr("scrollWidth") - $("#skroler_sadrzaj").width();
		  $("#skroler_sadrzaj").attr({scrollLeft: ui.value * (maxScroll / 1000)});
		}

