if(!window.console) {
 window.console = {
 	log: function() {
 		//alert(arguments[0]);	
 	}	
 }	
}

$.fn.rangeSlider = function() {
	return this.each(function() {
		$this = $(this);
		var slider = $("<div><div class='ui-slider-handle'></div></div>").insertAfter(this).slider({
			minValue: $this.attr("min"),
			maxValue: $this.attr("max"),
			stepping: $this.attr("step"),
			startValue: $this.attr("value"),
			slide: function(e, ui) {
				$this.attr("value", Math.round(ui.value))
			}
		});
		$this.change(function() {
			slider.slider("moveTo", this.value)
		})
	});
}

$(document).ready(function(){
	
	$('#slider3').slider();
	
	$('#slider1').slider({
		stepping: 1,
		maxValue: 100,
		minValue: -100, 
		range: true,
		change: function() {
			console.log('changed!');	
		},
		slide: function(e,ui) {
			$('#slider1_value')[0].value = ui.value;
		},
		handles: [
			{start: 500, min: -100, max: 0},
			{start: 500, min: -20, max: 100}
		]
	});
	
	$('#slider2').slider();
	
	$(".range").rangeSlider();
	$("#hidden").show();
	
	
	 $(".slider").slider({
        handle: '.handle',
        steps: 10,
        startValue: 70
    });
    $(".zoom img:first").click(function(){
        $(".slider").slider("moveTo", "-=10" );
    });
    $(".zoom img:last").click(function(){
        $(".slider").slider("moveTo", "+=10");
    });

});