(function($){
	$.fn.scrolldiv = function(settings) {
		settings = jQuery.extend({
			ul: "ul",
			ulPadding: 15
		}, settings);
	
		return this.each(function(){
			var div = $(this);
			var ul = $(settings.ul, this);
	
			//Get menu width
			var divWidth = div.width();
			//Remove scrollbars
			div.css({overflow: 'hidden'});
		
			//Find last image container
			var lastLi = ul.find('li:last-child');
		
			//When user move mouse over menu
			div.bind("mousemove", function(e){
		
				//As images are loaded ul width increases,
				//so we recalculate it each time
				var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + settings.ulPadding;
		
				var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
				div.scrollLeft(left);
			}); 
		});
	};
})(jQuery);
