$(function() {
	$('.scrollblock').mousewheel(function(e, delta) {
		if ($(this).find(".slider").size() > 0) {
			e.preventDefault()

			var s = $(".slider", this)
			if (delta > 0) {
				var newValue = $(s).slider("value") - 10
			} else {
				var newValue = $(s).slider("value") + 10
			}

			$(s).slider("value", newValue)
			moveSlideContent($(".sc_block", this), newValue)
		}
	});

	$(".slider").slider({
		slide:function(event, ui) {moveSlideContent($(this).parent(".slider_wrapper").siblings(".sc_block"), ui.value)},
		min:0,
		max:100,
		step:1
	});
	$(".slide_right_arrow").click(function() {
		var s = $(this).siblings(".slider");
		var newValue = $(s).slider("value") + 10;
		$(s).slider("value", newValue);
		moveSlideContent($(this).parent(".slider_wrapper").siblings(".sc_block"), newValue);
	});
	$(".slide_left_arrow").click(function() {
		var s = $(this).siblings(".slider");
		var newValue = $(s).slider("value") - 10;
		$(s).slider("value", newValue);
		moveSlideContent($(this).parent(".slider_wrapper").siblings(".sc_block"), newValue);
	});
});

function moveSlideContent(o, slidePos) {
	if (slidePos < 0) {
		slidePos = 0
	}
	if (slidePos > 100) {
		slidePos = 100
	}

	var pnk=4.2;
	var m = $(o).parent().attr("l") != undefined ? $(o).parent().attr("l") : pnk
	m=31;
        m=$(o).parent().attr("l")-3;
	var margin = "-" + (m * slidePos) + "px";
	$(o).css({marginLeft: margin})
}