$(function(){
  Template(tabData);
  Templatelist(alltabData);
  resize();
  webSocketlive();
  
  $('.leftnav_btn,.list-left-nav').hover(function(){
    $('.list-left-nav').css('left','0')
  },function(){
    $('.list-left-nav').css('left','-100%')
  })

  
  // 选择筹码
  $(document).on('click','.swiper-slide',function(){
     var id= $(this).parents('.tab').attr('data-id');
     window['chip_'+id]= parseInt($(this).attr('data-bet'))||0;
     $(this).addClass("choice").siblings().removeClass("choice")
  })

  // 选择下注区
  $(document).on('click','.multiple .bet-box .chipbox',function(){

    var id= $(this).parents('.tab').attr('data-id');
    var tab_type= $(this).attr('data-type');
    var chip=parseInt(window['chip_'+id])||5;
    var downbet=parseInt(window['tab'+id+'_'+tab_type])||0;
    var succesBet=parseInt(window['tab'+id+'_'+tab_type+'_amount'])||0;
        window['tab'+id+'_'+tab_type]=chip+downbet;
        showChip(id,tab_type,parseInt(window['tab'+id+'_'+tab_type])+succesBet);


  })

  // 确定下注
  $(document).on('click','.confirm',function(){
      var  id= $(this).parents('.tab').attr('data-id');
      var  downBanker=window['tab'+id+'_banker']||0;
      var  downPlayer=window['tab'+id+'_player']||0;
      var  downTie=window['tab'+id+'_tie']||0;
      var  downBpair=window['tab'+id+'_bpair']||0;
      var  downPpair=window['tab'+id+'_ppair']||0;
      var  number_tab_id=$(this).parents('.tab').find(".tab_number").attr('data-numtabid');

      if(downBanker!=0||downPlayer!=0||downTie!=0||downBpair!=0||downPpair!=0){
        webSocket.send('{"table_id":"'+id+'","connect":"client","mode":"toBet","user_id":"'+swooleInfo.userid+'","number_tab_id":"'+parseInt(number_tab_id)+'","bankerAmount":"'+downBanker+'","playerAmount":"'+downPlayer+'","tieAmount":"'+downTie+'","bankerPairAmount":"'+downBpair+'","playerPairAmount":"'+downPpair+'"}');
      }else{
         layer.open({
              type: 1,
              area: ['380px', '165px'],
              btn: lang.confirm,
              title: lang.message,
              content: '\<\div class="box">' + lang.to_bet_confirm_tip + '\<\/div>'
          });
      }
      
  })


  // 取消下注
  $(document).on('click','.cancel',function(){
     var id= $(this).parents('.tab').attr('data-id');
         window['tab'+id+'_banker']=0;
         window['tab'+id+'_player']=0;
         window['tab'+id+'_tie']=0;
         window['tab'+id+'_bpair']=0;
         window['tab'+id+'_ppair']=0;

         var banker_amount=parseInt(window['tab'+id+'_banker_amount']);
         var player_amount=parseInt(window['tab'+id+'_player_amount']);
         var tie_amount=parseInt(window['tab'+id+'_tie_amount']);
         var ppair_amount=parseInt(window['tab'+id+'_ppair_amount']);
         var bpair_amount=parseInt(window['tab'+id+'_bpair_amount']);
         if(banker_amount>0){
           showChip(id,'banker',banker_amount)
         }
         if(player_amount>0){
           showChip(id,'player',player_amount)
         }
         if(tie_amount>0){
           showChip(id,'tie',tie_amount)
         }
         if(ppair_amount>0){
           showChip(id,'ppair',ppair_amount)
         }
         if(bpair_amount>0){
           showChip(id,'bpair',bpair_amount)
         } 

  })


  // 庄问路
  $(document).on('click','.b-ask',function(){
    var boot_id= $(this).parents('.tab').find('.boot_num').attr('data-bootid');
    var tab_id= $(this).parents('.tab').attr('data-id');
        clearInterval(askInterval);
        askWaybill(tab_id,boot_id,gameID,1);
        
  })
  // 闲问路
  $(document).on('click','.p-ask',function(){
    var boot_id= $(this).parents('.tab').find('.boot_num').attr('data-bootid');
    var tab_id= $(this).parents('.tab').attr('data-id');
        clearInterval(askInterval);
        askWaybill(tab_id,boot_id,gameID,2)
        
  })



  // 选台
  $(document).on('click','.multiple .tablist .list-box .view .item',function(){
    var isshow=$(this).hasClass("chose");
    var isshowL=$(".multiple .tablist .list-box .view .chose").length;
    var clickindex=$(this).index();
    var thisid=$(this).attr("data-id");
    if(isshow==true){
      if(isshowL>1){
        $(this).removeClass("chose")
        $(".tab[data-id='"+thisid+"']").remove();
        var removeIndex=null;
        $.each(tabData,function(i,v){
          if(v.id==thisid){
            removeIndex=i;
          }
        })
        if(removeIndex!=''){
          tabData.splice(removeIndex,1);
        }
        

      }else{
        layer.msg('至少要选择一张台！');
      }
    }else{
      if(isshowL<4){
        $(this).addClass("chose");
        var thisdata=alltabData[clickindex]
            tabData.push(thisdata)
        Template([thisdata],true)


      }else{
        layer.msg('至多只能选择四张台！');
      }
    }

  })


  // 弹出列表
  $(document).on('click','.listbtn',function(){
    $(".multiple .tablist").fadeIn(100);
  })

  $(".multiple .tablist .list-box .off").click(function(){
    $(".multiple .tablist").fadeOut(100);
  })


  var swiper = new Swiper('.swiper-container', {
        slidesPerView: "auto",
        spaceBetween: 5,
        freeMode: true,
        observer: true,
        observeParents: true,
    });


    // 判断Flash是否开启
    // if (window.ActiveXObject) {
    //     var s = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
    //     if(!s){
    //         $(".maskvideo").hide();
    //     }else{
    //       $(".maskvideo").show();
    //     }
    // } else {
    //     var s = navigator.plugins['Shockwave Flash'];
    //     if(!s){
    //         $(".maskvideo").hide();
    //     }else{
    //       $(".maskvideo").show();
    //     }
    // }


})



// 监听窗口变化
$(window).resize(function(){
    resize();
  })
function resize(){
  Waybillconfig();
}

// 视频播放
// function flashPlay(videoUrl, Stream, divID){
//     var so = new SWFObject("/static/online/cuplay/player.swf?1",divID,"100%","100%","2","#000000");
//     so.addParam("allowfullscreen","false");
//     so.addParam("allowscriptaccess","always");
//     so.addParam("wmode","opaque");
//     so.addParam("quality","high");
//     so.addParam("salign","lt");
//     so.addVariable("JcScpServer",videoUrl); //您的rtmp流媒体服务器地址 
//     so.addVariable("JcScpVideoPath",Stream); //流名称
//     so.addVariable("ShowJcScpAMoveText","yes");   
//     so.addVariable("JcScpFile","/static/onlinechip/cuplay/rtmp.xml?1"); //配置文件
//     so.write(divID);
      
// }



function playVideo(id,videoUrl){
      if(videoUrl){
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById(id);
            var flvPlayer = flvjs.createPlayer({
                cors: true,
                type: 'flv',
                url: videoUrl,
                hasAudio:false,
                isLive:true,
                hasVideo:true,
                withCredentials:false,
            });
            flvPlayer.attachMediaElement(videoElement);
            console.log(flvPlayer)
            flvPlayer.load();
            flvPlayer.play();    
        }
    }
  }



// 台模板
function Templatelist(data){
  $.each(data,function(i,v){
    if(i<=3){
     var chose='chose'
    }else{
      var chose=''
    }
    var html='<div class="item '+chose+'" data-id="'+v.id+'">'+
    '<span class="min-title">'+v.table_name+'</span>'+
    '<span class="num" id="tabnum'+v.id+'">'+v.wait_time+'</span>'+
    '</div>'
    $('.multiple .tablist .list-box .view').append(html)
  })
}


// 台模板
function Template(data,isaddtab){
  $.each(data,function(i,v){
    if(gameID==1){
      var tableHtml='<div class="bet-box">'+
        '<div class="list">'+
          '<div class="row ppair">'+
            '<div class="font">'+
              '<strong>闲对</strong>'+
              '<small>1:'+price_pair+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="ppair"></div>'+
          '</div>'+
          '<div class="row tie">'+
            '<div class="font">'+
              '<strong>和</strong>'+
              '<small>1:'+price_tie_baccarat+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="tie"></div>'+
          '</div>'+
          '<div class="row bpair">'+
            '<div class="font">'+
              '<strong>庄对</strong>'+
              '<small>1:'+price_pair+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="bpair"></div>'+
          '</div>'+
        '</div>'+
        '<div class="list">'+
          '<div class="row player">'+
            '<div class="font">'+
              '<strong>闲</strong>'+
              '<small>1:'+price_player+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="player"></div>'+
          '</div>'+
          '<div class="row banker">'+
            '<div class="font">'+
              '<strong>庄</strong>'+
              '<small>1:'+price_banker+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="banker"></div>'+
          '</div>'+
        '</div>'+
      '</div>'

      var footHtml='<div class="ft">'+
                    '<ul class="info">'+
                      '<li class="text color-red">庄:<span class="banker_count">'+v.banker_count+'</span></li>'+
                      '<li class="text color-blue">闲:<span class="player_count">'+v.player_count+'</span></li>'+
                      '<li class="text color-green">和:<span class="tie_count">'+v.tie_count+'</span></li>'+
                      '<li class="text color-red">庄对:<span class="bpair_count">'+v.bpair_count+'</span></li>'+
                      '<li class="text color-blue">闲对:<span class="ppair_count">'+v.ppair_count+'</span></li>'+
                    '</ul>'+
                    '<div class="askbox">'+
                      '<span class="btn b-ask">庄问路</span>'+
                      '<span class="btn p-ask">闲问路</span>'+
                    '</div>'+
                  '</div>'
    }else if(gameID==2){
      var tableHtml='<div class="bet-box">'+
        '<div class="list longhu">'+
          '<div class="row ppair">'+
            '<div class="font">'+
              '<strong>龙</strong>'+
              '<small>1:'+price_dragon+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="ppair"></div>'+
          '</div>'+
          '<div class="row tie">'+
            '<div class="font">'+
              '<strong>和</strong>'+
              '<small>1:'+price_tie_baccarat+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="tie"></div>'+
          '</div>'+
          '<div class="row bpair">'+
            '<div class="font">'+
              '<strong>虎</strong>'+
              '<small>1:'+price_tiger+'</small>'+
            '</div>'+
            '<div class="chipbox" data-type="bpair"></div>'+
          '</div>'+
        '</div>'+
      '</div>'

      var footHtml='<div class="ft">'+
                    '<ul class="info">'+
                      '<li class="text color-red">龙:<span class="banker_count">'+v.banker_count+'</span></li>'+
                      '<li class="text color-blue">虎:<span class="player_count">'+v.player_count+'</span></li>'+
                      '<li class="text color-green">和:<span class="tie_count">'+v.tie_count+'</span></li>'+
                    '</ul>'+
                    '<div class="askbox">'+
                      '<span class="btn b-ask">龙问路</span>'+
                      '<span class="btn p-ask">虎问路</span>'+
                    '</div>'+
                  '</div>'
    }

    var html= '<div class="tab" data-id="'+v.id+'">'+
                '<div class="box">'+
                  '<div class="hd">'+
                    '<div class="cell listbtn">'+
                      v.table_name+
                    '</div>'+
                    '<div class="cell">'+
                      '靴数：<span class="boot_num" data-bootid="'+v.boot_id+'">'+v.boot_num+'</span> 局数：<span class="tab_number" data-numtabid="'+v.tab_id+'">'+v.number+'</span> <br>'+
                      '用户限红：'+v.limit_money+  
                    '</div>'+
                  '</div>'+
                  '<div class="view">'+
                    '<div class="stateinfo">'+
                      '<h3 class="countdown">'+v.wait_time+'</h3>'+
                      '<h5 class="statemsg">庄赢</h5>'+  
                    '</div>'+
                    '<div class="maskvideo"></div>'+
                    '<div class="video-box" >'+
                      '<video id="maxPlayer'+v.id+'" width="100%" height="100%"  preload="auto" autoplay="true">'+
                            '您的浏览器版本太低，请先升级浏览器！'+
                    '</video>'+
                    '</div>'+
                  '</div>'+
                  '<div class="chip-box">'+
                    '<div class="swiper-container">'+
                                  '<ul class="chip swiper-wrapper">'+
                                      '<li data-bet="5" class="swiper-slide jeton_5 choice"></li>'+
                                      '<li data-bet="10" class="swiper-slide jeton_10"></li>'+
                                      '<li data-bet="20" class="swiper-slide jeton_20"></li>'+
                                      '<li data-bet="50" class="swiper-slide jeton_50"></li>'+
                                      '<li data-bet="100" class="swiper-slide jeton_100"></li>'+
                                      '<li data-bet="200" class="swiper-slide jeton_200"></li>'+
                                      '<li data-bet="500" class="swiper-slide jeton_500"></li>'+
                                      '<li data-bet="1000" class="swiper-slide jeton_1k"></li>'+
                                      '<li data-bet="2000" class="swiper-slide jeton_2k"></li>'+
                                      '<li data-bet="5000" class="swiper-slide jeton_5k"></li>'+
                                      '<li data-bet="10000" class="swiper-slide jeton_1w"></li>'+
                                      '<li data-bet="20000" class="swiper-slide jeton_2w"></li>'+
                                  '</ul>'+
                              '</div>'+
                  '</div>'+
                  tableHtml+
                  '<div class="btn-box">'+
                    '<div class="item">'+
                      '<button class="btn brown cancel" disabled="disabled">取消</button>'+
                    '</div>'+
                    '<div class="item">'+
                      // '<span class="btn brown">撤销</span>'+
                    '</div>'+
                    '<div class="item">'+
                      '<button class="btn red confirm" disabled="disabled">确定</button>'+
                    '</div>'+
                    
                  '</div>'+
                  '<div class="waybill">'+
                    '<canvas id="canvas_'+v.id+'"></canvas>'+
                    '<div class="mask_msg"></div>'+
                  '</div>'+
                  footHtml+
                '</div>'+
              '</div>'




              $('.main').append(html)
              // flashPlay(v.media_pc[0], v.media_pc_stream[0], 'maxPlayer'+v.id);
              playVideo('maxPlayer'+v.id,v.media_pc[0]+v.media_pc_stream[0])
              var _this=$(".tab[data-id='"+v.id+"']").find(".mask_msg");
              if(v.in_checkout==1){
                  _this.html("洗牌中").fadeIn();
              }else if(v.in_checkout==2){
                  _this.html("停台中").fadeIn();
              }else{
                _this.fadeOut();
              }  

              if(isaddtab){
                Waybillconfig(v,true,v.id); 
                var swiper = new Swiper('.swiper-container', {
                      slidesPerView: "auto",
                      spaceBetween: 5,
                      freeMode: true,
                      observer: true,
                      observeParents: true,
                  });
              } 
              // 创建已下注变量
              window['tab'+v.id+'_banker_amount']=v.banker_amount;
              window['tab'+v.id+'_player_amount']=v.player_amount;
              window['tab'+v.id+'_tie_amount']=v.tie_amount;
              window['tab'+v.id+'_ppair_amount']=v.player_pair_amount;
              window['tab'+v.id+'_bpair_amount']=v.banker_pair_amount;

              if(v.banker_amount>0){
                showChip(v.id,'banker',parseInt(v.banker_amount))
              }
              if(v.player_amount>0){
                showChip(v.id,'player',parseInt(v.player_amount))
              }
              if(v.tie_amount>0){
                showChip(v.id,'tie',parseInt(v.tie_amount))
              }
              if(v.player_pair_amount>0){
                showChip(v.id,'ppair',parseInt(v.player_pair_amount))
              }
              if(v.banker_pair_amount>0){
                showChip(v.id,'bpair',parseInt(v.banker_pair_amount))
              }          
  })
}

// 路单设置
function Waybillconfig(requestData,oneTab,tab_id,ask,askroad){
      var videoW=$('.multiple .video-box').width();
          $('.multiple .video-box').height(videoW*9/16);
      var H=$('.waybill').height(),
          W=$('.waybill').width(),
          rows=6,
          unit=parseInt(H/rows),
          cols=parseInt(W/unit);
      // 单个路单更新
      if(oneTab){
        var gameid=gameID;
        $('#canvas_'+tab_id).attr('width',cols*unit)
        $('#canvas_'+tab_id).attr('height',rows*unit)
        if(tabData){
          var _thistab=$(".tab[data-id='"+tab_id+"']");
          var ctb=$('#canvas_'+tab_id)[0].getContext('2d');

          if(ask){
            Waybill(ctb,unit,rows,cols,requestData.waybill,gameid,ask,askroad);
          }else{
            
            $.each(tabData,function(i,v){
              if(v.id==tab_id){
                v.waybill=requestData.waybill;
                v.banker_count=requestData.banker_count;
                v.player_count=requestData.player_count;
                v.tie_count=requestData.tie_count;
                v.bpair_count=requestData.bpair_count;
                v.ppair_count=requestData.ppair_count;
                gameid=v.game_id;
              }
            })
            Waybill(ctb,unit,rows,cols,requestData.waybill,gameid,false,false);
            _thistab.find(".banker_count").html(requestData.banker_count);
            _thistab.find(".player_count").html(requestData.player_count);
            _thistab.find(".tie_count").html(requestData.tie_count);
            _thistab.find(".bpair_count").html(requestData.bpair_count);
            _thistab.find(".ppair_count").html(requestData.ppair_count);
          }

        }

      }else{
      // 全部台路单更新
      $('.waybill canvas').attr('width',cols*unit)
      $('.waybill canvas').attr('height',rows*unit)
        if(tabData){
          $.each(tabData,function(i,v){
            if($('#canvas_'+v.id)[0].getContext('2d')){
              var ctb=$('#canvas_'+v.id)[0].getContext('2d');
              Waybill(ctb,unit,rows,cols,v.waybill,v.game_id,false,false)
            }
           
          })
        }
      }
}

// 路单
function Waybill(ctb,unit,rows,cols,path,gameId,ask,askroad){
  // console.log(path)
  var ask=ask||false;
  var askroad=askroad||{
        "askshowroad":false,
        "askbigRoad":false,
        "askbigEyeRoad":false,
        "askpathway":false,
        "askroach":false,
      };
    ctb.clearRect(0, 0, unit*100, unit*rows)
    Drawline(ctb,unit,rows,cols);
      if(path!=undefined&&path!=''){
        if(path[0].result==3&&path[0].show_x==1&&path[0].show_y==1){
            BigPathTie(ctb,unit,cols,path[0].tie_num)
        }else{
          var roadType="bigWay";
          cutRoad(roadType,ctb,unit,path,cols,gameId,ask,askroad.askbigRoad);
        }
      }
}


// 前端路单数据截取
function cutRoad(roadType,ctb,unit,roadData,cols,gameId,ask,askroad){
  var L=roadData.length;
  var new_roadData=[];
  var Tab=0
      if(ask&&askroad){
       Tab=cols;
      }else{
       Tab=cols-1;
      }
  var start_x=0.5;
      if(L>=1){
        var last_x=roadData[L-1].show_x
        if(last_x>Tab){
           var cut=last_x-Tab
           roadData.forEach(function(v,i){
              if(v.show_x>cut){
                  new_roadData.push(v)
              }
           })
        }else{
          new_roadData=roadData;
          cut=0;
        }
      }else{
        new_roadData=roadData;
        cut=0;
      }
      new_roadData.forEach(function(v,i){
         BigPath(ctb,unit,start_x,v.show_x-cut,v.show_y,v.result,v.tie_num,v.pair);
      })
}



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

}
// 局数 数，文字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 BigPath(ctb,unit,start_x,x,y,type,slash,corners){
  ctb.beginPath();
  ctb.lineWidth = unit*0.11;
  var radius=unit
  if(type==2){
        var color="#0543bc";
    }else if(type==1){
        var color="#b20a00"
    }
  ctb.strokeStyle = color;
  ctb.arc( radius*(x-1)+start_x*unit , radius*(y-0.5) , radius*0.38, 0, Math.PI * 2);
  ctb.closePath()
    ctb.stroke();

    if(slash!=0){
          ctb.beginPath();
          linewidth=unit*0.15;
          ctb.lineWidth = radius*0.14;//线条宽度
          ctb.lineCap = "round";
          ctb.strokeStyle = "#1d8701";//线条颜色
          ctb.moveTo(radius*(x-1)+start_x*unit-linewidth,radius*(y-0.5)+linewidth);
          ctb.lineTo(radius*(x-1)+start_x*unit+linewidth,radius*(y-0.5)-linewidth);
          ctb.stroke();
          if(slash!=0){
            Font_tie(ctb,slash,radius*(x-1)+start_x*unit, radius*(y-0.5),radius*0.6+"px Arial");
          }
      }
    var corner_xy=radius/3.5
        if(corners==1){
            BigPathcorner(ctb,unit,start_x,x,y,corner_xy,'#b20a00');
        }else if(corners==2){
            BigPathcorner(ctb,unit,start_x,x,y,-corner_xy,'#0543bc');
        }else if(corners==3){
            BigPathcorner(ctb,unit,start_x,x,y,corner_xy,'#b20a00');
            BigPathcorner(ctb,unit,start_x,x,y,-corner_xy,'#0543bc');
        }
}
//大路角标
function BigPathcorner(ctb,unit,start_x,x,y,corner_xy,corner_color){
  var radius=unit
    ctb.beginPath();
    ctb.lineWidth = unit*0.015;
    ctb.strokeStyle = "#fff";
    ctb.arc(radius*(x-1)+start_x*unit-corner_xy, radius*(y-0.5)-corner_xy, radius*0.16, 0, Math.PI * 2);
    ctb.fillStyle=corner_color;
    ctb.fill();
    ctb.stroke();
}
  // 大路 第一局 和
  function BigPathTie(ctb,unit,cols,order){
      var start_x=unit*cols*0.5;
      var radius=unit/2
      ctb.beginPath();
      ctb.lineWidth = 3;//线条宽度
      ctb.strokeStyle = "#3EA542";//线条颜色
      ctb.lineCap = "round";
      ctb.moveTo(radius*0.15+start_x,radius/2);
      ctb.lineTo(radius*0.85+start_x,radius/2);
      ctb.stroke();
      Font_tie(ctb,order,radius*0.5+start_x, radius/2,radius*0.8+"px Arial");
  }





// 计算筹码个数
function showChip(tabid,tabtype,downbet){
   var _this=$(".tab[data-id='"+tabid+"']").find(".chipbox[data-type='"+tabtype+"']")
   var w5=parseInt(downbet/50000)
   var w2=parseInt((downbet-w5*50000)/20000)
   var w1=parseInt((downbet-w5*50000-w2*20000)/10000)
   var w=parseInt(downbet/10000)
   var k5=parseInt((downbet-w*10000)/5000)
   var k2=parseInt((downbet-w*10000-k5*5000)/2000)
   var k1=parseInt((downbet-w*10000-k5*5000-k2*2000)/1000)
   var k=parseInt((downbet-w*10000)/1000)
   var b5=parseInt((downbet-w*10000-k*1000)/500)
   var b2=parseInt((downbet-w*10000-k*1000-b5*500)/200)
   var b1=parseInt((downbet-w*10000-k*1000-b5*500-b2*200)/100)
   var b=parseInt((downbet-w*10000-k*1000)/100)
   var s5=parseInt((downbet-w*10000-k*1000-b*100)/50)
   var s2=parseInt((downbet-w*10000-k*1000-b*100-s5*50)/20)
   var s1=parseInt((downbet-w*10000-k*1000-b*100-s5*50-s2*20)/10)
   var s=parseInt((downbet-w*10000-k*1000-b*100)/10)
   var y5=parseInt((downbet-w*10000-k*1000-b*100-s*10)/5)
   _this.html("");
   for(var o=0;o<w5;o++){
    _this.append('<i class="chip-5w" style="top:-'+o*3+'px"></i>')
   }
   for(var p=0;p<w2;p++){
    _this.append('<i class="chip-2w" style="top:-'+(w5+p)*3+'px"></i>')
   }
   for(var q=0;q<w1;q++){
    _this.append('<i class="chip-1w" style="top:-'+(w5+w2+q)*3+'px"></i>')
   }
   for(var r=0;r<k5;r++){
    _this.append('<i class="chip-5k" style="top:-'+(w5+w2+w1+r)*3+'px"></i>')
   }
   for(var t=0;t<k2;t++){
    _this.append('<i class="chip-2k" style="top:-'+(w5+w2+w1+k5+t)*3+'px"></i>')
   }
   for(var u=0;u<k1;u++){
    _this.append('<i class="chip-1k" style="top:-'+(w5+w2+w1+k5+k2+u)*3+'px"></i>')
   }
   for(var v=0;v<b5;v++){
    _this.append('<i class="chip-500" style="top:-'+(w5+w2+w1+k5+k2+k1+v)*3+'px"></i>')
   }
   for(var w=0;w<b2;w++){
    _this.append('<i class="chip-200" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+w)*3+'px"></i>')
   }
   for(var x=0;x<b1;x++){
    _this.append('<i class="chip-100" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+b2+x)*3+'px"></i>')
   }
   for(var z=0;z<s5;z++){
    _this.append('<i class="chip-50" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+b2+b1+z)*3+'px"></i>')
   }

   for(var k=0;k<s2;k++){
    _this.append('<i class="chip-20" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+b2+b1+s5+k)*3+'px"></i>')
   }
   for(var j=0;j<s1;j++){
    _this.append('<i class="chip-10" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+b2+b1+s5+s2+j)*3+'px"></i>')
   }
   for(var l=0;l<y5;l++){
    _this.append('<i class="chip-5" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+b2+b1+s5+s2+s1+l)*3+'px"></i>')
   }
    _this.append('<strong class="money" style="top:-'+(w5+w2+w1+k5+k2+k1+b5+b2+b1+s5+s2+s1+l)*3+'px">'+downbet+'</strong>')
}


// 清除筹码 重置变量
function clearBetAll(id){
  window['tab'+id+'_banker_amount']=0;
  window['tab'+id+'_player_amount']=0;
  window['tab'+id+'_tie_amount']=0;
  window['tab'+id+'_ppair_amount']=0;
  window['tab'+id+'_bpair_amount']=0;

  window['tab'+id+'_banker']=0;
  window['tab'+id+'_player']=0;
  window['tab'+id+'_tie']=0;
  window['tab'+id+'_bpair']=0;
  window['tab'+id+'_ppair']=0;
  $(".tab[data-id='"+id+"']").find(".chipbox").html("");
}


// webSocket
function webSocketlive(){
  if(window.WebSocket){
      webSocket= new WebSocket(swooleInfo.websocket_url);
      webSocket.onopen = function(event){
        if(parseInt(swooleInfo.userid) > 0 && swooleInfo.account != '' && swooleInfo.online_token != ''){
                webSocket.send('{"connect":"client","mode":"onlineLogin","account":"'+swooleInfo.account+'","userid":"'+swooleInfo.userid+'","online_token":"'+swooleInfo.online_token+'"}');
              }
      };
      webSocket.onmessage = function(event){
         var data = $.parseJSON(event.data);
        console.log(data)
        // return false;
         var _thistab=$(".tab[data-id='"+data.table_id+"']")
          switch(data.sendMode){
            case 'changeBoot':
              // 换靴
              getWaybillinfo(data.table_id); 
              clearBetAll(data.table_id); 
              _thistab.find(".mask_msg").html("").fadeOut();
              setInfoid(data);
            break;
            case 'resetBoot':
              getWaybillinfo(data.table_id); 
              clearBetAll(data.table_id); 
              _thistab.find(".mask_msg").html("").fadeOut(); 
              setInfoid(data);
            break;
            // 开始下注 显示倒计时
            case 'startBet':
               _thistab.find(".statemsg").html("开始下注");
               _thistab.find(".statemsg").fadeIn(3000,function(){
                 _thistab.find(".statemsg").fadeOut();
               });
            break;
            case 'startBetCountDown':
                _thistab.find(".btn-box .item .btn").removeAttr("disabled");
                _thistab.find(".countdown").fadeIn();
                _thistab.find(".countdown").html(data.countDown);
                 $("#tabnum"+data.table_id).html(data.countDown);
            break;
            // 停止下注 显示倒计时
            case 'endBet':
                    _thistab.find(".btn-box .item .btn").attr("disabled","disabled");
                    _thistab.find(".countdown").fadeOut();
                    _thistab.find(".statemsg").html("停止下注");
                    _thistab.find(".statemsg").fadeIn(3000,function(){
                      _thistab.find(".statemsg").fadeOut();
                    });
            break;
            // 百家乐开结果
            case 'openingBaccaratResult':
              var win_text='';
              var pair_text='';
              var opening=parseInt(data.round.opening);
              if(opening==1){
                win_text="庄赢"
              }else if(opening==2){
                win_text="闲赢"
              }else if(opening==3){
                win_text="和局"
              }

              if(data.round.pair==1){
                pair_text="、庄对"
              }else if(data.round.pair==2){
                pair_text="、闲对"
              }else if(data.round.pair==3){
                pair_text="、庄对、闲对"
              }
              _thistab.find(".statemsg").html(win_text+pair_text);
                    _thistab.find(".statemsg").fadeIn(3000,function(){
                      _thistab.find(".statemsg").fadeOut();
                    });
              setInfoid(data);
              getWaybillinfo(data.table_id);
              clearBetAll(data.table_id)
            break;
            // 百家乐开结果
            case 'openingDtResult':
              var win_text='';
    
              var opening=parseInt(data.round.opening);
              if(opening==1){
                win_text="龙赢"
              }else if(opening==2){
                win_text="虎赢"
              }else if(opening==3){
                win_text="和局"
              }

              _thistab.find(".statemsg").html(win_text+pair_text);
                    _thistab.find(".statemsg").fadeIn(3000,function(){
                      _thistab.find(".statemsg").fadeOut();
                    });
              setInfoid(data);
              getWaybillinfo(data.table_id);
              clearBetAll(data.table_id)
            break;
            // 修改路单
            case 'retreated':
              getWaybillinfo(data.table_id);  
              clearBetAll(data.table_id);     
            break;
            case 'toBet':
             
              window['tab'+data.table_id+'_banker_amount']=data.betAmountMsg.banker_amount;
              window['tab'+data.table_id+'_player_amount']=data.betAmountMsg.player_amount;
              window['tab'+data.table_id+'_tie_amount']=data.betAmountMsg.tie_amount;
              window['tab'+data.table_id+'_ppair_amount']=data.betAmountMsg.player_pair_amount;
              window['tab'+data.table_id+'_bpair_amount']=data.betAmountMsg.banker_pair_amount;

              window['tab'+data.table_id+'_banker']=0;
              window['tab'+data.table_id+'_player']=0;
              window['tab'+data.table_id+'_tie']=0;
              window['tab'+data.table_id+'_bpair']=0;
              window['tab'+data.table_id+'_ppair']=0;
              $("#userMoney").html(data.money);
            break;
            case 'inCheckout':
              if(data.round.number_tab_status.in_checkout==1){
                  _thistab.find(".mask_msg").html("洗牌中").fadeIn();
              }
            break;
            case 'opening':
              $("#userMoney").html(data.round.money);
            break;
            case 'openingDt':
              $("#userMoney").html(data.round.money);
            break;
          }

      };
      webSocket.onerror = function(event){
        // console.log(event.data)
      };
  }
}

// 更新单个路单
function getWaybillinfo(tab_id){
  $.ajax({
    url:'/baccarat/waybill_info',
    data:{table_id:tab_id},
    dataType:"json",
    type:"POST",
    async:false,
    success:function(res){
      Waybillconfig(res,true,tab_id);
    }
  });
}


// 问路
function askWaybill(tab_id,boot_id,game_id,forecast){
  $.ajax({
    url:'/baccarat/ask_waybill',
    data:{boot_id:boot_id,game_id:game_id,forecast:forecast},
    dataType:"json",
    type:"POST",
    async:false,
    success:function(res){
      var oldData=[];
      $.each(tabData,function(i,v){
        if(tab_id==v.id){
          oldData=v
        }
      })
     

      ask(tab_id,res,oldData)
    }
  });
}


// Waybillconfig(requestData,oneTab,tab_id)
// 问路方法
var askInterval;
function ask(tab_id,newdata,olddata){
  var nbigRoad=newdata;
  var obigRoad=olddata;

  if(nbigRoad.length>0){
    var n_b_last_x=nbigRoad[nbigRoad.length-1].show_x
  }else{
    var n_b_last_x=0
  }
  if(obigRoad.length>0){
    var o_b_last_x=obigRoad[obigRoad.length-1].show_x
  }else{
    var o_b_last_x=0
  }
  var askroad={
    "askbigRoad":false,
  };
  if(n_b_last_x>o_b_last_x){
    askroad.askbigRoad=true;
  }else{
    askroad.askbigRoad=false;
  }

  var time=8;
  askInterval=setInterval(function(){
    time--;
    var num=time%2;
    if(time<0){
      clearInterval(askInterval);
    }else{
        if(num==1){
          Waybillconfig(newdata,true,tab_id,true,askroad)
        }else{
          Waybillconfig(olddata,true,tab_id,true)
        }
    }
  },200); 
}







function setInfoid(data){
     window['boot_id'+data.table_id]=data.round.boot_id;
     window['boot_num'+data.table_id]=data.round.boot_num;
     window['tab_id'+data.table_id]=data.round.number_tab_id;
     window['table_num'+data.table_id]=data.round.number_tab_number;
     var _thistab=$(".tab[data-id='"+data.table_id+"']");
     _thistab.find('.boot_num').html(data.round.boot_num);
     _thistab.find('.tab_number').html(data.round.number_tab_number);
     _thistab.find('.tab_number').attr('data-numtabid',data.round.number_tab_id);  
     _thistab.find('.boot_num').attr('data-bootid',data.round.boot_id);

     $.each(alltabData,function(i,v){
        if(v.id==data.table_id){
            v.boot_id=data.round.boot_id;
            v.boot_num=data.round.boot_num;
            v.number_tab_id=data.round.number_tab_id;
            v.number_tab_number=data.round.number_tab_number;
        }
     })  
}