/**
 * Created by admin on 2017/12/26.
 */
require(['config'], function () {
  require(['jquery', 'utils', 'swiper'], function ($, utils, Swiper) {
    $(function () {
      var createdLoginMask = function  (m) {
        var actoveNav,
            activeCnt,
            html;
        html = '<div class="u-FullMask" id="js-LoginMask">\n' +
          '    <div class="u-Dialog">\n' +
          '      <div class="u-Dialog_nav">\n' +
          '        <ul>\n' +
          '          <li class="active">登陆</li>\n' +
          '          <li>注册</li>\n' +
          '        </ul>\n' +
          '        <img src="./images/close_icon2.svg" class="close" alt="">' +
          '      </div>\n' +
          '      <div class="u-Dialog_cnt">\n' +
          '        <div class=" u-Dialog__login">\n' +
          '          <div class="u-form-group u-form-group__merge">\n' +
          '            <input type="text" placeholder="用户名">\n' +
          '            <input type="text" placeholder="密　码">\n' +
          '          </div>\n' +
          '          <div class="u-form-group">\n' +
          '            <input type="button" value="登陆" class="js-login">\n' +
          '          </div>\n' +
          '          <a href="../find-pwd.html" class="forget">忘记密码</a>\n' +
          '        </div>\n' +
          '        <div class="u-Dialog__sign">\n' +
          '          <div class="u-form-group">\n' +
          '            <input type="text" placeholder="用户名">\n' +
          '          </div>\n' +
          '          <div class="u-form-group">\n' +
          '            <input type="text" placeholder="设置密码">\n' +
          '          </div>\n' +
          '          <div class="u-form-group">\n' +
          '            <input type="text" placeholder="确认密码">\n' +
          '          </div>\n' +
          '          <div class="u-form-group u-form-group__varify">\n' +
          '            <input type="text" placeholder="验证码">\n' +
          '            <button>获取</button>\n' +
          '          </div>\n' +
          '          <div class="u-form-group u-form-group__checkbox">\n' +
          '            <input type="checkbox">\n' +
          '            <a class="Check_agreement" href="../user-agreement.html">同意火速游戏用户协议</a>\n' +
          '          </div>\n' +
          '          <div class="u-form-group">\n' +
          '            <input type="button" class="js-toVerify" value="下一步">\n' +
          '          </div>\n' +
          '        </div>\n' +
          '        <div class="js-active u-Dialog__verify">\n' +
          '          <p>\n' +
          '            根据2010年8月1日实施的《网络游戏管理暂行办法》，网络游戏用户需使用有效身份证件进行实名注册。为保证流畅游戏体验同，享受健康游戏生活，请广大火速玩家尽快实名登记。\n' +
          '          </p>\n' +
          '          <div class="u-form-group u-form-group__merge">\n' +
          '            <input type="text" placeholder="真实姓名">\n' +
          '            <input type="text" placeholder="身份证号">\n' +
          '          </div>\n' +
          '          <div class="u-form-group u-form-group__buttons">\n' +
          '            <input type="button" value="绑定手机">\n' +
          '            <input type="button" value="完成绑定">\n' +
          '          </div>\n' +
          '        </div>\n' +
          '      </div>\n' +
          '    </div>\n' +
          '  </div>';
        $('body').append(html)
        if ($('#js-LoginMask')) {
          if (m === 'login') {
            $('#js-LoginMask .u-Dialog_nav li').eq(0).addClass('active').siblings().removeClass('active')
            $('#js-LoginMask .u-Dialog_cnt > div').eq(0).addClass('js-active').siblings().removeClass('js-active')
          } else if (m === 'sign') {
            $('#js-LoginMask .u-Dialog_nav li').eq(1).addClass('active').siblings().removeClass('active')
            $('#js-LoginMask .u-Dialog_cnt > div').eq(1).addClass('js-active').siblings().removeClass('js-active')
          }
          $('#js-LoginMask').fadeIn(250)
          
          $('#js-LoginMask .u-Dialog_nav li').on('click', function () {
            var index = $(this).index()
            $(this).addClass('active').siblings().removeClass('active')
            $('#js-LoginMask .u-Dialog_cnt > div').eq(index).addClass('js-active').siblings().removeClass('js-active')
          })
          
          $('#js-LoginMask .u-Dialog_nav .close').on('click', function () {
            $('#js-LoginMask').fadeOut(250)
            utils.unlockY()
          })
          
          $('.js-toVerify').on('click',function () {
            $('#js-LoginMask .u-Dialog_cnt > div').eq(2).addClass('js-active').siblings().removeClass('js-active')
          })
        } else {
          alert('请稍后再试')
        }
        
      }
      $('.TopBar a[type=login]').on('click',function () {
        if ($('#js-LoginMask').length > 0) {
          $('#js-LoginMask').fadeIn(250)
        } else {
          createdLoginMask('login')
        }
        utils.lockY()
      })
      $('.TopBar a[type=sign]').on('click',function () {
        if ($('#js-LoginMask').length > 0) {
          $('#js-LoginMask').fadeIn(250)
        } else {
          createdLoginMask('sign')
        }
        utils.lockY()
      })
      
      var TopGames = new Swiper('.swiper-container', {
        // effect : 'coverflow',
        // coverflowEffect: {
        //   rotate: 10,
        //   stretch: 0,
        //   depth: 60,
        //   modifier: 2,
        //   slideShadows : true
        // },
        slidesPerView: 5,
        slidesPerGroup: 1,
        spaceBetween: 10
      });
      var TopTextScroller = new Swiper('.swiper-text-container', {
        loop : true,
        autoplay: {
          delay: 1000,
          disableOnInteraction:false
        },
        direction: 'vertical',
        slidesPerGroup: 1,
      });
      $('.u-Boutique .js-prevSwiper').on('click', function () {
        TopGames.slidePrev();
      })
      $('.u-Boutique .js-nextSwiper').on('click', function () {
        TopGames.slideNext();
      })
      
      $('.mainBody_modules .news_list li').hover(function () {
        $(this).addClass('active').siblings().removeClass('active')
      })
      $('.hotPlaySer .hotPlaySer_body .hotPlaySer_item').hover(function () {
        $(this).addClass('js-hover').siblings().removeClass('js-hover')
      })
  
  
  
  
      $(document).on('click','#js-newsTab > li', function () {
        var i = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $('#js-newsTabTpl > ul').eq(i).addClass('js-active').siblings().removeClass('js-active');
      })
      
    })
  })
  
});