$(function(){
	$("#loading").fadeOut('slow');
	$("#GreyBg").fadeTo("slow",0.2).animate({bottom:0},500);
	$("#SlideNum").animate({bottom:"10px"},1000);
	var time = 1800;
	var num = $("#SlideImg ul li").length;
	var NumLi = new Array();
	$("#SlideNum").append("<ul></ul>");
	for(n = num; n > 0; n--){
		$("#SlideNum ul").append("<li class='NormalNum'>" + n + "</li>");
	}
	var CurrentLi = $("#SlideImg ul li:first");
	CurrentLi.css("display","block");
	var CurrentNum = $("#SlideNum ul li:last");
	CurrentNum.removeClass("NormalNum").addClass("CurrentNum");
	var cycle = setInterval("$.slide()",time);
	
	$.extend({
		slide:function(){
			//IMAGE CYCLE
			CurrentLi = CurrentLi.index() == $("#SlideImg ul li:last").index()?$("#SlideImg ul li:first"):CurrentLi.next();
			CurrentLi.siblings().css("display","none").end().css("display","block");
			//NUM CYCLE
			CurrentNum = CurrentNum.index() == $("#SlideNum ul li:first").index()?$("#SlideNum ul li:last"):CurrentNum.prev();
			CurrentNum.removeClass("NormalNum").addClass("CurrentNum").siblings("li").removeClass("CurrentNum").addClass("NormalNum");
		}
	});

	$("#SlideNum ul li",this).click(function(){
		clearInterval(cycle);
		$("#SlideNum ul li").removeClass("CurrentNum").addClass("NormalNum");
		$("#SlideImg ul li").css("display","none");
		CurrentLi = $("#SlideImg ul li").eq($(this).index());
		CurrentLi.css("display","block");
		CurrentNum = $(this);
		CurrentNum.removeClass("NormalNum").addClass("CurrentNum").siblings("li").removeClass("CurrentNum").addClass("NormalNum");
		cycle = setInterval("$.slide()",time);
	});
	
	$("#SlideImg").hover(function(){
		clearInterval(cycle);
	},function(){
		cycle = setInterval("$.slide()",time);
	});
})