$(document).ready(function(){
	var lang = $("html").attr("lang");

	jsMain();
});


function jsMain(){
	if(!$("#vissual").hasClass("mainV")) return false;

	var $zone = $(".title-zone"),
	$visual = $(".visual");
	

	$visual.each(function(){
		var $bg = $(".bg-img img", this).attr("src");
		$(this).css({
			"background": "url(" + $bg + ") no-repeat 37% 0",
			"background-size": "cover"
		});
	})
	mainSlide();
}

function mainSlide(){
	var $visual = $(".visual-section"),
	$num = $(".btngroup-num"),
	$control = $(".btngroup");

	var size = $visual.size();

	var s = 1000,
	spd = 8000;

	// indicator make
	var _html = "";
	for(var i=1;i<=$visual.size();i++){
		if(i==1){
			_html += "<li class='on'><a href='#none'>"+i+"</a></li>";
		}else{
			_html += "<li><a href='#none'>"+i+"</a></li>";
		}
	}
	$num.html(_html);

	// move
	$(".visual-section").eq(0).addClass("view").siblings().hide();
	var interval = setInterval(animation, spd);
	function animation(){
		// var size = $visual.size(), 
		var current = $(".on", $num).index();

		if(current >= $visual.size() -1){
			$visual.eq(current).removeClass("view").stop().fadeOut(s);
			$visual.eq(0).stop().fadeIn(s, function(){
				$(this).addClass("view");
			});
			$num.find("li").eq(0).addClass("on").siblings().removeClass('on');

						//visual.set($(this),{alpha:0,y:50});
						//visual.to($(this),0.9,{alpha:1,y:0,delay:_delay,ease:Back.easeOut});


		}else{
			$visual.eq(current).removeClass("view").stop().fadeOut(s);
			$visual.eq(current+1).stop().fadeIn(s, function(){
				$(this).addClass("view");
			});
			$num.find("li").eq(current+1).addClass("on").siblings().removeClass('on');
		}
	}

	// control 
	$control.find("button").on("click", function(){
		var $parent = $(this).parents(".btn");
		$parent.removeClass("on").siblings().addClass("on");

		if($parent.hasClass("play")){
			interval = setInterval(animation, spd);
		}else{
			clearInterval(interval);
		}
		
		return false;
	})

	// indicator
	$num.find("li").on("click", function(){
		clearInterval(interval);
		var $this = $(this),
		current = $this.index();

		$this.addClass("on").siblings().removeClass("on");
		$(".visual-section.view").removeClass("view").stop().fadeOut(s);
		$visual.eq(current).stop().fadeIn(s, function(){
			$(this).addClass("view");
			if($(".btngroup .on").hasClass("stop")){
				interval = setInterval(animation, spd);
			}
		});
	})
}

jQuery(function($){

	
	// ��ũ�Ѿ����ܸ��
	var $moveTxt = $('.scroll-icon');
	var moveTEXT = setInterval(function() {
		$moveTxt.animate({opacity:'.5',"bottom":'+=20px'}).animate({opacity:'1',"bottom":'-=20px'})
	}, 1000);
	$moveTxt.click(function  () {
		$("html, body").animate({scrollTop: $("#productContent").offset().top + 50 },600,"swing");
		return false;
	});

	// ���� ���� �޴�

});