$(function(){
	$.fn.autoVisualSwitch = function(options){
		var op=$.extend($.fn.autoVisualSwitch.defaults,options),
		$t=$(this),$visual=$("#autoVisual"),$visualChild=$visual.children(),active="active",activeIndex=0;

		$visualChild.hide().css({position:"absolute"}).not($visualChild.eq(0)).fadeTo(0,0);
		$visualChild.eq(0).css({zIndex:50}).show();

		function autoSwitch(){
			setSwitch=setInterval(function(){
				// インクリメント演算子で1ループごとに1づつ数値を増やす
				var j=activeIndex++,nextElem=j+1,lastNum=($("li",$t).length)-1;
				// ナビゲーションの最後の要素に到達した場合activeIndexを-1にする
				// nextElemは-1+1=0になり、最初の要素から自動切替が開始される
				if(lastNum<=nextElem){ activeIndex=-1 }
				$("li",$t).not($("li",$t).eq(nextElem)).removeClass(active);
				$("li",$t).eq(nextElem).addClass(active);
				$visualChild.show().not($visualChild.eq(nextElem)).css({zIndex:10});
				$visualChild.eq(nextElem).css({zIndex:100}).fadeTo(op.speed,1);
				$visualChild.not($visualChild.eq(nextElem)).fadeTo(op.speed,0);
			},op.interval);
		};
		autoSwitch();
	};

	$.fn.autoVisualSwitch.defaults = {
		speed:"slow",
		interval:8000
	};

});