/* Main Image Box */
var intervalKV = null;
var chSpeed = 10000;  // main Slide Time
var slideNum = 2;

$(document).ready(function() {
	$("#mainWrap").append("<div class=\"bgSlide2\"></div><div class=\"bgSlide\"></div>");
	intervalKV = setInterval("chSlide()", chSpeed);
});

function chSlide (){
	gotoMainSlide(slideNum);
}


function gotoMainSlide(KVNum){
	//var posSize = ($("body").width)/2

	if (KVNum==1){
			//$(".bgSlide2").css({width : "0", right : "100px"})
			$(".bgSlide2").css({zIndex : "10"});
			$(".bgSlide").css({zIndex : "20", backgroundPosition:"-800px 0"}).hide();
			$(".bgSlide").animate({backgroundPosition:"50% 0"},{queue:false,duration:1000})
			.fadeIn(1500);

			slideNum=2;

	}else if(KVNum==2){
			$(".bgSlide").css({zIndex : "10"});
			$(".bgSlide2").css({zIndex : "20", backgroundPosition:"800px 0"}).hide();
			$(".bgSlide2").animate({backgroundPosition:"50% 0"},{queue:false,duration:1000})
			.fadeIn(1500);

			slideNum=1;
	}

	if (intervalKV != null){
			clearInterval(intervalKV);
		}
	intervalKV = setInterval("chSlide()", chSpeed);
}


/* Banner Box */
$(document).ready(function() {
	$('.banner li').hide().css({position:'absolute'});

	var currentSlide = -1;
	var prevSlide = null;
	var slides = $('.banner li');
	var interval = null;
	var DELAY_SPEED = 5000; // banner Slide Time


	var html = '<ul id="slideShowCount">'
	for (var i = slides.length - 1;i >= 0 ; i--){
		html += '<li id="slide'+ i+'" class="slide">'+(i+1)+'</li>' ;
	}

	//¹øÈ£ »ý¼º
	html += '</ul>';
	$('.banner').before(html);


	for (var i = slides.length - 1;i >= 0 ; i--){
		$('#slide'+i).bind("click",{index:i},function(event){
			currentSlide = event.data.index;
			gotoSlide(event.data.index);
		});
	};

	if (slides.length <= 1){
		$('.slide').hide();
	}

	nextSlide();

	function nextSlide (){
		if (currentSlide >= slides.length -1){
			currentSlide = 0;
		}else{
			currentSlide++
		}
		gotoSlide(currentSlide);
	}


	function gotoSlide(slideNum){
		if (slideNum != prevSlide){

			if (prevSlide != null){
				$(slides[prevSlide]).stop().hide();
				$('#slide'+prevSlide).removeClass('selectedTab');
			}

			//tap »öº¯°æ
			$('#slide'+slideNum).addClass('selectedTab');
			$('#slide'+prevSlide).removeClass('selectedTab');

			$(slides[slideNum]).fadeTo("slow", 1.0); // slideDownÈ¿°ú ´ë½Å fadeToÈ¿°ú¸¦ ÁÜ

			prevSlide = currentSlide;

			if (interval != null){
				clearInterval(interval);
			}

			interval = setInterval(nextSlide, DELAY_SPEED);
		}

	}
});