$(window).ready(function(){
		var currentBanner = 0;
		var totalBanner=$("#slider ul li").length;
		
		var windowWidth;
		var moveStatus = false;
		
		var slideSpeed = 500;
		var easeType = "easeInOutExpo";
		
		//Timer
		var play;
		var interval = 3000;

		
	
	
		//Start
		$(window).resize(function(){
			windowWidth = 560;
			
			
			$("#slider ul li").each(function(index,element){
				$(this).css({width:windowWidth});
				
				if(index == currentBanner){
					$(this).css({left:0});
				}else{
					$(this).css({left:windowWidth});
				}
			});
	

			
		});
		
		
		$("#sliderWrap").hover(
			function(){
				clearTimer();
			},
			function(){
				setTimer();
			}
		);
		
		
		$("#nextArrow").click(function(){
		//$("#btn01").bind("click",function(){
			nextBanner();
			
			//alert(currentImg);
		});
		
		$("#prevArrow").click(function(){
			prevBanner();
			
		});
		
		
		function nextBanner(){
			var temp = currentBanner + 1;
			if(temp >= totalBanner){
				temp = 0;
			}
			
			bannerSlide(temp, "next");
		}
		
		function prevBanner(){
			var temp = currentBanner - 1;
			if(temp < 0){
				temp = totalBanner - 1
			}
			
			bannerSlide(temp, "prev");
		}
		
		
		
		$("#bottomNavi li").hover(
			function(){
				clearTimer();
			},
			function(){
				setTimer();
			}
		);
		
		
		
		$("#bottomNavi li").bind("click",function(){
			if($("#bottomNavi li").index(this) != currentBanner){
				bannerSlide($("#bottomNavi li").index(this),"bottomNavi");

			}
		});
		
		
		function bannerSlide(indexNum, selectOpt){
			
			if(!moveStatus){
				if(selectOpt == "bottomNavi"){
					if(indexNum > currentBanner){
						direction = "next";	
					}else{
						direction = "prev";
					}
				}else{
					direction = selectOpt;
					//alert(direction);
				}
				
				
				if(direction == "next"){
					moveStatus = true;
				
					var $out = $("#slider ul li:eq("+currentBanner+")");
					var $out_ct01 = $(".slider_ct01 ul li:eq("+currentBanner+")");
					var $out_ct02 = $(".slider_ct02 ul li:eq("+currentBanner+")");

					var pos_out = -windowWidth;
					$out.css({left : 0}).stop().animate({left : pos_out},slideSpeed, easeType, function(){
						setStatus();
					});
					
					
					currentBanner = indexNum;
					
					var $in = $("#slider ul li:eq("+currentBanner+")");
					
					var pos_in = 0;
					$in.css({left:windowWidth}).stop().animate({left:pos_in},slideSpeed, easeType);

					
					
				}else{ //prev
					moveStatus = true;
					
					var $out = $("#slider ul li:eq("+currentBanner+")");
					

					var pos_out = windowWidth;
					$out.css({left : 0}).stop().animate({left:pos_out},slideSpeed, easeType);
					
					
					currentBanner = indexNum;
					
					var $in = $("#slider ul li:eq("+currentBanner+")");
					var $in_ct01 = $(".slider_ct01 ul li:eq("+currentBanner+")");
					var $in_ct02 = $(".slider_ct02 ul li:eq("+currentBanner+")");
					
					var pos_in = 0;
					$in.css({left:-windowWidth}).stop().animate({left:pos_in},slideSpeed, easeType, function(){
						setStatus();
					});
					
					
					
				}
				
				currentBanner = indexNum;
				
				
				//bottom navi image active
				$("#bottomNavi li").each(function(){
					//alert(indexNum);
					
					$("img",this).attr("src","/base/img/main/m_visual_bt.png");
				});
				
				$("#navi"+indexNum).attr("src","/base/img/main/m_visual_btov.png");

			}
		
		}
		
		
		
		
		$(window).resize();
		
		setTimer();
		
		$("#sliderWrap").css({display:"block"});
		
		
		
		
		//btnClick callBack Func
		function setStatus(){
			moveStatus = false;
		}		


		//Timer
		function setTimer(){
			if(play != 0){
				clearInterval(play);
			}
			play = setInterval(nextBanner,interval,"next");
		}
		
		function clearTimer(){
			clearInterval(play);
		}


		
		//End
	});