// JavaScript Document
	$(document).ready(function(){
		 
	
//-------------first slide --------------------//
	var bg_pos1 = -7;
	$('#slider1').slider({
			value:75,
			min: 70,
			max: 95,
			step: 1,
			slide: function( event, ui ) {
				$(".amount1").val(ui.value );
				ui.val = (ui.value - 92) * 11  ;
				$("#slider1").find('.ui-slider-handle').text(ui.value)
				bg_pos1 = (ui.value - 92) * 11  ;
				 $('#slider1').css('background-position', bg_pos1+"px 100%" );
				
			},
			change: slideValue
			
		})
		

		
		
		
		function slideValue() {
			$("#slider1 .ui-slider-handle").text($("#slider1").slider("value"))
			$(".amount1").val($("#slider1").slider("value"));
			
		}
		
		$(".amount1").val($("#slider1").slider("value"));
		$("#slider1").find('.ui-slider-handle').text($("#slider1").slider("value"));	

		$(".masurimg .prev1").click(function() {
		  var s = $("#slider1"), val = s.slider("value"), step = s.slider("option", "step");
		  s.slider("value", val - step);
		 $('#slider1').css('background-position', bg_pos1+11+"px 100%" )
		 bg_pos1 = bg_pos1+11;
		  
		});
		$(".masurimg .next1").click(function() {
		  var s = $("#slider1"), val = s.slider("value"), step = s.slider("option", "step");
		  s.slider("value", val + step);
		   $('#slider1').css('background-position', bg_pos1-11+"px 100%" )
		 bg_pos1 = bg_pos1-11;
		});
		
		$("#slider1").hover(function(){
			$('.masurgallery').removeClass('active');
			$(this).addClass('active');			
			$('.pro_img span').removeClass('active');		
			$('.brustum-line').addClass('active');
		});
		
//-------------first slide end--------------------//	

//-------------first slide --------------------//
	var bg_pos2 = -7;
	$('#slider2').slider({
			value:80,
			min: 70,
			max: 95,
			step: 1,
			slide: function( event, ui ) {
				$(".amount2").val(ui.value );
				$("#slider2").find('.ui-slider-handle').text(ui.value)
			},
			change: slideValue2

		});
		function slideValue2() {
			$("#slider2 .ui-slider-handle").text($("#slider2").slider("value"))
			$(".amount2").val($("#slider2").slider("value"))
		}
		$(".amount2").val($("#slider2").slider("value"));
		$("#slider2").find('.ui-slider-handle').text($("#slider2").slider("value"));
		$(".masurimg .prev2").click(function() {
		  var s = $("#slider2"), val = s.slider("value"), step = s.slider("option", "step");
		  s.slider("value", val - step);
		   $('#slider2').css('background-position', bg_pos2+11+"px 100%" )
		 bg_pos2 = bg_pos2+11;
		});
		$(".masurimg .next2").click(function() {
		  var s = $("#slider2"), val = s.slider("value"), step = s.slider("option", "step");
		  s.slider("value", val + step);
		   $('#slider2').css('background-position', bg_pos2-11+"px 100%" )
		 bg_pos2 = bg_pos2-11;
		});
		
		$("#slider2").hover(function(){
			$('.masurgallery').removeClass('active');
			$(this).addClass('active');		
			$('.pro_img span').removeClass('active');		
			$('.unterbrust-line').addClass('active');
		});
//-------------first slide end--------------------//	


//-------------first slide --------------------//
	var bg_pos3 = -7;
	$('#slider3').slider({
			value:80,
			min: 70,
			max: 95,
			step: 1,
			slide: function( event, ui ) {
				$(".amount3").val(ui.value );
				$("#slider3").find('.ui-slider-handle').text(ui.value)
			},
			change: slideValue3

		});
		function slideValue3() {
			$("#slider3 .ui-slider-handle").text($("#slider3").slider("value"))
			$(".amount3").val($("#slider3").slider("value"))
		}
		$(".amount3").val($("#slider3").slider("value"));
		$("#slider3").find('.ui-slider-handle').text($("#slider3").slider("value"));
		$(".masurimg .prev3").click(function() {
		  var s = $("#slider3"), val = s.slider("value"), step = s.slider("option", "step");
		  s.slider("value", val - step);
		   $('#slider3').css('background-position', bg_pos3+11+"px 100%" )
		 bg_pos3 = bg_pos3+11;
		});
		$(".masurimg .next3").click(function() {
		  var s = $("#slider3"), val = s.slider("value"), step = s.slider("option", "step");
		  s.slider("value", val + step);
		   $('#slider3').css('background-position', bg_pos3-11+"px 100%" )
		 bg_pos3 = bg_pos3-11;
		});
		
		$("#slider3").hover(function(){
			$('.masurgallery').removeClass('active');
			$(this).addClass('active');		
			$('.pro_img span').removeClass('active');		
			$('.tailienum-line').addClass('active');
		});
//-------------first slide end--------------------//	




	
	});