/**
 * Created by admin on 2018/1/8.
 */
require(['config'], function () {
  require(['jquery', 'pagination'], function ($, pagination) {
  
  
    var arr = [];
    var typearr = '';
    // var basurl = $('#gamedetailUrl').val();
  
    
    var classifyID = null;
    initGameCenter();
    tc_Event();
    function initGameCenter() {
      classifyID = $('#js-classifyTab a:first-child').attr('classifyid');
      $('#js-classifyTab a:first-child').addClass('active')
    }
    
    function tc_Event() {
      $('#tc_Tab a').on('click', function () {
        if ($(this).hasClass('active')) {
          return false;
        }
        typearr = $(this).attr('tpid');
        $(this).addClass('active').siblings().removeClass('active');
        renderGamelist()
      })
    }
    function gamehtml(res) {
      var gameshtml = '';
      var starhtml = '';
      var data = res.game_list.list;
      for (var i=0;i< data.length;i++) {
        starhtml = '';
        
        for (var j=0;j<data[i].star_cnt;j++) {
          starhtml += '<img src="__STATIC__/web/pc/images/star_icon.svg" alt="">'
        }
        var type = data[i].type.split(',').splice(0,1).join('');
        gameshtml += ' <div class="gc_body_item">\n' +
          '          <a target="_blank" title="'+data[i].gamename+'" href="/v8/game/detail/gameid/' +data[i].gameid+ '.html' + '"><img src="'+data[i].icon+'" alt="" class="gc_body_img"></a>\n' +
          '          <p class="gc_body_title"><a title="'+data[i].gamename+'" href="/v8/game/detail/gameid/'+data[i].gameid+'.html'+'">'+data[i].gamename+'</a></p>\n' +
          '          <p class="gc_body_dtl"><b>'+type+'</b>&nbsp;|&nbsp;'+data[i].size+'</p>\n' +
          '          <div class="gc_body_star">\n' +
          '           <p class="clearfix">'+starhtml+'</p>\n' +
          '          </div>\n' +
          '          <a href="'+data[i].down_url+'" class="gc_body_dw">立即下载</a>\n' +
          '        </div>'
      }
      $('#gametpl').html(gameshtml)
      
      
      
    }
    $('#js-classifyTab a').on('click', function () {
      $(this).addClass('active').siblings().removeClass('active')
      classifyID = $(this).attr('classifyid');
      renderGamelist()
    })
    $('#gctype_Tab a').on('click', function () {
      $(this).addClass('active').siblings().removeClass('active')
      var index = $(this).index() - 1;
      var html = '';
      var children;
      var tcidArr = [];
      if (index < 0) {
        typearr = '';
        renderGamelist(1)
        return
      }
      tcidArr.push(arr.list[index].typeid)
      if (arr.list[index].sublist) {
        children = arr.list[index].sublist;
        for (var i=0;i<children.length;i++) {
          tcidArr.push(children[i].typeid)
          html += '<a href="javascript:;" tpid="'+children[i].typeid+'">'+children[i].typename+'</a>'
        }
      } else {
        html = '';
      }
      $('#tc_Tab').html(html)
      typearr = tcidArr.join(',');
  
      renderGamelist(1);
      tc_Event();
    })
  
  
    // 生成游戏分类
    // renderClassify();
  
    renderPagination();
    
    // 头部颜色
    var bgColor = ['#F0EEEE','#EFF1E9','#E4EDE4','#F0E5E2','#DAE7EC','#F4EAF1','#F5F5F5'];
    $('.gc_top_cnt dl.active .cnt_dd>a').each(function(){
      var itemBgColor = Math.ceil(Math.random() * bgColor.length);
      $(this).css({'backgroundColor': bgColor[itemBgColor]});
    });
  
  
    
    function renderClassify() {
      // fetch
      // render
    }
    function renderGamelist(page) {
      page = page || 1;
      $.ajax({
        url: '',
        type: 'get',
        data: {
          classify: classifyID,
          type: typearr,
          page: page
        },
        success: function (res) {
          gamehtml(res)
          initpage(res.game_list.count, page)
          $('#findnum').text('找到 '+res.game_list.count+' 个游戏')
          arr = res.type;
        }
      })
    }
  
    function renderPagination(count) {
      renderGamelist();
    }
    
    function initpage(count, page) {
      console.log(count);
      pagination({
        elem    : '#pagination',
        total   : count,
        callback: renderGamelist,
        size    : 10,
        number  : page
      });
    }
  
  
    
    
    
    
    
    
    
    
    
    
    
  
  });
});