
$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 570;
	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="wutongimages/btn_prev1.gif" alt="点击查看上一个产品" /></span>')
		.append('<span id="nextBtn" class="control"><img src="wutongimages/btn_next1.gif" alt="点击查看下一个产品" /></span>');

	$('.mainList').after('<p class="mainBtnArea"><span id="mainPlayBtn"><img src="wutongimages/play2.png" alt="点击停止" /></span><span id="mainStopBtn"><img src="wutongimages/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() {

	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);
	});

});
