var currentNo = 0;
var oldNo = 0;
var delayTime = 5000;
var imageLength = 0;
var tid = null;
	
$(function()
{
	imageLength = $("#slider ul > li").size();
	
	$("ul#slideList li").hide();
	$("ul#slideList li:eq(0)").fadeIn(1000);
	
	if (imageLength < 2) return;

	$("#slider ul").after("<ul id=\"slideNavi\"></ul>");
	for (i = 0; i < imageLength; i++)
	{
		$("ul#slideNavi").append("<li id=\"imageNo_" + i + "\"><a href=\"javascript:void(0);\">" + i + "</a></li>");
	}
	$("ul#slideNavi li a:eq(" + currentNo + ")").addClass("current");
	
	$("ul#slideNavi li").click(function()
	{
		//var targetNo = $("a",this).text();
		var targetNo = $(this).attr("id").replace("imageNo_", "");
		if (targetNo != currentNo)
		{
			oldNo = currentNo;
			currentNo = targetNo;
			changeImage();
			clearInterval(tid);
			tid = setInterval("setNo()",delayTime);
		}
	});
	tid = setInterval("setNo()",delayTime);
});

function setNo()
{
	oldNo = currentNo;
	currentNo++;
	if (currentNo >= imageLength)
	{
		currentNo = 0;
	}
	changeImage();
}
	
function changeImage()
{		
	$("ul#slideList li:eq(" + oldNo + ")").fadeOut(1000);
	$("ul#slideList li:eq(" + currentNo + ")").fadeIn(1000);
	$("ul#slideNavi li a:eq(" + oldNo + ")").removeClass("current");
	$("ul#slideNavi li a:eq(" + currentNo + ")").addClass("current");
}