$(function(){
   NNConfig();
   viewFax();




   $(".main .chip-box .swiper-slide").click(function(){
      $(".main .chip-box .swiper-slide").removeClass("choice");
      $(this).addClass("choice")
   })



})


$(window).resize(function(){
          NNConfig(waybill);
          viewFax();
});



// 获取单张桌子数据
function getWaybill(game_id,boot_id){
  var query = new Object();
  query.game_id = game_id;
  query.boot_id = boot_id;
  $.ajax({
    url:'/index/waybill',
    data:query,
    dataType:"json",
    type:"POST",
    async:false,
    success:function(data){
      waybill = data
    }
  });
  return waybill;
}








function viewFax() {
  var  VH=$(window).height();
  var headerH=$("#header").outerHeight();
  var canvasH=$(".waybill-box").outerHeight();
  $(".main").height(VH-headerH-canvasH-1.5)
  $(".video-box").height(VH-headerH-canvasH-1.5);
  $(".video-box").width((VH-headerH-canvasH-1.5)*16/9)
  var main_width = $(".main").width();
  var rule_w = (main_width-(VH-headerH-canvasH-1.5)*16/9)/2.1;
  $(".rule").width(rule_w);
  if(rule_w<210){
    $(".rule").hide();
  }else{
    $('.rule').show();
  }
}



function NNConfig(waybill_data){
   console.log(waybill_data);
    
    var dpr  = window.devicePixelRatio;
    var _thiscanvas=$("#waybill")
    var W=$(".waybill-box").width()
    var cols=24,rows=4;
    var unit_x=W/cols*dpr;
    var unit_y=unit_x*0.68;

    _thiscanvas.height(unit_y*rows/dpr);
    _thiscanvas.attr("width",W*dpr);
    _thiscanvas.attr("height",unit_y*rows)
    var ctb =_thiscanvas[0].getContext('2d');

    if(waybill_data!=undefined){
      var path=waybill_data.waybill;
      var total_num = waybill_data.total_num;
    }else{
      var path=false;
      var total_num = false;
    }
    NNcanvas(ctb,unit_x,unit_y,rows,cols,path,total_num)
}

// -------牛牛路单---------

function NNcanvas(ctb,unit_x,unit_y,rows,cols,roadData,total_num){
  if(roadData!=""&&roadData!=undefined){
      var L=roadData.length;
      var new_roadData=[];
      var Tab=cols-3;
      if(L>=1){
        var last_x=roadData[L-1].show_x
        if(last_x>Tab){
          var cut=last_x-Tab
          $.each(roadData,function(i,v){
               if(v.show_x>cut){
                   new_roadData.push(v)
               }
            })
        }else{
            new_roadData=roadData;
            cut=0;
          }
      }else{
          new_roadData=roadData;
          cut=0;
      }
      $.each(roadData,function(i,v){
        NNwaybill(ctb,unit_x,unit_y,v.show_x-cut,v.show_y,v.type,v.result,v.is_win)
      })
  }
  NNtitle(ctb,unit_x,unit_y,unit_y)
  NNtotal(ctb,unit_x,unit_y,cols,total_num)
  NNline(ctb,unit_x,unit_y,rows,cols)
}














// 局数 数，文字X坐标，文字Y坐标，文字大小风格
function Font_tie(ctb,num,Font_x,Font_y,fontsize,color){
    if(num!==undefined){
        ctb.beginPath();
        ctb.font=fontsize;
        ctb.textAlign = 'center'; 
        ctb.textBaseline = 'middle'; 
        ctb.fillStyle =color||"#000"; 
        ctb.fillText(num,Font_x,Font_y);
        ctb.stroke();
    }
}

function NNwaybill(ctb,unit_x,unit_y,x,y,type,result,win){
    var fonts="",color="#000";
  if(result == 0){
      fonts = '无牛';
    }else if(result == 1){
       fonts = '牛1';
    }else if(result == 2){
       fonts = '牛2';
    }else if(result == 3){
       fonts = '牛3';
    }else if(result == 4){
       fonts = '牛4';
    }else if(result == 5){
       fonts = '牛5';
    }else if(result == 6){
       fonts = '牛6';
    }else if(result == 7){
       fonts = '牛7';
    }else if(result == 8){
       fonts = '牛8';
    }else if(result == 9){
       fonts = '牛9';
    }else if(result == 10){
       fonts = '牛牛';
    }else if(result == 11){
       fonts = '五公';
    }
    if(type==1){
      color="#ce2837";
      if(win==1){
        ctb.fillStyle = color;
        ctb.fillRect (unit_x*x,unit_y*(y-0.3),unit_x,unit_y*0.3);
        Font_tie(ctb,"WIN",unit_x*(0.5+x),unit_y*(y-0.14),unit_x*0.15+"px Arial","#fff");
      }
    }else if(type==2){
      color="#1d4999 ";
      if(win==1){
        ctb.fillStyle = color;
        ctb.fillRect (unit_x*x,unit_y*(y-0.3),unit_x,unit_y*0.3);
        Font_tie(ctb,"WIN",unit_x*(0.5+x),unit_y*(y-0.14),unit_x*0.15+"px Arial","#fff");
      }
    }
    Font_tie(ctb,fonts,unit_x*(0.5+x),unit_y*(y-0.5),unit_x*0.28+"px Arial",color);
}


// 画表头
function NNtitle(ctb,unit_x,unit_y){
   for(var i=0;i<=4;i++){
       var grd=ctb.createLinearGradient(0,unit_x,0,0);
      if(i==0){
        var color="#fff",font="庄家";
        grd.addColorStop(0,'#ae0b1a');
        grd.addColorStop(0.5,'#ff0017');
        grd.addColorStop(1,'#ae0b1a');
      }else{
        var color="#fff",font="闲"+i;
        grd.addColorStop(0,'#0321a2');
        grd.addColorStop(0.5,'#002ffb');
        grd.addColorStop(1,'#092679');
      }
      ctb.fillStyle = grd;
      ctb.fillRect (0,i*unit_y,unit_x,unit_y);
      Font_tie(ctb,font,unit_x/2, i*unit_y+unit_y/2,unit_x*0.3+"px Arial",color);
   }
}

// 画表尾
function NNtotal(ctb,unit_x,unit_y,cols,data) {
  if(data){
    for(var i=0;i<4;i++){
      var font=0;num=0;
      if(i==0){
        font='总数';
        num=data.num;
      }else if(i==1){
        font='闲1';
        num=data.player_1;
      }else if(i==2){
        font='闲2';
        num=data.player_2;
      }else if(i==3){
        font='闲3';
        num=data.player_3;
      }
      ctb.fillStyle = '#ab783d';
      ctb.fillRect (unit_x*(cols-2),i*unit_y,unit_x,unit_y);
      Font_tie(ctb,font,unit_x*(cols-1.5), i*unit_y+unit_y/2,unit_x*0.3+"px Arial",'#fff');
      Font_tie(ctb,num,unit_x*(cols-0.5), i*unit_y+unit_y/2,unit_x*0.3+"px Arial",'#000');
    }
  }
}






// 画线条
function NNline(ctb,unit_x,unit_y,rows,cols){
  var CanvasWidht=unit_x*cols;
  var CanvasHeight=unit_y*rows;
  ctb.lineWidth = 1;//线条宽度
  ctb.strokeStyle = "#deded9";//线条颜色
  ctb.beginPath();
    for (var i = 0; i <= rows; i++) {
        ctb.moveTo(0, unit_y*i);
        ctb.lineTo(CanvasWidht, unit_y*i);
    }
    for (var j = 1; j <= cols; j++) {
        ctb.moveTo(unit_x*j,0);
        ctb.lineTo(unit_x*j,CanvasHeight);
    }
    ctb.closePath()
    ctb.stroke();

}







var audio=$("#audio").get(0);
var mp3List;
var mp3num=0;
function audioMp3(mp3List){
  var mp3=new Object();
      mp3.mp3List=mp3List;
      mp3.url="../static/horizontal/mp3/";
      mp3.auto_play=false;
      mp3.loop=false;

      mp3.Play=function(){
          audio.src=this.url+this.mp3List[0];
          audio.play();
      }
      mp3.Muted=function(){
          audio.muted ? audio.muted = false : audio.muted = true; 
      }
      mp3.volumeAdd=function(){
          if(audio.volume.toFixed(1)>=1){
              audio.volume=1
          }else{
              audio.volume = audio.volume + 0.1;
          }
      }
      mp3.volumeMinus=function(){
           if(audio.volume.toFixed(1)<=0){
              audio.volume=0
           }else{
              audio.volume = audio.volume - 0.1; 
           }
      }
      return mp3;
}
if(audio!=undefined){
  audio.addEventListener("ended", nextAudio);
}
function nextAudio(){
    mp3num=1+mp3num
    if(mp3num<mp3List.length){
        audio.src="/static/horizontal/mp3/"+mp3List[mp3num];
        audio.play();
    }else{
        audio.pause();
        audio.currentTime = 0.0; 
       
        mp3num=0;
    } 
}

/* 牛牛声音提示 */
function audioNn(statusType,data){
  var win_player_1='',win_player_2='',win_player_3='',previous_number_tab_id='';
  if(data!=undefined){
      win_player_1=data.round.opening.win_player_1,
      win_player_2=data.round.opening.win_player_2,
      win_player_3=data.round.opening.win_player_3,
      previous_number_tab_id=data.round.previous_number_tab_id;
  }

  if(statusType == 'startBet'){
    mp3List = ['start.mp3'];
    audioMp3(mp3List).Play();
  }
  if(statusType == 'stopBet'){
    mp3List = ['stop_2.mp3'];
    audioMp3(mp3List).Play();
  }
  if(statusType == 'openingNnResult'){
      mp3List = [];
      if(win_player_1==0){
        $(".niuniu .main .bet-tab .tab1 .banker").addClass("win")
      }else if(win_player_1==1){
        $(".niuniu .main .bet-tab .tab1 .player").addClass("win")
        $(".niuniu .poker-box .role1").addClass("win")
        mp3List.push('nn_X1.ogg')
      }
      if(win_player_2==0){
        $(".niuniu .main .bet-tab .tab2 .banker").addClass("win")
      }else if(win_player_2==1){
        $(".niuniu .main .bet-tab .tab2 .player").addClass("win")
        $(".niuniu .poker-box .role2").addClass("win")
        mp3List.push('nn_X2.ogg')
      }
      if(win_player_3==0){
        $(".niuniu .main .bet-tab .tab3 .banker").addClass("win")
      }else if(win_player_3==1){
        $(".niuniu .main .bet-tab .tab3 .player").addClass("win")
        $(".niuniu .poker-box .role3").addClass("win")
        mp3List.push('nn_X3.ogg')
      }
      if(win_player_1==0&&win_player_2==0&&win_player_3==0){
         mp3List = ['nn_Zwin.ogg'];
        $(".niuniu .poker-box .role4").addClass("win")
      }
      console.log(mp3List)
      audioMp3(mp3List).Play();
      var thisResult=setTimeout(function(){

        $(".niuniu .main .bet-tab .list .item").removeClass("win")
        $(".main .bet-tab .list .item").find(".chipbox").html("");
        $(".niuniu .poker-box .list").removeClass("win")
        $(".niuniu .poker-box .list .result").fadeOut();
        
        $(".main .poker-box .list .card").css("background-image","url(../static/onlinechip/nn/img/pokerbg.png)")
         clearTimeout(thisResult);
      },5200);
      // setTimeout(function(){
       
      // },5300);
  }

}






/* 获取会员输赢 */
function openWin (previous_number_tab_id){
  var user_id = parseInt($('#userid').val());
  if(user_id > 0 && previous_number_tab_id > 0){
    var query = new Object;
    query.user_id = user_id;
    query.number_tab_id = previous_number_tab_id;
    query.table_id = TableId;
    $.ajax({
      url:"/nn/user_bet_result",
      type:"POST",
      dataType:"JSON",
      data:query,
      async:false,
      success:function(data){
        if(data.bet_result.win_total<0){
          var text_total='<span style="color: #1DA275;">'+lang.lose+' '+data.bet_result.win_total+'</span>'
        }else{
          var text_total='<span style="color: #F00;">'+lang.win+' +'+data.bet_result.win_total+'</span>'
        }
        if(data.code == 1){
          var str = '<div class="box table_box"><table>';
          str +='<tr style="background:#333;"><td>本局输赢</td><td>--</td><td>'+text_total+'</td></tr>'
          str += '<tr style="background:#333;"><td>可用余额</td><td>--</td><td style="color:#ffcc00">'+data.bet_result.end_money+'</td></tr></table></div>';
          layer.open({
            type: 1,
            title:'本局结算',
            area: ['480px', 'auto'],
            btn: [lang.confirm],
            yes: function(){
                layer.closeAll();
              },
            content: str
          });
        }
       roleBet="";
       banker_1_double=0,banker_1_haploid=0,player_1_double=0,player_1_haploid=0;
       banker_2_double=0,banker_2_haploid=0,player_2_double=0,player_2_haploid=0;
       banker_3_double=0,banker_3_haploid=0,player_3_double=0,player_3_haploid=0;
       playerbet=0,tigerbet=0,bankerbet=0,dragonbet=0,tiebet=0,ppairbet=0,bpairbet=0;
      }
    });
  }
}