jQuery(document).ready(function() {
	jQuery(scroll_func);
});

var scroll_func = function() {
	//Get our elements for faster access and set overlay width
	var div = jQuery('div.ngg-widget');
	var ulPadding = 15;
	
	// create tags
	div.wrapInner('<ul />');
    jQuery.each(jQuery('a', div), function() {
    	jQuery(this).wrap('<li />');
    });

	//Get menu width
	var divWidth = div.width();

	//Remove scrollbars
	div.css({overflow: 'hidden'});

	// ul
	var ul = jQuery('div.ngg-widget ul');
	
	//Find last image container
	var lastLi = ul.find('li:last-child');

	//When user move mouse over menu
	div.mousemove(function(e){
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
}
