$("document").ready(function(){
	
	jQuery.extend( jQuery.easing,
	{
		easeInQuad: function (x, t, b, c, d) {
			return c*(t/=d)*t + b;
		},
		easeOutQuad: function (x, t, b, c, d) {
			return -c *(t/=d)*(t-2) + b;
		},
		easeInCubic: function (x, t, b, c, d) {
			return c*(t/=d)*t*t + b;
		},
		easeOutCubic: function (x, t, b, c, d) {
			return c*((t=t/d-1)*t*t + 1) + b;
		},
		easeInCirc: function (x, t, b, c, d) {
			return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
		},
		easeOutCirc: function (x, t, b, c, d) {
			return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
		}
	});
	
	$("#example").slider({
		slide: function(e,ui) { 
			var window_width = $('.more-views').innerWidth(),
				strip = $('.more-views ul'),
				strip_width = $('.more-views ul').innerWidth();
			strip.css({
				left: -(strip_width-window_width)*(ui.value/100)+"px"
			});
		},
		change: function(e, ui) {
			var window_width = $('.more-views').innerWidth(),
				strip = $('.more-views ul'),
				strip_width = $('.more-views ul').innerWidth();
			strip.animate({
				left: -(strip_width-window_width)*(ui.value/100)+"px"
			},500,"easeOutCirc");
		}
	});
	
	var mySlider = $("#example").sliderInstance();
	
	mySlider.move = function(value){
		
		var that = this;
		
		var o = that.interaction.options;
		var offset = $(that.interaction.element).offsetParent().offset({ border: false });
		that.interaction.pickValue = that.interaction.curValue;
		value = value-o.minValue+that.interaction.curValue;
		
		var modifier = o.realValue;
		
		if(!p) var p = that.parentSize;
		var prop = that.prop;
				
		var m = Math.round(((value)/modifier) * p);

		if(m < 0) m = 0;
		if(m > p) m = p;
		
		that.interaction.curValue = (Math.round((m/p)*o.realValue));

		$(that.interaction.element).animate({
			left: m+'px'
		}, 400, "easeOutCirc");

		$(that.element).triggerHandler("slidechange", [null, that.prepareCallbackObj(that.interaction)], o.change);
			
	}
	
	var moveMe = function(str){
		var next = (str=="-"),
			ratio = $('.more-views ul img:first').innerWidth()/($('.more-views ul').innerWidth()-$('.more-views').innerWidth()),
			slider_width = mySlider.parentSize,
			slider_distance = ratio*slider_width;
		if(next) {
			ratio = ratio*-100;
		}else{
			ratio = ratio*100;
		}
		mySlider.move(ratio);
	}

	$(".next").click(function(){
		moveMe("");
		return false;
	});
	
	$(".prev").click(function(){
		moveMe("-");
		return false;
	});
	
	// $(".zoom").panZoom();
	
});