// JavaScript Document

var slideNum = 1;
var slideTimer;
var animeFlg = false;

var limit = new Date(2012,1,19, 11, 0, 0);
var day1;
var day2;
var hour1;
var hour2;
var min1;
var min2;
var sec1;
var sec2;
var comma;

$(function(){
	day1 = $("#day1");
	day2 = $("#day2");
	hour1 = $("#hour1");
	hour2 = $("#hour2");
	min1 = $("#min1");
	min2 = $("#min2");
	sec1 = $("#sec1");
	sec2 = $("#sec2");
	comma = $("#comma1, #comma2");
	
	countDown();
	
	slideTimer = setTimeout(slideBanner, 3000);
	
	$("#right").click(function(){
		if(!animeFlg){
			clearTimeout(slideTimer);
			$("#main_banner ul").stop();
			slideBanner();
		}
	});
	
	$("#left").click(function(){
		if(!animeFlg){
			clearTimeout(slideTimer);
			$("#main_banner ul").stop();
			slideNum = slideNum-2;
			slideBanner();
		}
	});
	
	$("#banner_nav li").click(function(){
		if(!animeFlg){
			clearTimeout(slideTimer);
			$("#main_banner ul").stop();
			var index = $("#banner_nav li").index(this);
			slideNum = (slideNum <= index) ? index : index+4;
			slideBanner();
		}
	})
});

function slideBanner(){
	slideNum++;
	animeFlg = true;
	$("#main_banner ul").animate({
		left: -780*slideNum + "px"
	}, 500, "easeInBack", function(){
		if(slideNum >= 5){
			slideNum = slideNum-4;
			$("#main_banner ul").css("left", -780*slideNum + "px");
		}
		if(slideNum == 0){
			slideNum = 4;
			$("#main_banner ul").css("left", -780*slideNum + "px");
		}
		animeFlg = false;
		
		slideTimer = setTimeout(slideBanner, 7000);
	})
}

function countDown() {
	var now = new Date();
	var days = Math.floor((limit-now)/(24*60*60*1000));
	var hours = Math.floor(((limit-now)%(24*60*60*1000))/(60*60*1000));
	var mins = Math.floor(((limit-now)%(24*60*60*1000))/(60*1000))%60;
	var secs = Math.floor(((limit-now)%(24*60*60*1000))/1000)%60%60;
	
	days = addZero(days);
	hours = addZero(hours);
	mins = addZero(mins);
	secs = addZero(secs);
	
	$(day1).attr("src", "img/top/countdown/cd_number"+days.charAt(0)+".png");
	$(day2).attr("src", "img/top/countdown/cd_number"+days.charAt(1)+".png");
	$(hour1).attr("src", "img/top/countdown/cd_number"+hours.charAt(0)+".png");
	$(hour2).attr("src", "img/top/countdown/cd_number"+hours.charAt(1)+".png");
	$(min1).attr("src", "img/top/countdown/cd_number"+mins.charAt(0)+".png");
	$(min2).attr("src", "img/top/countdown/cd_number"+mins.charAt(1)+".png");
	$(sec1).attr("src", "img/top/countdown/cd_number"+secs.charAt(0)+".png");
	$(sec2).attr("src", "img/top/countdown/cd_number"+secs.charAt(1)+".png");
	
	if($(comma).css("display") == "block"){
		$(comma).css("display", "none");
	}else {
		$(comma).css("display", "block");
	}
	
	setTimeout(countDown, 1000);
}

function addZero(num) {
	num = '00' + num;
	num = num.substring( num.length - 2, num.length );
	return num ;
	}
