// JavaScript Document
(function ($) {
	$.fn.mainvisual = function (options) {
		options = $.extend({
			'delay': 5000,
			'duration': 300
		}, options);
		
		var $this = $(this), $ul = $('> ul', $this), $lis = $('> li', $ul), $current;
		var runnning = false, timerId = 0;
		
		var setAniamtion = function () {
			timerId = setTimeout(outside, options.delay);
		};
		
		var removeAniamtion = function () {
			clearTimeout(timerId);
		};
		
		var outside = function () {
			$current.animate({
				'left': $ul.width()
			}, {
				'duration': options.duration,
				'complete': function () {
					nextPreparation();
				}
			});
		};
		
		var nextPreparation = function () {
			var $next = $current.next();
			if ($next.length <= 0) {
				$next = $('> li', $ul).first();
			}
			$next.css({'z-index': 11});
			$current.css({'z-index': 10, 'left': '0'});
			$current = $next;
			
			setAniamtion();
		};
		
		var mainvisual = function () {
			if ($lis.length <= 1) return $this;
			
			$lis.css({'z-index': '10'});
			$current = $lis.eq(0);
			$current.css({'z-index': '11'});
			
			setAniamtion();
			
			return $this;
		};
		
		return mainvisual();
	};
})(jQuery);
$(document).ready(function () {
	$('#mainvisual').mainvisual();
});