/* 메인 global navigation - 핵심프로젝트 메뉴 오픈 */
$("#mainCnt").ready(function() {
	$("#topNavi>li:first").contents("ul").show();
	$("#topNavi>li").bind({
		mouseout: function(){
			$("#topNavi>li:first").contents("ul").show();
			$("#topNavi>li:first").contents("ul").css("z-index", "15");
		}
	})
});

/* 메인 비쥬얼 - main Banner Box*/
$(document).ready(function(){
	/* 메인 - 롤링 */
	var currentPosition = 0;
	var slideWidth = 322;
	var slides = $('.mainList ul li');
	var numberOfSlides = slides.length;
	var rspeed = 5000;
	var stopIndex = 0;

	$('.mainList').css('overflowX', 'hidden');
	$('.mainList ul').css('width', slideWidth * numberOfSlides);

	$('.mainList')
		.prepend('<span id="prevBtn" class="control"><img src="/images/main/btn_prev1.gif" alt="이전" /></span>')
		.append('<span id="nextBtn" class="control"><img src="/images/main/btn_next1.gif" alt="다음" /></span>');

	$('.mainList').after('<p class="mainBtnArea"><span id="mainPlayBtn"><img src="/images/common/btn/play2.png" alt="재생" /></span><span id="mainStopBtn"><img src="/images/common/btn/stop2.png" alt="정지" /></span></p>');

	function manageControls(position){
		if(position==numberOfSlides){
			$('#nextBtn').animate(currentPosition=0)
		} else{
		}
		if(position==-1){
			$('#prevBtn').animate(currentPosition=numberOfSlides-1)
		} else{
		}
	}

	$("#mainPlayBtn").bind('click', function(){
		$(".mainBtnArea #mainPlayBtn").css("display","none");
		$(".mainBtnArea #mainStopBtn").css("display","block");
		clearInterval(mainInterval);
		mainInterval = setInterval("$('#nextBtn').click()", rspeed);
		stopIndex = 0;
	});

	$("#mainStopBtn").bind('click', function(){
		$(".mainBtnArea #mainPlayBtn").css("display","block");
		$(".mainBtnArea #mainStopBtn").css("display","none");
		clearInterval(mainInterval);
		stopIndex = 1;
	});

	mainInterval = setInterval("$('#nextBtn').click()", rspeed);

	$('.control').bind('click', function(){
		currentPosition = ($(this).attr('id')=='nextBtn') ? currentPosition+1 : currentPosition-1;

		manageControls(currentPosition);
		$('.mainList ul').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});

		if (stopIndex != 1){
			clearInterval(mainInterval);
			mainInterval = setInterval("$('#nextBtn').click()", rspeed);
		} else{
			clearInterval(mainInterval);
		}
	});
});

/* 10대 핵심과제 - right Banner Box*/
$(document).ready(function() {
	$('.projectCnt').css('overflowX', 'hidden');
	$('.projectCnt').css('height', '70px');

	$('.projectCnt ol li').hide().css({position:'absolute'});

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


	var html = '<ul class="projectTab">'
	for (var i = slides.length - 1;i >= 0 ; i--){
		html += '<li id="slide'+ i +'" class="slide"><img src="/images/main/btn_num'+(i+1)+'.gif" alt="'+(i+1)+'" /></li>' ;
	}

	//번호 생성
	html += '</ul>';
	$('.projectCnt').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();
	}

	$('.coreProject .projectTab').before('<p class="setupBtn"><span id="playBtn"><img src="/images/common/btn/play2.png" alt="재생" /></span><span id="stopBtn"><img src="/images/common/btn/stop2.png" alt="정지" /></span></p>');

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

	interval = setInterval(nextSlide, DELAY_SPEED);

	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;

		}

	}

	$("#playBtn").bind('click', function(){
		$(".setupBtn #playBtn").css("display","none");
		$(".setupBtn #stopBtn").css("display","block");
		clearInterval(interval);
		interval = setInterval(nextSlide, DELAY_SPEED);
	});

	$("#stopBtn").bind('click', function(){
		$(".setupBtn #playBtn").css("display","block");
		$(".setupBtn #stopBtn").css("display","none");
		clearInterval(interval);
	});

});