A=[[],[],[],[]];
A[0][0]=-100*1;
A[0][1]=-100*2;
A[0][2]=-100*3;
A[0][3]=-100*0;

A[1][0]=-100*0;
A[1][1]=-100*1;
A[1][2]=-100*2;
A[1][3]=-100*3;

A[2][0]=-100*3;
A[2][1]=-100*0;
A[2][2]=-100*1;
A[2][2]=-100*2;
A[3][0]=-100*2;
A[3][1]=-100*3;
A[3][2]=-100*0;
A[3][3]=-100*1;

num = 0;
old = 0;
chk = true;
depth = 50;
rnum = 0;
rold = 0;
rchk = true;
cur=0;
cur_old=0;
menu1_old = 0;


function visual(){
 num++;
 if(num==3){
  num=0;
 }
 $(".visual_btn>span").eq(old).removeClass("active");
 $(".visual_btn>span").eq(num).addClass("active");


 $(".visual ul>li").eq(old).find(">span").animate({"opacity":"0"},450);
 $(".visual ul>li").eq(old).find(">img").animate({"opacity":"0","right":"440"},10);
 
 $(".visual ul>li").eq(num).find(">span").animate({"opacity":"1"},400);
 $(".visual ul>li").eq(num).find(">img").animate({"opacity":"1","right":"425"},800,"easeOutCubic", function(){
old=num;

});
 
 };

function right_slide(){
 rnum++;
 if(rnum==4){
  rnum=0;
 }
 $(".right_btn>span").eq(rold).removeClass("r_active");
 $(".right_btn>span").eq(rnum).addClass("r_active");
 
 $(".right_slide ul").stop(true,true).animate({"margin-left":"-=100%"},1000,"easeOutCubic",function(){
  $(this).append($(".right_slide ul li").first());
  $(this).css({"margin-left":"-100%"});
  rold=rnum;
 });
};
function limove(){
 if(rold==0){
  $(".right_slide ul").append(vli3, vli0, vli1, vli2);
 }
 else if (rold==1){
  $(".right_slide ul").append(vli0, vli1, vli2, vli3);
 }
 else if (rold==2){
  $(".right_slide ul").append(vli1, vli2, vli3, vli0);
 }
 else{
  $(".right_slide ul").append(vli2, vli3, vli0, vli1);
 }
}

$(document).ready(function(){

 $(".visual1>span").css({"opacity":"1"});
 $(".visual1>img").css({"opacity":"1"});
 vli0=$(".right_slide li").eq(0);
 vli1=$(".right_slide li").eq(1);
 vli2=$(".right_slide li").eq(2);
 vli3=$(".right_slide li").eq(3);
 
 $(".right_slide ul").prepend($(".right_slide ul li").last());
 
 auto=setInterval("visual()",3000);
 autoa=setInterval("right_slide()",2500);
 
 $(".visual_btn>span").click(function(){
  if(chk){
   chk=false;
   clearInterval(auto);
   auto=setInterval("visual()",7000);   
   cur=$(this).index();
   $(".visual ul>li").eq(cur_old).find(">span").animate({"opacity":"0"},200);
   $(".visual ul>li").eq(cur_old).find(">img").animate({"opacity":"0","right":"440"},10);
   $(".visual_btn>span").eq(cur_old).removeClass("active");
   $(".visual ul>li").eq(cur).find(">span").animate({"opacity":"1"},300);
   $(".visual ul>li").eq(cur).find(">img").animate({"opacity":"1","right":"425"},800);
   $(".visual_btn>span").eq(cur).addClass("active");
   cur_old=cur
   chk=true;
  }
 });
 
 
  $(".gnb>ul>li").mouseenter(function(){
   $(".submenu_bg").stop(true,true).animate({"left":"170"},100);
   $(".gnb>ul>li").not(this).find(">div").css({"width":"0"});
   $(this).find(">div").css({"width":"130"});   
   $(".gnb>ul>li").not(this).find(">div a").animate({"left":"-130"},5);
   $(this).find(">div a").stop(true,true).animate({"left":"0"},300);
   $(".gnb>ul>li").css({"background-color":"transparent"});
   $(this).css({"background-color":"#00bfc6"});

  });

 
 $(".right_btn>span").click(function(){
  if(rchk){
   rchk=false;
   clearInterval(autoa);
   autoa=setInterval("right_slide()",7000);
   rnum=$(this).index();
   $(".right_btn>span").eq(rold).removeClass("r_active");
   $(".right_btn>span").eq(rnum).addClass("r_active");
   $(".right_slide ul").stop(true,true).animate({"margin-left":A[rold][rnum]+"%"},10,"easeOutCubic",function(){
    $(this).css({"margin-left":"-100%"});
    rold=rnum;
    limove();
   });
   rchk=true;
  }
 });
 
});