jQuery.fn.sliderPorfolio = function() {

	return this.each(function(){
		
		$slider = $(this);
		
		item_width = parseInt($slider.find("ul > li").css("width"));
		item_length = $slider.find("ul > li").length;
		
		$slider.find("ul").css({'width': item_width * item_length });
		
		var self = this;
		
		$("#portifolio-slider").slider({
			orientation:'horizontal',
			handle: ".ui-slider-handle"
		});

		$("#portifolio-slider").bind("slide", function(event,ui){ 
			self.changeSlide(ui.value);
		});
		
		$("#portifolio-slider").bind("slidechange", function(event,ui){ 
			self.changeSlide(ui.value);
		});
		
		this.changeSlide = function(value){
			
			$ul = $slider.find("ul");
			diff = parseInt($ul.width()) - parseInt($slider.width());
			var moveTo = (value * diff) / 100;
			
			$ul.css({'left': -moveTo+"px"});
		};

	
	})
}