$(function() {
 $("#callNav").click(function() {
  var gnb = $("#gnb");
  if(!$(this).hasClass('active')) {
   $(this).addClass('active');
   gnb.stop(true,false).animate({right:0}, 300, 'easeOutQuart');
   $("body").addClass('scroll');
  } else {
   $(this).removeClass('active');
   gnb.stop(true,false).animate({right:'-100%'}, 300, 'easeInQuart');
   $("body").removeClass('scroll');
  }
 });
 $("#gnb ul.nav > li").bind('click mouseenter mouseleave', function(e) {
   var winWidth = $(window).width();
   if(e.type === 'mouseenter') {
      if(winWidth > 768) {
        $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
        $("#gnb ul.nav > li").removeClass('on');
        $(this).addClass('on');
        $(this).find('ul.sub').stop(true,false).fadeIn(200);
      }
   } else if(e.type === 'mouseleave') {
      if(winWidth > 768) {
        $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
        $("#gnb ul.nav > li").removeClass('on');
      }
   } else if(e.type === 'click') {
      if(winWidth < 769) {
        if(!$(this).hasClass('on')) {
           e.preventDefault();
          $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
          $("#gnb ul.nav > li").removeClass('on');
          $(this).addClass('on');
          $(this).find('ul.sub').stop(true,false).fadeIn(200);
        } else {
          $(this).removeClass('on');
          $(this).find('ul.sub').stop(true,false).fadeOut(200);
        }
      }
   }
 });
/* ÀÌÀü ¸Þ´º ¼Ò½º (¹é¾÷¿ë)
 $("#gnb ul.nav > li").mouseenter(function() {
  $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
  $("#gnb ul.nav > li").removeClass('on');
  $(this).addClass('on');
  $(this).find('ul.sub').stop(true,false).fadeIn(200);
 });
 $("#gnb ul.nav > li").mouseleave(function(e) {
  $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
  $("#gnb ul.nav > li").removeClass('on');
 });
 */
 $("#scrollTop a").click(function(e) {
  e.preventDefault();
  $("html, body").stop(true,true).animate({scrollTop:0}, 600, 'easeOutQuart');
 });
 function gnbActive() {
  var mnuIndex = $("#container").data('depth');
  var _li = $("#gnb .nav li");
  _li.each(function() {
   if($(this).data('menu') === mnuIndex && $(this).data('menu')!='') {
    $(this).addClass('active');
   }
  });
 }
 function subActive() {
  if(!$("body").hasClass('main')) {
   $("#callNav").addClass('sub');
   $("#header h1 img").attr('src','http://tpdiamond.cafe24.com/default/img/logo_color.png');
  } else {
   $("#callNav").removeClass('sub');
   $("#header h1 img").attr('src','http://tpdiamond.cafe24.com/default/img/logo.png');
  }
  if(!$("body").hasClass('main') && $("#container").hasClass('visual')) {
   $("#header h1 img").attr('src','http://tpdiamond.cafe24.com/default/img/logo.png');
  } else if(!$("body").hasClass('main') && !$("#container").hasClass('visual')) {
   $("#header h1 img").attr('src','http://tpdiamond.cafe24.com/default/img/logo_color.png');
  }
 }
 gnbActive();
 subActive();
});
$(function() {
 function textEffect() {
  $("ul.text_effect p .color1").stop(true,false).animate({width:'100%'}, 1000, 'easeInOutCubic', function() {
   $("ul.text_effect p .color2").stop(true,false).animate({width:'100%'}, 1000, function() {
    $("ul.text_effect p .color1").css({width:0});
    $("ul.text_effect p .color2").css({width:0});
    textEffect();
   });
  });
 }
 if($("#sub_visual .visual_tit").length > 0) {
  $("#sub_visual .visual_tit ul p").animate({left:'-200px', opacity:0});
  $("#sub_visual .visual_tit ul").animate({left:'-200px', opacity:0}, 0, function() {
   $("#sub_visual .visual_tit ul").animate({left:'0', opacity:1}, 800);
   $("#sub_visual .visual_tit ul p").animate({left:'0', opacity:1}, 1000);
  });
 }
 if($("ul.text_effect").length > 0) {
  textEffect();
 }
});
$(function() {
 var photoIndex = 1;
 var swipeIndex = 0;
 if($("#photo_swipe").length > 0) {
  var wSize = $("#photo_swipe").width();
  var count = $("#photo_swipe ul li").length;
  $("#photo_swipe ul").css({width:wSize * count + 'px'});
  $("#photo_swipe ul li").css({width:wSize+'px'});
 }
 function slide_resize(img) {
  var zh = 64;
  var vh = (img.height() - zh) / 2;
  img.find('.zoom').css({top:vh + 'px'});
 }
 function slide_init() {
  var pcount = Math.ceil($("#photo_list li").length / 4);
  var mcount = $("#photo_swipe ul li").length;
  $("#container .section_con .photo_slide .paging span.all").text(pcount);
  $("#container .section_con .photo_slide .paging_m span.all").text(mcount);
 }
 function photo_slide() {
  var count = Math.ceil($("#photo_list li").length / 4);
  var mcount = $("#photo_swipe ul li").length;
  var imgSize = $("#photo_swipe ul li:first").width();
  if(photoIndex<1) {
   photoIndex = 1;
  } else if(photoIndex>count) {
   photoIndex = count;
  } else {
   $("#photo_list li").css({display:'none'});
   $("#photo_list li.page" + photoIndex).css({display:'block'});
   $("#container .section_con .photo_slide .paging span.current").text(photoIndex);
  }
 }
 function swipe_left() {
  var imgSize = $("#photo_swipe ul li:first").width();
  var mcount = $("#photo_swipe ul li").length;
  if(swipeIndex<0) {
   swipeIndex = mcount - 1;
  }
  $("#photo_swipe ul").css({left:-imgSize+'px'});
  $("#photo_swipe ul li:first").before($("#photo_swipe ul li:last"));
  $("#photo_swipe ul").stop(true,false).animate({left:0}, 300, 'easeOutCubic', function() {
   $("#container .section_con .photo_slide .paging_m span.current").text(swipeIndex+1);   
  });
 }
 function swipe_right() {
  var imgSize = $("#photo_swipe ul li:first").width();
  var mcount = $("#photo_swipe ul li").length;
  if(swipeIndex>=mcount) {
   swipeIndex = 0;
  }
  $("#photo_swipe ul").stop(true,false).animate({left:-(imgSize) + 'px'}, 300, 'easeOutCubic', function() {
   $("#photo_swipe ul li:last").after($("#photo_swipe ul li:first"));
   $("#photo_swipe ul").css({left:0});
   $("#container .section_con .photo_slide .paging_m span.current").text(swipeIndex+1);   
  });
 }
 $("#photo_prev").click(function() {
  photoIndex--;
  photo_slide();
 });
 $("#photo_next").click(function() {
  photoIndex++;
  photo_slide();
 });
 $("#photo_prev_m").click(function() {
  swipeIndex--;
  swipe_left();
 });
 $("#photo_next_m").click(function() {
  swipeIndex++;
  swipe_right();
 });
 if($("#photo_swipe").length > 0) {
  $("#photo_swipe").swipe({
   swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
      if(direction == "left"){ 
          swipeIndex++;
          swipe_right();
      } else if(direction == "right"){ 
          swipeIndex--;
          swipe_left();
       threshold:0
    }
   }
  });
 }
 $("#photo_list li").mouseenter(function() {
  $(this).find('a').css({display:'block'});
  slide_resize($(this));
 }).mouseleave(function() {
  $(this).find('a').css({display:'none'});
 });
 
 slide_init();
});
$(function() {
 var popIndex = 0;
 var popCount = $("#imgPopup .img_wrap ul li").length;
 function popImgFade() {
  if(popIndex < 0) {
   popIndex = popCount - 1;
  } else if(popIndex >= popCount) {
   popIndex = 0;
  }
  var imgTitle = $("#imgPopup .img_wrap ul li").eq(popIndex).find('img').attr('alt');
  console.log(popIndex);
  $("#imgPopup .img_wrap ul li").removeClass('on');
  $("#imgPopup .img_wrap ul li").eq(popIndex).css({opacity:0});
  $("#imgPopup .img_wrap ul li").stop(true,true).eq(popIndex).animate({opacity:1}, 500, 'easeOutCubic');
  $("#imgPopup .img_wrap ul li").eq(popIndex).addClass('on');
  $("#imgPopup p.tit").text(imgTitle);
 }
 $("#img_popup_wrap .pop_prev").click(function() {
  popIndex--;
  popImgFade();
 });
 $("#img_popup_wrap .pop_next").click(function() {
  popIndex++;
  popImgFade();
 });
 $("#img_popup_wrap .pop_close").click(function() {
  $("#img_popup_wrap").css({visibility:'hidden'});
 });
 $("#photo_list li").click(function() {
  var idx = $(this).index();
  var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
  var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
  popIndex = idx;
  $("#img_popup_wrap").css({display:'block', visibility:'visible'});
  $("#imgPopup").css({left:pop_w + 'px', top:pop_h + 'px'});
  popImgFade();
 });
});
$(window).load(function() {
 if($("#sub_visual").length > 0) {
  $("#sub_visual img").addClass('load');
 }
});
$(window).scroll(function() {
 var _top = $(this).scrollTop();
 if(_top > 40) {
  if(!$("#header").hasClass('scroll')) {
   $("#header").addClass('scroll');
   $("#scrollTop").stop(true,false).fadeIn(300);
  }
 } else {
  $("#header").removeClass('scroll');
  $("#scrollTop").stop(true,false). fadeOut(300);
 }
});
$(window).resize(function() {
 if($("#photo_swipe").length > 0) {
  var wSize = $("#photo_swipe").width();
  var count = $("#photo_swipe ul li").length;
  $("#photo_swipe ul").css({width:wSize * count + 'px', left:0});
  $("#photo_swipe ul li").css({width:wSize + 'px'});
 }
 if($("#imgPopup").length > 0) {
  var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
  var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
  $("#imgPopup").css({left:pop_w + 'px', top:pop_h + 'px'});
 }
});