var firstRun = true;
	var toshow = 5;		
	$(function () {
		$('ol.Rotator-UL').simpleSpy();
	});
	(function ($) {

		$.fn.simpleSpy = function (limit, interval) {
			limit = limit || 7;
			interval = interval || 5000;

			return this.each(function () {
				// 1. setup
					// capture a cache of all the list items
					// chomp the list down to limit li elements
				var $list = $(this),
					items = [], // uninitialised
					currentItem = limit,
					total = 0, // initialise later on
					width = $list.find('> li:first').width();

				// capture the cache
				$list.find('> li').each(function () {
					items.push('<li>' + $(this).html() + '</li>');

				});

				total = items.length;

				$list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

				// 2. effect
				function spy() {
					// insert a new item with opacity and height of zero
					var $insert = $(items[currentItem]).css({
						width : 0,
						opacity : 0,
						display : 'none'
					}).prependTo($list);

					// fade the LAST item out
					$list.find('> li:last').animate({ opacity : 0}, 10, function () {
						// increase the height of the NEW first item
						$insert.animate({ width : width }, 500).animate({ opacity : 1 }, 10);

						// AND at the same time - decrease the height of the LAST item
						// $(this).animate({ width : 0 }, 500, function () {
							// finally fade the first item in (and we can remove the last)
							$(this).remove();
						// });
					});

					currentItem++;
					if (currentItem >= total) {
						if (firstRun == true) {
							currentItem = toshow;
							firstRun = false;
						} else {
							currentItem = 0;

						}
					}

					setTimeout(spy, interval)
				}

				spy();
			});
		};

	})(jQuery);