$(function(){
	$('div.ui-autoToggleFade').each(function(){
		var autoToggleFade = $(this);
		var unite = autoToggleFade.find('div.unite');
		var uniteLength = unite.length;
		var uniteWidth = unite.outerWidth();
		var current = 0;
		var t;
		
		unite.eq(0).css('z-index',10);
		autoToggleFade.find('ol.pager li').eq(current).addClass('disable');
		t = setInterval(function(){timer()}, 5000);	

		autoToggleFade.find('ol.pager li').each(function(i){
			$(this).click(function(){
				clearInterval(t);
				t = setInterval(function(){timer()}, 5000);
				if(i == current){ return }
				jump(current, i);
				current = i;
			});
		});
	
		function jump(current, next){
			var currentUnite = unite.eq(current);
			var nextUnite    = unite.eq(next);
			currentUnite.css('z-index',10);
			nextUnite.css('z-index',5);
			autoToggleFade.find('ol.pager li').removeClass('disable');
			autoToggleFade.find('ol.pager li').eq(next).addClass('disable');
			currentUnite.animate({'opacity' : 0}, 700, '', function(){
				$(this).css('z-index',0);
				nextUnite.css('z-index',10);
				$(this).css('opacity',1);
			});
		}
		
		function check(target){
			var over = false;
			var disable = null;
			if(0 > target) {
				target = 0;
				over = true;
			}
			else if(target > uniteLength - visibleUnite) {
				target = uniteLength - visibleUnite;
				over = true;
			}
			return {
				page : target,
				over : over
			};
		}
		
		function timer(){
			var next = (current == uniteLength - 1) ? 0 : current + 1;
			jump(current, next);
			current = next;
		}
					
	});
});