(function ($) {
	$.fn.extend({
		easymarquee: function (config) {
			var gConfig = $.extend({
				interval: 5000
			}, config);
			var gMarquee = $(this);
			var gItems = gMarquee.children("li");
			var gPaused = false;
			gMarquee.addClass("ui-corner-all ui-state-default");
			window.setInterval(function () {
				if (gPaused) {
					return;
				}
				var prevItem = gItems.filter(":visible");
				var nextItem = prevItem.length && prevItem.next().length ? prevItem.next() : gItems.first();
				if (prevItem.length) {
					prevItem.animate({
						left: "-100%"
					}, "slow", function () {
						prevItem.hide();
						nextItem.css({
							left: "100%"
						}).show().animate({
							left: "0%"
						}, "slow");
					});
				} else {
					nextItem.css({
						left: "100%"
					}).show().animate({
						left: "0%"
					}, "slow");
				}
			}, gConfig.interval);
			gMarquee.hover(function () {
				gPaused = true;
				$(this).addClass("ui-state-hover");
			}, function () {
				gPaused = false;
				$(this).removeClass("ui-state-hover");
			});
			return this;
		}
	});
})(jQuery);

