//slideshow style interval
var autoSwap = setInterval( swap,7000);

//pause slideshow and reinstantiate on mouseout
$('ul, span').hover(
  function () {
    clearInterval(autoSwap);
}, 
  function () {
   autoSwap = setInterval( swap,7000);
});

//global variables
var items = [];
var startItem = 1;
var position = 0;
var itemCount = $('.carousel li.items').length;
var leftpos = itemCount;
var resetCount = itemCount;

//unused: gather text inside items class
$('li.items').each(function(index) {
    items[index] = $(this).text();
});

//swap images function
function swap(action) {
  var direction = action;
  
  //moving carousel backwards
  if(direction == 'counter-clockwise') {
    var leftitem = $('.left-pos').attr('id') - 1;
    if(leftitem == 0) {
      leftitem = itemCount;
    }
    
    $('.right-pos').removeClass('right-pos').addClass('back-pos');
    $('.main-pos').removeClass('main-pos').addClass('right-pos');
    $('.left-pos').removeClass('left-pos').addClass('main-pos');
    $('#'+leftitem+'').removeClass('back-pos').addClass('left-pos');
    
    startItem--;
    if(startItem < 1) {
      startItem = itemCount;
    }
  }
  
  //moving carousel forward
  if(direction == 'clockwise' || direction == '' || direction == null ) {
    function pos(positionvalue) {
      if(positionvalue != 'leftposition') {
        //increment image list id
        position++;
        
        //if final result is greater than image count, reset position.
        if((startItem+position) > resetCount) {
          position = 1-startItem;
        }
      }
    
      //setting the left positioned item
      if(positionvalue == 'leftposition') {
        //left positioned image should always be one left than main positioned image.
        position = startItem - 1;
      
        //reset last image in list to left position if first image is in main position
        if(position < 1) {
          position = itemCount;
        }
      }
   
      return position;
    }  
  
   $('#'+ startItem +'').removeClass('main-pos').addClass('left-pos');
   $('#'+ (startItem+pos()) +'').removeClass('right-pos').addClass('main-pos');
   $('#'+ (startItem+pos()) +'').removeClass('back-pos').addClass('right-pos');
   $('#'+ pos('leftposition') +'').removeClass('left-pos').addClass('back-pos');

    startItem++;
    position=0;
    if(startItem > itemCount) {
      startItem = 1;
    }
  }
}

//if any visible items are clicked
$('li').click(function() {
  if($(this).attr('class') == 'items left-pos') {
     swap('counter-clockwise'); 
  }
  else {
    swap('clockwise'); 
  }
});

/* 페이지별 메뉴 스타일 */
$(function(){
    var subPage = new Array;
    subPage[0] = "manager";
    subPage[1] = "wisemon";
    subPage[2] = "sysman";
    subPage[3] = "netkey";
    subPage[4] = "alrim";
    subPage[5] = "cloud";
    subPage[6] = "system_design";
    subPage[7] = "firewall";
    subPage[8] = "webshell";
    subPage[9] = "contact";
    subPage[10] = "members";
    subPage[11] = "privacy";
    subPage[12] = "apply";
    subPage[13] = "care";
    subPage[14] = "etc";
    subPage[15] = "guide";
    var url = location.href;
    var getAr0 = url.indexOf(subPage[0]);
    var getAr1 = url.indexOf(subPage[1]);
    var getAr2 = url.indexOf(subPage[2]);
    var getAr3 = url.indexOf(subPage[3]);
    var getAr4 = url.indexOf(subPage[4]);
    var getAr5 = url.indexOf(subPage[5]);
    var getAr6 = url.indexOf(subPage[6]);
    var getAr7 = url.indexOf(subPage[7]);
    var getAr8 = url.indexOf(subPage[8]);
    var getAr9 = url.indexOf(subPage[9]);
    var getAr10 = url.indexOf(subPage[10]);
    var getAr11 = url.indexOf(subPage[11]);
    var getAr12 = url.indexOf(subPage[12]);
    var getAr13 = url.indexOf(subPage[13]);
    var getAr14 = url.indexOf(subPage[14]);
    var getAr15 = url.indexOf(subPage[15]);
    if(getAr0 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr1 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr2 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr3 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr4 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr5 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr6 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr7 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr8 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr9 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr10 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr11 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr12 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr13 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr14 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
    if(getAr15 != -1){
        $(".logo-mono").addClass("active"),
        $(".logo").removeClass("active"),
        $(".stem-nav").addClass("color"),
        $(".gnb").addClass("color")
    };
});

/* 모바일 메뉴 */
$(document).ready(function(){
    mobile_menu();
});
function mobile_menu(){
    /* 변수 선언 */
    var $menu = null;
    var $gnb = null; // 영역 전체
    var $depth1_wrap = null;
    var $depth1 = null;
    var $depth1_btn = null;
    /* 시작 함수 */
    function start(){
        init();
        init_event();
    }
    /* 변수 초기화 함수 */
    function init(){
        $menu = $('.nav-group');
        $gnb = $('.nav'); // 영역 전체
        $depth1_wrap = $('.nav>ul>li');
        $depth1 = $depth1_wrap.children('.sub-menu');
        $depth1_btn = $depth1_wrap.children('.parents');
    }
    /* 이벤트 함수 */
    function init_event(){
        /* depth1의 각메뉴 클릭시 depth2 나오게 하기 */
        $depth1_btn.click(function(event){
            event.preventDefault();
            var $this = $(this);
            var $this_ul = $this.siblings('ul');

            var check = $this.hasClass('active');
            if(check){
                $this.removeClass('active');
                $this_ul.stop(true,true).slideUp();
            }else{
                $depth1_btn.removeClass('active');
                $depth1.stop().slideUp();
                $this.addClass('active');
                $this_ul.stop(true,true).slideDown();
            }
        });
    }
    start(); // 시작 호출
}

/* 탑버튼 스크립트 */
function goTop(){
    $('html').scrollTop(0);
}
$(window).scroll(function() {
    var $el = $('.show-on-scroll');
    if($(this).scrollTop() >= 400) $el.addClass('shown');
    else $el.removeClass('shown');
});

/* 스크롤 메뉴 고정 */
$( document ).ready( function() {
    var jbOffset = $( '.stem-nav' ).offset();
    $( window ).scroll( function() {
        if ( $( document ).scrollTop() ) {
            $( '.stem-nav' ).addClass( 'stem-fixed' );
        } else {
            $( '.stem-nav' ).removeClass( 'stem-fixed' );
        }
    });
});