//메뉴 호버시 서브메뉴
$("header .header_in .nav").hover(function () {
  $(".sub").stop().slideDown(500);
  // $('.header_in > .logo').stop().animate({
  //   opacity:0
  // },100);
  // $('.sub > div > .logo2').stop().animate({
  //   opacity:1
  // },500);
},function(){
  $(".sub").stop().slideUp(300);
  // $('.header_in > .logo').stop().animate({
  //   opacity:1
  // },500);
  // $('.sub > div > .logo2').stop().animate({
  //   opacity:0
  // },100);
});


$(window).scroll(function(){
  if($(document).scrollTop() > 0) {
      $('.header_in').addClass('scrolled');
  } else {
      $('.header_in').removeClass('scrolled');
  }
});



/* 토글 사이드 바 버튼 관련 */
$('.toggle-side-bar-btn').click(function(){
  //console.log("토글 사이드바 버튼클릭");
  
  var $clicked = $(this);
  var nowAnimating = $clicked.attr('data-ico-now-animating');
  
  /* 만약 토글 사이드바 버튼의 요소가 Y가 되면 */
  if ( nowAnimating == "Y" ){
      return;
      /* 함수를 리턴하여 다시 안눌리게 한다 */
  }
  
  /* 만약 클릭된 버튼에 active 클래스가 있다면 */
  if ( $clicked.hasClass('active') ){
      /* 사이드바를 없앤다 */
      hideLeftSideBar();
  }
  else {
      /* active 클래스가 없으면 나타나게 한다 */
      showLeftSideBar();
  }
  
  /* 아이콘의 색을 빨간색으로 만듬 */
  $clicked.attr('data-ico-now-animating', 'Y');
  
  /* 아이콘에 active 클래스가 없으면 active 클래스를 넣어주고 있으면 빼줌 */
  $clicked.toggleClass('active');
  
  /* 버튼 아이콘의 색이 변한 후에 0.4초 뒤에 다시 원래색으로 돌아오게 만듬 */
  setTimeout(function(){
      $clicked.attr('data-ico-now-animating', 'N');
  }, 400);
});

/* 왼쪽 사이드바 함수 */
function showLeftSideBar(){
  /* 메뉴바가 나올때 안에 펼쳐져 있는 메뉴들을 다 접기위해 엑티브를 없앤다 */
  $('.left-side-bar > .menu-1 ul > li.active').removeClass('active');
  $('.left-side-bar-box').addClass('active');
};
function hideLeftSideBar(){
  $('.left-side-bar-box').removeClass('active');
};

/* 메뉴 접히고 펼치기 */
$('.left-side-bar > .menu-1 ul > li').click(function(e){
  //console.log("메뉴 클릭됨");
  
  /* 만약 클릭된 메뉴에 엑티브 클래스가 있으면 */
  if ( $(this).hasClass('active') ){
      /* 클릭된 메뉴의 엑티브를 없앤다 */
      $(this).removeClass('active');
  }
  else {
      /* 클릭된 메뉴의 형제의 엑티브를 없앤다 */
      $(this).siblings('.active').removeClass('active');
      
      /* 클릭된 메뉴(지역)의 엑티브를 없앤다 */
      $(this).find('.active').removeClass('active');
      
      /* 클릭된 메뉴의 엑티브를 만든다 */
      $(this).addClass('active');
  }
  
  /* 클릭된 메뉴 안에 다른 메뉴를 클릭하면 위에있는 메뉴가 같이 클릭되는데 그것을 막아준다 */
  e.stopPropagation();
});

/* 좌측 사이드바 배경을 클릭했을때 */
$('.left-side-bar-box').click(function(){
  //console.log('배경클릭');
  
  /* 토글 사이드바 버튼을 클릭한 효과를 만듬 */
  $('.toggle-side-bar-btn').click();
});

/* 사이드바를 클릭할때 상위요소인 배경이 같이 클릭되어서 사이드바가 들어가버리기 때문에 그것을 막음 */
$('.left-side-bar').click(function(e){
  e.stopPropagation();
});