// JavaScript Document
(function($) {
	$.fn.ucSlider = function(){
		var oMain = $(this);
		var oULi = $("ul li", oMain);
		var nums = oULi.length - 1;
		var this_num = 0;
		var last_num = 0;
		
		var timerID = null;
		var timeout = 4000;
		var timestep = 1000;
		
		var autoable = 1;
		
		oULi.css({opacity: 0.0});
		oULi.eq(0).addClass('show').css({opacity: 1.0});
		
		var html = '';
		for(var i=0;i<=nums;i++){
			html += '<li></li>';
		}
		oMain.append('<ol>' + html+ '</ol>');
		
		var controls = $('ol li', oMain);
		controls.click(function(){onclick($(this).index());});
		controls.eq(this_num).addClass("current");
		
		function slide() {
			if(this_num > nums) this_num = 0;
			if(this_num == last_num) return;
			
			oULi.eq(this_num).css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, timestep);
			oULi.eq(last_num).animate({opacity: 0.0}, timestep).removeClass('show');
			
			controls.eq(last_num).removeClass("current");
			controls.eq(this_num).addClass("current");
			
			last_num = this_num;
			
			if(autoable == 1) timer();
		}

		function auto() {
			autoable = 1;
			this_num++;
			slide();
		}
		
		function timer() {
			timerID = setTimeout(auto, timeout);
		}
		
		function onclick(id) {
			autoable = 0;
			clearTimeout(timerID);
			this_num = id;
			slide();
		}
		
		oMain.hover(function(){clearTimeout(timerID);}, function(){timer();});

		timer();
	};
})(jQuery);