/**********************************************
* 스탠다드반응형 SD002 모듈 스크립트
* 버전 : 1.4
* 릴리즈 : 2017-11-09
* 본 css의 저작권은 도트피아에 있습니다.
**********************************************/
/*--------------------- 헤더 스크립트 ---------------------*/
$(document).ready(function() {
  var header = $("#header");
  var subnav = $("#lnb > .lnb > li > .subnav");
  var subnavH = subnav.children().height();
  var navbg = $("#lnb > .subnav-bg");
  var maxCount = 0;
  var maxHeight = 0;
  var openBtn = $("#lnb > .btnOpenMenu");
  var calcBgHeight = function() {
    var winWidth = $(window).width();
    if(winWidth > 1024) maxHeight = 0;
    $("#lnb > .lnb > li").each(function() {
      if($(this).find('.subnav').height() > maxHeight) maxHeight = $(this).find('.subnav').height();
    });
    maxHeight = maxHeight + 60;
    navbg.css('height', maxHeight);
  }
  var removeStyle = function() {
    subnav.removeAttr('style');
    navbg.removeAttr('style');
  };
  $("#lnb > .lnb > li").mouseenter(function() {
    var winWidth = $(window).width();
    if(winWidth > 1024) {
      header.addClass('on');
      subnav.stop().slideDown(400);
      navbg.stop().slideDown(400);
    }
  });
  header.mouseleave(function() {
    var winWidth = $(window).width();
    if(winWidth > 1024) {
      subnav.stop().slideUp(400);
      navbg.stop().slideUp(400);
      header.removeClass('on');
    }
  });
  $(window).bind('scroll', function() {
    var scrTop = $(this).scrollTop();
    var headerSize = header.height();
    if(scrTop >= headerSize) {
      if(!header.hasClass('fixed')) header.addClass('fixed');
    } else {
      header.removeClass('fixed');
    }
  });
  $(window).bind('load resize', function() {
    removeStyle();
    calcBgHeight();
  }).resize();
  var openMenu = function() {
    var topDepth = $.urlParam('tm') - 1,
    subDepth = $.urlParam('sm') - 1;
    openBtn.addClass('open');
    $("#lnb").addClass('open');
    if(topDepth !== -1 && subDepth !== -1) {
      $("#lnb > .lnb > li:eq(" + topDepth + ")").addClass('open');
      $("#lnb > .lnb > li:eq(" + topDepth + ") > .subnav").css('display','block');
    }
    $("#lnb > .lnb-overlay").stop().fadeIn(400);
  };
  var closeMenu = function() {
    openBtn.removeClass('open');
    $("#lnb").removeClass('open');
    $("#lnb > .lnb-overlay").stop().fadeOut(400, function() {
      removeStyle();
    });
  };
  $("#lnb > .lnb-overlay").click(function() {
    closeMenu();
  });
  openBtn.click(function() {
    if(!openBtn.hasClass('open')) {
      openMenu();
    } else {
      closeMenu();
    }
  });
  $("#lnb > .lnb > li > a").bind('click touchend', function(e) {
    var winWidth = $(window).width();
    if(winWidth < 1025) {
      if($(this).siblings('.subnav').length) e.preventDefault();
      if(!$(this).parent().hasClass('open')) {
        $("#lnb > .lnb > li > .subnav").stop().slideUp(300);
        $("#lnb > .lnb > li").removeClass('open');
        $(this).parent().addClass('open');
        $(this).siblings('.subnav').stop().slideDown(300);
      } else {
        $(this).parent().removeClass('open');
        $(this).siblings('.subnav').stop().slideUp(300);
      }
    }
  });
});
/*--------------------- 푸터 스크립트 ---------------------*/
$(document).ready(function() {
 var scrBtn = $("#btnTop");
 $(window).bind('scroll', function() {
  var scrTop = $(this).scrollTop();
  var headerSize = $("#header").height();
  var footerPos = $("#footer").offset().top - $(this).height();
  if(scrTop >= headerSize && scrTop < footerPos) {
   if(!scrBtn.hasClass('show')) scrBtn.addClass('show');
 } else {
   scrBtn.removeClass('show');
 }
});
 scrBtn.bind('click touchend', function() {
  $("html, body").stop().animate({scrollTop:0}, 600, 'easeOutQuart');
});
 $("#footer .footer-bottom .dropdown > a").bind('click', function() {
  if(!$(this).parent().hasClass('open')) {
   $(this).parent().addClass('open');
 } else {
   $(this).parent().removeClass('open');
 }
});
 $(document).click(function(e) {
  if(!$(e.target).is('#footer .footer-bottom .dropdown > a, #footer .footer-bottom .dropdown > ul')) $("#footer .footer-bottom .dropdown").removeClass('open');
});
});
/* 공통 스크립트 */
$(document).ready(function() {
 var pageLoader = $("#page-loader");
 $("body").addClass('locked');
 $(window).bind('load', function() {
  // 페이드 이펙트
  pageLoader.fadeOut(1200, function() {
   pageLoader.remove();
 });
  $("body").removeClass('locked');
});
});
/*--------------------- 메인페이지 스크립트 ---------------------*/
// 키비주얼 스크롤
$(document).ready(function() {
 $("#keyVisual .scroll-down").click(function() {
  $("html, body").stop().animate({scrollTop:$("#mainContainer #section1").offset().top}, 600, 'easeOutQuart');
});
});
// 패럴랙스 영역
$(document).ready(function() {
 $("#mainContainer #section6").parallax("50%", 0.2);
});
// 최신글 탭
$(document).ready(function() {
 var tab_item = $("#section7 .tab-items > li > a");
 var tab_el = $("#section7 .article-tab");
 var showAll = $("#section7 .link-all");
 showAll.attr('href', $("#section7 .tab-items > li:first-child > a").attr('href'));
 tab_item.click(function(e) {
  var tab_index = $(this).parent().index();
  e.preventDefault();
  tab_item.parent().removeClass('active');
  $(this).parent().addClass('active');
  tab_el.stop().fadeOut(500).removeClass('active');
  tab_el.eq(tab_index).stop().fadeIn(500).addClass('active');
  showAll.attr('href', $(this).attr('href'));
});
 tab_el.eq(0).css({display:'block'});
});
// 드롭다운 처리
$(document).ready(function() {
 var dd_el = $(".main-dropdown");
 var setDropdown = function() {
  dd_el.each(function() {
   var dd_title = $(this).find('.dropdown-list').children().eq(0).text();
   $(this).children('a').text(dd_title);
 });
}
var openDropdown = function(obj) {
  obj.addClass('active');
}
var closeDropdown = function(obj) {
  obj.removeClass('active');
}
var changeDropdown = function(obj, elem) {
  var dd_title = elem.text();
  obj.children('a').text(dd_title);
}
$(".main-dropdown > a").click(function() {
  var obj = $(this).parent();
  if(!obj.hasClass('active')) {
   openDropdown(obj);
 } else {
   closeDropdown(obj);
 }
});
$(".main-dropdown > .dropdown-list > *").click(function() {
  var obj = $(this).parents('.main-dropdown');
  changeDropdown(obj, $(this));
  closeDropdown(obj);
});
setDropdown();
});
// 갤러리 속성 부여
$(document).ready(function() {
 var post = $("#mainContainer #section2 .works-grid > table");
 post.each(function() {
  var type = $(this).find('.board_output_gallery_subject').parent().clone().children().remove().end().text();
  $(this).addClass('iso-box').addClass(type);
});
})
// 갤러리 정렬
$(document).ready(function(){
 var items = $("#mainContainer #section2 .works-grid");
 var gridSize = 4;
 var filterType = '';
 var setWorkGrid = function() {
  var winWidth = $(window).width();
  if(winWidth > 1024) {
   gridSize = 4;
 } else {
   gridSize = 2;
 }
 items.imagesLoaded( function() {
   items.isotope({
    filter: filterType,
    itemSelector: '.iso-box',
    masonry: {
     columnWidth: winWidth / gridSize,
     gutter: 0
   }
 });
 });
 $("#mainContainer #section2 .works-tab > li").click(function() {
   filterType = $(this).data('type');
   
   $("#mainContainer #section2 .works-tab > li").removeClass('active');
   $(this).addClass('active');
   items.isotope({
    filter: filterType,
    itemSelector: '.iso-box',
    masonry: {
     columnWidth: winWidth / gridSize,
     gutter: 0
   }
 });
 });
}
setWorkGrid();
$(window).bind('resize', function() {
  setWorkGrid();
}).resize();
});
// 클라이언트 슬라이드
$(function() {
 var clientWrap = $("#mainContainer #main-client-slide");
 var el = $("#mainContainer #main-client-slide > .slides");
 var clientCount = el.children().length;
 var clientIndex = 0;
 var el_size;
 var li_size;
 var btnPrev = $("#mainContainer #section8 .prev > a");
 var btnNext = $("#mainContainer #section8 .next > a");
 var buttonPreload = function() {
  btnPrev.addClass('disabled');
};
var clientResizing = function() {
  var winWidth = $(window).width();
  if(winWidth > 1024) {
   li_size = (clientWrap.width() + 30) / 6;
 } else if(winWidth > 768 && winWidth < 1025) {
   li_size = (clientWrap.width() + 30) / 4;
 } else {
   li_size = (clientWrap.width() + 30) / 2;
 }
 el.children().css({width:li_size});
 el.css({width:li_size*clientCount, left:-li_size*clientIndex});
};
var clientSlide = function() {
  var winWidth = $(window).width();
  var minusCount = 0;
  if(winWidth > 1024) {
    minusCount = 6;
  } else if(winWidth > 768 && winWidth < 1025) {
   minusCount = 4;
 } else {
   minusCount = 2;
 }
 btnPrev.removeClass('disabled');
 btnNext.removeClass('disabled');
 el.stop().animate({left:-li_size*clientIndex}, 450, function() {
   if(clientIndex < 1) {
    btnPrev.addClass('disabled');
  } else if(clientIndex >= clientCount - minusCount) {
    btnNext.addClass('disabled');
  }
});
};
btnPrev.click(function() {
  if(!el.is(':animated') && !$(this).hasClass('disabled')) {
   clientIndex--;
   clientSlide();
 }
});
btnNext.click(function() {
  if(!el.is(':animated') && !$(this).hasClass('disabled')) {
   clientIndex++;
   clientSlide();
 }
});
buttonPreload();
clientResizing();
$(window).bind('resize', function() {
  clientResizing();
});
});
// 폼메일 플레이스홀더
$(document).ready(function() {
 var form = $("#mainContainer #section9 .form-container");
 var name_field = form.find('input[name=name]'),
 phone_field = form.find('input[name=phone_no1]'),
 mail_field = form.find('input[name=receiver_email]'),
 desc_field = form.find('textarea[name=description]');
 company_field = form.find('input[name=add1]');
 company_field.attr('placeholder','회사명');
 name_field.attr('placeholder','담당자');
 phone_field.attr('placeholder','연락처');
 mail_field.attr('placeholder','이메일');
 desc_field.attr('placeholder','문의내용');
});
/*--------------------- 서브페이지 스크립트 ---------------------*/
$.urlParam = function(name){
  var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
  if (results==null){
   return null;
 }
 else{
   return decodeURI(results[1]) || 0;
 }
}
$(document).ready(function() {
 $(window).bind('load', function() {
  if($("#subVisual").length) $("#subVisual").addClass('load');
});
 var depthActive = function() {
  var topCount = $("#lnb > .lnb > li").length,
  subCount = 0;
  topName = [],
  subName = [],
  topURL = [],
  subURL = [],
  topDepth = $.urlParam('tm') - 1,
  subDepth = $.urlParam('sm') - 1,
  topHTML = "",
  subHTML = "";
  $("#lnb > .lnb > li").each(function(i) {
   topName[i] = $(this).children('a').text();
   topURL[i] = $(this).children('a').attr('href');
   i++;
 });
  topHTML += '<ul>';
  for(i=0; i<topCount; i++) {
   topHTML += '<li><a href="' + topURL[i] + '">' + topName[i] + '</a></li>';
 }
 topHTML += '</ul>';
 $("#breadcrumbs .depth1").append(topHTML);
 if(topDepth !== -1 && subDepth !== -1) {
   subCount = $("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().length;
   $("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().each(function(i) {
    subName[i] = $(this).find('a').text();
    subURL[i] = $(this).find('a').attr('href');
    i++;
  });
   subHTML += '<ul>';
   for(i=0; i<subCount; i++) {
    subHTML += '<li><a href="' + subURL[i] + '">' + subName[i] + '</a></li>';
  }
  subHTML += '</ul>';
  $("#breadcrumbs .depth2").append(subHTML);
  $("#breadcrumbs .depth1 > a").text($("#lnb > .lnb > li:eq(" + topDepth + ")").find('a:first').text());
  $("#breadcrumbs .depth2 > a").text($("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().eq(subDepth).find('a').text());
  $("#lnb > .lnb > li:eq(" + topDepth + ")").addClass('on open');
  $("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().eq(subDepth).addClass('on');
}
};
var visualActive = function() {
  var topDepth = $.urlParam('tm');
  if($("#subVisual").length) {
   var imgPath = "../img/";
   var imgName = "subvisual";
   var imgExt = "jpg";
   var depth_title = $("#lnb > .lnb > li:eq(" + (topDepth - 1) + ")").find('a:first').text();
   $("#subVisual .visual_img").attr('src', imgPath + imgName + topDepth + '.' + imgExt);
   $("#subVisual .title > h2").text(depth_title);
 }
};
$("#breadcrumbs .container > div > a").click(function(e) {
  e.preventDefault();
  if(!$(this).parent().hasClass('open')) {
   $("#breadcrumbs .container > div").removeClass('open');
   $("#breadcrumbs .container > div > ul").stop().slideUp(350);
   $(this).parent().addClass('open');
   $(this).siblings('ul').stop().slideDown(350);
 } else {
   $(this).parent().removeClass('open');
   $(this).siblings('ul').stop().slideUp(350);
 }
})
$(document).on('click', function(e) {
  if(!$(e.target).is('#breadcrumbs .container > div > a, #breadcrumbs .container > div > ul')) {
   $("#breadcrumbs .container > div").removeClass('open');
   $("#breadcrumbs .container > div > ul").stop().slideUp(350);
 }
});
depthActive();
visualActive();
});
// BUSINESS - 사업소개 페이지
$(document).ready(function() {
 var playButton = $("#play-promo-video");
 var videoURL;
 var videoHTML = '';
 var hoverItem = $("section.business-detail .detail-items > li");
 $("#play-promo-video").click(function() {
  if(!playButton.data('source')) {
   alert('영상 준비중입니다.');
 } else {
   videoURL = playButton.data('source');
   videoHTML += '<div id="promo-wrapper">';
   videoHTML += '<div class="mask-layer"></div>';
   videoHTML += '<div class="modal">';
   videoHTML += '<iframe width="100%" height="450" src="' + videoURL + '" frameborder="0" allowfullscreen></iframe>';
   videoHTML += '<button class="btn-close">';
   videoHTML += '<span class="closeline1"></span>';
   videoHTML += '<span class="closeline2"></span>';
   videoHTML += '</button>';
   videoHTML += '</div>';
   videoHTML += '</div>';
   $(this).addClass('btn-load');
   if($("#promo-wrapper").length) $("#promo-wrapper").remove();
   $("#container section.business-detail").append(videoHTML);
   $("#promo-wrapper iframe").load(function() {
    $("#promo-wrapper").fadeIn(300);
    $("#promo-wrapper").addClass('play');
    playButton.removeClass('btn-load');
  });
 }
});
 $(document).on('click', '#promo-wrapper > .mask-layer, #promo-wrapper .btn-close', function() {
  $("#promo-wrapper").removeClass('play');
  playButton.removeClass('btn-load');
  var removeSet = setTimeout(function() {
   $("#promo-wrapper").fadeOut(300, function() {
    $("#promo-wrapper").remove();
  });
 }, 300);
});
 hoverItem.mouseenter(function() {
  hoverItem.addClass('off');
  $(this).removeClass('off').addClass('on');
}).mouseleave(function() {
  hoverItem.removeClass('on off');
});
});
// BUSINESS - 사업분야 페이지
$(document).ready(function() {
 var clientWrap = $("#container .business-part3 #client-slide > .slides");
 var el = $("#container .business-part3 #client-slide > .slides > ul");
 var clientCount = el.children().length;
 var clientIndex = 0;
 var el_size;
 var li_size;
 var btnPrev = $("#container .business-part3 #client-slide .controller .prev");
 var btnNext = $("#container .business-part3 #client-slide .controller .next");
 var buttonPreload = function() {
  btnPrev.addClass('disabled');
};
var clientResizing = function() {
  var winWidth = $(window).width();
  if(winWidth > 768) {
   li_size = clientWrap.width() / 4;
 } else {
   li_size = clientWrap.width() / 2;
 }
 el.children().css({width:li_size});
 el.css({width:li_size*clientCount, left:-li_size*clientIndex});
};
var clientSlide = function() {
  var winWidth = $(window).width();
  var minusCount = 0;
  if(winWidth > 768) {
   minusCount = 4;
 } else {
   minusCount = 2;
 }
 btnPrev.removeClass('disabled');
 btnNext.removeClass('disabled');
 el.stop().animate({left:-li_size*clientIndex}, 450, function() {
   if(clientIndex < 1) {
    btnPrev.addClass('disabled');
  } else if(clientIndex >= clientCount - minusCount) {
    btnNext.addClass('disabled');
  }
});
};
btnPrev.click(function() {
  if(!el.is(':animated') && !$(this).hasClass('disabled')) {
   clientIndex--;
   clientSlide();
 }
});
btnNext.click(function() {
  if(!el.is(':animated') && !$(this).hasClass('disabled')) {
   clientIndex++;
   clientSlide();
 }
});
buttonPreload();
clientResizing();
$(window).bind('resize', function() {
  clientResizing();
});
});
// 게시판 전용 스크립트
$(document).ready(function() {
 var imgToButton = function() {
  var inputStyle = $("input[type=image]"),
  imgStyle = $("img");
  inputStyle.each(function() {
   var src = $(this).attr('src');
   if(src.indexOf('search.gif') > -1) {
    $(this).before('<input type="submit" id="btn-search" class="btn btn-function" value="검색">');
    $(document).on('click', '#btn-search', function() {
     $(this).next('input[type=image]').trigger('click');
   });
    $(this).hide();
  }
  if(src.indexOf('confirm.gif') > -1) {
    $(this).before('<input type="submit" id="btn-confirm" class="btn btn-function" value="작성완료">');
    $(this).hide();
  }
});
  imgStyle.each(function() {
   var src = $(this).attr('src');
   var event = $(this).attr('onclick');
   if(src.indexOf('btn_sdel.gif') > -1) {
    $(this).before("<button class='btn btn-admin' onclick='" + event + "'>삭제</button>");
    $(this).remove();
  }
  if(src.indexOf('move.gif') > -1) {
    $(this).before("<button class='btn btn-admin' onclick='" + event + "'>이동</button>");
    $(this).remove();
  }
  if(src.indexOf('copy.gif') > -1) {
    $(this).before("<button class='btn btn-admin' onclick='" + event + "'>복사</button>");
    $(this).remove();
  }
  if(src.indexOf('prev.gif') > -1) {
    $(this).parent().addClass('btn btn-default').text('이전');
  }
  if(src.indexOf('list.gif') > -1) {
    $(this).parent().addClass('btn btn-default').text('목록보기');
  }
  if(src.indexOf('next.gif') > -1) {
    $(this).parent().addClass('btn btn-default').text('다음');
  }
  if(src.indexOf('spam.gif') > -1) {
    $(this).before('<button class="btn btn-danger" onclick="' + event + '">스팸신고</button>');
    $(this).remove();
  }
  if(src.indexOf('modify.gif') > -1) {
    $(this).parent().addClass('btn btn-admin').text('수정');
  }
  if(src.indexOf('delete.gif') > -1) {
    $(this).parent().addClass('btn btn-admin').text('삭제');
  }
  if(src.indexOf('reply.gif') > -1) {
    $(this).parent().addClass('btn btn-default').text('답글쓰기');
  }
  if(src.indexOf('write.gif') > -1) {
    $(this).parent().addClass('btn btn-function').text('글작성');
  }
  if(src.indexOf('btn_confirm.gif') > -1) {
    $(this).parent().addClass('btn btn-function').text('접수하기');
  }
  if(src.indexOf('cancel.gif') > -1) {
    $(this).parent().addClass('btn btn-default').text('취소');
  }
});
}
var setRelation = function() {
  var board = $("table[class^=tbl-brd]");
  var header = board.find('.att_title');
  header.each(function() {
   $(this).attr('rel', $.trim($(this).text()));
 });
}
var setPhotoOverlay = function() {
  var inner = $(".photo-grid-inner");
  var posts = inner.children('table');
  var subject = [],
  category = [];
  var overlay = '';
  posts.each(function(i) {
   var _this = $(this);
   if(_this.find('.gallery_subject').length) {
    subject[i] = $.trim(_this.find('.gallery_title').text());
    category[i] = $.trim(_this.find('.gallery_etc').text().replace('[','').replace(']',''));
    overlay += '<div class="overlay"></div>';
    overlay += '<div class="post-info">';
    overlay += '<h3 class="title">' + subject[i] + '</h3>';
    overlay += '<span>' + category[i] + '</span>';
    overlay += '</div>';
    _this.find('.gallery_subject').parent('tr').remove();
    _this.find('.gallery_etc').parent('tr').remove();
    _this.find('.bbsnewf5 > table tr:first-child > td a').append(overlay);
    i++;
    overlay = '';
  }
  if(!_this.hasClass('board')) _this.addClass('sort-items');
});
}
var setCategory = function() {
  var cate_name = [];
  var cate_id = [];
  var cate_link = '';
  var cateItems = $(".board-category select option");
  var currURL = $(location).attr('pathname');
  var topDepth = $.urlParam('tm');
  var subDepth = $.urlParam('sm');
  var param = '?tm=' + topDepth + '&sm=' + subDepth + '&com_board_category_code=';
  var currCategory = $.urlParam('com_board_category_code');
  if(cateItems.length) {
   cateItems.each(function(i) {
    cate_id[i] = $(this).val();
    cate_name[i] = $(this).text();
    i++;
  });
   cate_link = '<ul>';
   for(i=0; i<cateItems.length; i++) {
    cate_link += '<li data-category="' + cate_id[i] + '"><a href="' + currURL + param + cate_id[i] + '">' + cate_name[i] + '</a></li>'
  }
  cate_link += '</ul>';
  $(".board-category").html(cate_link);
  $(".board-category > ul > li[data-category=" + currCategory + "]").addClass('active');
  if(!currCategory) $(".board-category > ul > li:first-child").addClass('active');
}
}
var faqPosts = $(".tbl-brd-faq .titdesign");
var loadAnswer = function() {
  if(faqPosts.length) {
   var replyRows = '';
   var reply = [];
   var replyURL = [];
   faqPosts.each(function(i) {
    var $this = $(this);
    replyURL[i] = $this.find('a').attr('href');
    $.ajax({
     url: replyURL[i],
     async: false,
     cache: false,
     dataType: 'html',
     type: 'GET',
     contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
     beforeSend: function(jqXHR) {
      jqXHR.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
    },
    success: function(data) {
      reply[i] = $(data).find('#post_area').html();
      replyRows += '<tr class="reply-row">';
      replyRows += '<td colspan="6">';
      replyRows += '<p class="reply-block">A</p>';
      replyRows += '<div class="reply-container">' + reply[i] + '</div>';
      replyRows += '</td>';
      replyRows += '</tr>';
      $this.after(replyRows);
      replyRows = '';
    },
    error: function(response) {
      console.log(response);
    }
  })
    i++;
  });
 }
}
faqPosts.click(function(e) {
  var row = $(this).find('.bbsnewf5');
  if(!$(".board_admin_bgcolor").length) {
   e.preventDefault();
   if(!row.hasClass('open')) {
    $('.bbsnewf5').removeClass('open');
    $('.reply-row').removeClass('open');
    row.addClass('open');
    $(this).next('.reply-row').addClass('open');
  } else {
    $('.bbsnewf5').removeClass('open');
    $(this).next('.reply-row').removeClass('open');
  }
}
});
imgToButton();
setRelation();
setCategory();
setPhotoOverlay();
loadAnswer();
});