"use strict";
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53901796-14', 'auto');
ga('send', 'pageview');

$(document).ready(function(){
  // modify 151015
  function bannerOpen(){
    $(".banner").fadeOut(500);
    $(".banner_xs").fadeIn(500);
  }
  function bannerClose(){
    $(".banner").fadeIn(500);
    $(".banner_xs").fadeOut(500);
  } 
  // modify 151015
  $(".banner .btn_close").bind("click",function(){
    bannerOpen();
  })
    $(".banner_xs").bind("click",function(){
    bannerClose();
    return false;
  })
  
  var sIeMp4 = '/res/lostkingdom/video/teasing150731/movie_ie.mp4'
    , sMoMp4 = '/res/lostkingdom/video/teasing150731/movie_mo.mp4';
  var kUrl = '/lostkingdom/kakaoCountApi'
    , rUrl = '/lostkingdom/teasing/pre_register'
    , nCallCycle = 60000;
  var sIsMobile = $( '#h_ismobile' ).val()
    , sIosUrl = $( '#h_ios' ).val()
    , sAosUrl = $( '#h_aos' ).val();
  var oUrl = {
    f33 : './',
    fa : 'https://www.facebook.com/433games',
    yu : 'https://youtu.be/AihdAyp5VFw'
  }; 
  var _this = window;
  var func = {
    init : function(){
      if( sIsMobile ){
        $(".btn_prev").click(function(){
          $(".slide_img ul").animate({left: "0px"}, 200);
        });
        $(".btn_next").click(function(){
          $(".slide_img ul").animate({left: "-284px"}, 200);
        });
        
        $("#popup_wrap").hide();
        $(".btn_update_detail a").click(function(){
          $("#popup_wrap").show();
        });
        $(".btn_pop_close").click(function(){
          $("#popup_wrap").hide();
        });
        $('.list a').click(function(){
          if( $(this).parent().data( 'type' ) != 'movie' ){
            $('.media_pop img').attr('src',$(this).attr('href'));
            $('.media_pop').toggle();
            return false;
          }
        });
        if($('.story_txt').length > 0){
          $('.story_txt').flexslider({
            animation: "slide",
            directionNav: false,
            slideshow: false
          });
        }
        $( 'a[name=a_menu]' ).click(function(){
          $( location ).attr( 'href',  rUrl + '/co' + '/' + $(this).data( 'type' ) );
          return false;
        });
      } else {
        func.mSize();
        func.imgSize();
        $(window).resize(function(){ func.mSize();func.imgSize(); });
        $('body').addClass(func.detectIE());
        
/*
        if( !func.isSafari() ){
          var oVideo = document.getElementById( 'bgVideo' );
          (function(){
            function mp4Load(){
              var sMp4Url = (func.isIe()) ? sIeMp4 : sMoMp4;
              $( '#bgVideo source' ).attr( 'src', sMp4Url );
              oVideo.autoplay = true;
              oVideo.muted = true;
              oVideo.loop = true;
              oVideo.load();
              var nReadyState = $( '#bgVideo').get(0).readyState;
              if( nReadyState == 4 ){
                if( $( '#bgVideo' ).parent().css( 'display' ) == 'none' )
                  $( '#bgVideo' ).parent().show();
              }
            };
            if( !func.isIe() ) mp4Load();
            var intvMp4LoadChk = setInterval(function(){
              var nReadyState = $( '#bgVideo').get(0).readyState;
              if( nReadyState == 4 ){
                if( $( '#bgVideo' ).parent().css( 'display' ) == 'none' )
                  $( '#bgVideo' ).parent().show();
                clearInterval( intvMp4LoadChk );
              } else {
                $( '#bgVideo' ).parent().hide();
                mp4Load();
              }
            }, 1000);
          })();
        }
*/
        /* ¾×¼Ç */
        $( 'a[name=btn_view]' ).click(function(){ func.openPop1(); });
        $( '.btn_close' ).click(function(){ func.closePop(); });
        $( '.btn_yb' ).click(function(){ window.open( oUrl.yu ); });
        $( '.top_bar strong' ).css( 'cursor', 'pointer' )
          .click(function(){ window.open( oUrl.f33 ); });
        /* ---- */
        $("#cirButton area").mouseenter((function(){
          $("#curImg").css({"background-position-x":"-"+this.alt+"px"});
        })).mouseleave(function(){
          $("#curImg").css({"background-position-x":"0"});
        });
        $('.btn_play').mouseenter(function(){$(this).addClass('on')});
        $('.btn_play').mouseleave(function(){$(this).removeClass('on')});
        $('.nav').css('margin-bottom',-$('.nav').height()/2);
        $('.nav').mouseenter(function(){$(this).addClass('on')});
        $('.nav').mouseleave(function(){$(this).removeClass('on')});
        func.scrollContents('.websre');
        /* ȸ»ç¼Ò°³ */
        $('.intro_tab a').click(function(){
          var cNum = $(this).index();
          $('.intro_tab a').removeClass('on');
          $('.scroll_wrap .intro_con').removeClass('on');
          $('.intro_tab a').eq(cNum).addClass('on');
          $('.scroll_wrap .intro_con').eq(cNum).addClass('on');
          $('.scroll_wrap').scrollTop(0);
          return false;
        });
        $('.intro a').click(function(){
          $('.pop_intro').toggle();
          var cNum = $(this).index();
          $('.intro_tab a').removeClass('on');
          $('.scroll_wrap .intro_con').removeClass('on');
          $('.intro_tab a').eq(cNum).addClass('on');
          $('.scroll_wrap .intro_con').eq(cNum).addClass('on');
          $('.scroll_wrap').scrollTop(0);
          return false;
        });
        $('.pop_intro .btn_close').click(function(){
          $('.pop_intro').toggle();
          return false;
        });
        $('.pop_intro .btn_close_bg').click(function(){
          $('.pop_intro').toggle();
          return false;
        });
  
  
  
  /* »ç¾÷¼Ò°³ */
        $('.business_tab a').click(function(){
          var cNum = $(this).index();
          $('.business_tab a').removeClass('on');
          $('.scroll_wrap .business_con').removeClass('on');
          $('.business_tab a').eq(cNum).addClass('on');
          $('.scroll_wrap .business_con').eq(cNum).addClass('on');
          $('.scroll_wrap').scrollTop(0);
          return false;
        });
        $('.business a').click(function(){
          $('.pop_business').toggle();
          var cNum = $(this).index();
          $('.business_tab a').removeClass('on');
          $('.scroll_wrap .business_con').removeClass('on');
          $('.business_tab a').eq(cNum).addClass('on');
          $('.scroll_wrap .business_con').eq(cNum).addClass('on');
          $('.scroll_wrap').scrollTop(0);
          return false;
        });
        $('.pop_business .btn_close').click(function(){
          $('.pop_business').toggle();
          return false;
        });
        $('.pop_business .btn_close_bg').click(function(){
          $('.pop_business').toggle();
          return false;
        });


/* ä¿ëÁ¤º¸*/
        $('.recruit_tab a').click(function(){
          var cNum = $(this).index();
          $('.recruit_tab a').removeClass('on');
          $('.scroll_wrap .recruit_con').removeClass('on');
          $('.recruit_tab a').eq(cNum).addClass('on');
          $('.scroll_wrap .recruit_con').eq(cNum).addClass('on');
          $('.scroll_wrap').scrollTop(0);
          return false;
        });
        $('.recruit a').click(function(){
          $('.pop_recruit').toggle();
          var cNum = $(this).index();
          $('.recruit_tab a').removeClass('on');
          $('.scroll_wrap .recruit_con').removeClass('on');
          $('.recruit_tab a').eq(cNum).addClass('on');
          $('.scroll_wrap .recruit_con').eq(cNum).addClass('on');
          $('.scroll_wrap').scrollTop(0);
          return false;
        });
        $('.pop_recruit .btn_close').click(function(){
          $('.pop_recruit').toggle();
          return false;
        });
        $('.pop_recruit .btn_close_bg').click(function(){
          $('.pop_recruit').toggle();
          return false;
        });
  
  
  
        
        $('.portfolio .article').each(function(e){
          $('.portfolio .wrap_nav').append('<a href="#none" onclick="func.portfolioClick('+e+');return false;"></a>');
        }); 
        $('.portfolio .wrap_nav a').eq(0).addClass('on');
        $('.portfolio .btn_left').click(function(){
          var tDom = $(this).parent();
          var nNum = parseInt(tDom.find('.wrap_article').attr('name'));
          nNum--;
          if ( nNum < 0 ) nNum = tDom.find('.article').length-1;
          tDom.find('.wrap_article').attr('name',nNum);
          tDom.find('.wrap_in').css('left',-nNum*100+'%');
          tDom.find('.wrap_nav a').removeClass('on').eq(nNum).addClass('on');
          return false;
        });
        $('.portfolio .btn_right').click(function(){
          var tDom = $(this).parent();
          var nNum = parseInt(tDom.find('.wrap_article').attr('name'));
          nNum++;
          if ( nNum > tDom.find('.article').length-1 ) nNum = 0;
          tDom.find('.wrap_article').attr('name',nNum);
          tDom.find('.wrap_in').css('left',-nNum*100+'%');
          tDom.find('.wrap_nav a').removeClass('on').eq(nNum).addClass('on');
          return false;
        });
        $('.chr_icon a').click(function(){
          var cArticle = $(this).parent().parent();
          var cNum = $(this).index();
          cArticle.find('.chr_icon a').removeClass('on');
          cArticle.find('.chr_icon a').eq(cNum).addClass('on');
          cArticle.find('.visual').removeClass('on');
          cArticle.find('.visual').eq(cNum).addClass('on');
          return false;
        });
        /* inquiry */
        $('.inquiry .inquiry_tab a').click(function(){
          var eqN = $(this).index();
          $('.inquiry .inquiry_tab a').removeClass('on');
          $('.inquiry .inquiry_tab a').eq(eqN).addClass('on');
          $('.inquiry .wrap_article').removeClass('on');
          $('.inquiry .wrap_article').eq(eqN).addClass('on');   
          return false;
        });
        $('.inquiry .wrap_nav a').click(function(){
          var eqN = $(this).index();
          var tD = $(this).parent().parent();
          tD.find('.article').removeClass('on');
          tD.find('.article').eq(eqN).addClass('on');
          tD.find('.wrap_nav a').removeClass('on');
          tD.find('.wrap_nav a').eq(eqN).addClass('on');
          return false;
        });
        $('.inquiry .btn_left').click(function(){
          var tD = $(this).parent();
          if ( tD.find('.wrap_nav a.on').prev().length > 0 ) tD.find('.wrap_nav a.on').prev().click();
          else tD.find('.wrap_nav a:last').click();
          return false;
        });
        $('.inquiry .btn_right').click(function(){
          var tD = $(this).parent();
          if ( tD.find('.wrap_nav a.on').next().length > 0 ) tD.find('.wrap_nav a.on').next().click();
          else tD.find('.wrap_nav a:first').click();
          return false;
        });
      }
      $( '.btn_fb' ).click(function(){ window.open( oUrl.fa ); });
      $( '[name=a_aos]' ).click(function(){ $( location ).attr( 'href', sAosUrl ); return false; });
      $( '[name=a_ios]' ).click(function(){ $( location ).attr( 'href', sIosUrl ); return false; });
      func.callApi();
    }, isSafari : function(){
      if( _this.navigator.userAgent.indexOf( 'Chrome' ) == -1 && 
          _this.navigator.userAgent.indexOf( 'Safari' ) >= 0 ) return true;
      else return false;
    }, isIe : function(){
      if( _this.navigator.appName == "Microsoft Internet Explorer" || 
          _this.navigator.userAgent.indexOf( 'Trident' ) >= 0 ) 
        return true;
      else return false;
    
    }, commaNum : function( num ){
      var len, point, str;
      num = num + "";
      point = num.length % 3
      len = num.length;
      str = num.substring(0, point);
      while (point < len) {
        if (str != "") str += ",";
        str += num.substring(point, point + 3);
        point += 3;
      }
      return str;
    /* 1-1. Ä«Ä«¿ÀÅå API È£Ãâ */ 
    }, callApi : function(){
      $.post( kUrl, {}, function( ret ){
        if( ret.status == 200 ){
          var nEntries = ret.preregistration.registration_statistics.number_of_entries;
          $( '#s_entry_num' ).html( func.commaNum( nEntries ) ); 
          func.syncCount();
        } else 
          console.log( 'error : ' + ret.err );
      }, 'json').fail(function( err ){
        console.log( 'error : ' + err.responseText ); 
      });
    /* 1-2. Ä«¿îÆà animation */
    }, syncCount : function(){
      $( '.number' ).html( '' );
      var number = $('.num').text();
      number = $.trim(number).split('');
      for(var i=0;i<number.length;i++){
        if ( number[i] == ',')
          $('<i></i>').appendTo('.number');
        else $('<span><em></em></span>').appendTo('.number');
      }
      setTimeout(function(){
        for( var q=0;q<number.length;q++ ){
          if( number[q] != ',' ){
            if( sIsMobile )
              $('.number > *').eq(q).find('em').css('bottom', -550-number[q]*55).css('transition', 4+'s all '+((10-q)/10)+'s');
            else
              $('.number > *').eq(q).find('em').css('bottom',-1650-number[q]*165).css('transition',4+'s all '+((10-q)/10)+'s');
          }
        }
      }, 500);
      
      /* modify 151015 */
      $("#lost_kingdom .banner .btn_close").bind("click",function(){
        $(".banner").hide();
        return false;
      });
      
      setTimeout(function(){
        func.callApi();
      }, nCallCycle);
    }, detectIE : function(){ 
      var bStyle = document.body.style;
      if( !('msTransition' in bStyle) && !('transition' in bStyle) ) return 'oldB';
      if( !('transition' in bStyle) ) return 'oldB';
      else return 'newB';   
    /* 2. ¸Þ´º ¾Ö´Ï¸ÞÀÌ¼Ç */
    }, scrollContents : function(scrollClass) {
        /* Set */
        window.eventClass = scrollClass;
        window.nowSection = 0;
        var scrollDelay = 400
        , maxSection = $(eventClass).find('.section').length - 1;
        /* Mouse wheel event */
        function setMEvent() {
          //Firefox  
          $(eventClass).bind('DOMMouseScroll', function(e) {
            if (e.originalEvent.detail > 0) { scrollAction('down'); } else { scrollAction('up'); };
            return false;
          });
          //IE, Opera, Safari  
          $(eventClass).bind('mousewheel', function(e) {
            if (e.originalEvent.wheelDelta < 0) { scrollAction('down'); } else { scrollAction('up'); };
            return false;
          });
        }
        /* Scroll motion */
        function scrollAction(upDown) {  
          if ( $(eventClass).hasClass('scrollOn') ) {
            $(eventClass).removeClass('scrollOn');
            setTimeout( function(){ $(eventClass).addClass('scrollOn'); } , scrollDelay );
            if ( upDown == "up" ) { 
              if ( nowSection < 1 ) { }
              else if ( nowSection > 0 ) {
                nowSection--; 
              }
              func.sectionChange();
            }
            else if ( upDown == "down" ) { 
              if ( nowSection > maxSection - 1 ) { }
              else if ( nowSection < maxSection +1 ) {
                $('.members .wrap_in').css('left','0');
                nowSection++; 
              }
              func.sectionChange();
            }    
          }
          else { return false; } 
        }
        function scrollMotion() {}
        setMEvent();
    }, goToLink : function(sectionNum) {
      nowSection = sectionNum-1 ; 
      func.sectionChange();
    }, sectionChange : function() {
      
    //var vidTag = document.createElement('video');
    //if ( nowSection < 1){
    //  if (typeof vidTag.canPlayType == 'undefined') {}
    //  else {//bgVideo.play(); } 
    //}
    //else{
    //  if (typeof vidTag.canPlayType == 'undefined') {}
    //  else {//bgVideo.pause(); } 
    //}
      $(eventClass).find('.section').removeClass('up');
      $(eventClass).find('.section').each(function(e){
        if ( e < nowSection ) {
          $(this).addClass('up');
        } else if ( $(".section7").hasClass('up') ) {
          $("#btmBtn").css('display','inline-block');
        } else {
          $("#btmBtn").css('display','none');
        }
      });
      $(eventClass).attr('id','section'+(nowSection+1));
      $('.nav').css('margin-bottom',-$('.nav').height()/2);
      
      /* modify 151015 */
      bannerOpen();
    }, mSize : function(){
      var wr = $(window).height() / $(window).width();
      if ( wr > 0.6 ) {
        $('.movie').css('height',$(window).height());
        $('.movie').css('margin-left',-$(window).height()*10/12);
        $('.movie').css('width',$(window).height()*10/6);  
      }
      else {
        $('.movie').css('width',$(window).width());
        $('.movie').css('margin-left',-$(window).width()/2);
        $('.movie').css('height',$(window).width()*6/10);
      } 
      
    }, portfolioClick : function(aNum){
      var tDom = $('.portfolio');
      var nNum = aNum;
      tDom.find('.wrap_article').attr('name',nNum);
      tDom.find('.wrap_in').css('left',-nNum*100+'%');
      tDom.find('.wrap_nav a').removeClass('on').eq(nNum).addClass('on');
      return false;
    }, imgSize : function(){
      var wr = $(window).height() / $(window).width();
      if ( wr > 0.6 ) {
        $('.section_bg img').css('height',$(window).height());
        $('.section_bg img').css('margin-left',-$(window).height()*10/12);
        $('.section_bg img').css('width',$(window).height()*10/6);  
      }
      else {
        $('.section_bg img').css('width',$(window).width());
        $('.section_bg img').css('margin-left',-$(window).width()/2);
        $('.section_bg img').css('height',$(window).width()*6/10);
      } 
    }, openMovie : function( murl ){
      $('#pop_media').css('display','block'); 
      $('#pop_media .pop_movie').append('<iframe width="930" height="518" src="'+murl+'" frameborder="0" allowfullscreen></iframe>');
    }, closeMovie : function(){
      $('.modal .pop_movie iframe').remove();
      $('#pop_media').css('display','none');
    }, openMedia : function( murl ){
      $('#pop_media .pop_movie').empty();
      $('#pop_media').css('display','block'); 
      $('#pop_media .pop_movie').append('<img src="'+murl+'" />');
    }, closeMedia : function(){
      $('#pop_media .pop_movie').empty();
      $('#pop_media').css('display','none');
    }, openPop1 : function(){
      $('#pop_common').css('display','block'); 
      var vidTag = document.createElement('video');
      if (typeof vidTag.canPlayType != 'undefined')
        //bgVideo.pause();
      $('#pop_common .pop_movie').append( 
        '<iframe width="930" height="518" src="" ' + 
          'frameborder="0" allowfullscreen></iframe>');
    }, openPop2 : function(){
      $('#pop_common').css('display','block'); 
      var vidTag = document.createElement('video');
      if (typeof vidTag.canPlayType != 'undefined')
        //bgVideo.pause();
      $('#pop_common .pop_movie').append( 
        '<iframe width="930" height="518" src="" ' + 
          'frameborder="0" allowfullscreen></iframe>');
    }, closePop : function(){
      $('#pop_common .pop_movie').empty();
      var vidTag = document.createElement('video');
      if (typeof vidTag.canPlayType != 'undefined')
        //bgVideo.play();
      $('#pop_common').css('display','none');
    }
  };
  func.init();
  window.func = func;
});

$(function() {
   $(".websre .nav a").click(function() {
     if($(this).is(':last-child')) {
        $("#btmBtn").css({display:'inline-block'});
     } else {
        $("#btmBtn").css({display:'none'});
     }
   });
});

$(window).scroll(function() {
    alert('ÁغñÁßÀÔ´Ï´Ù.');

});