var smallH=0,smallW=0,bigH=0,bigW=0;
var unitsmall=0,unitbig=0,colsmall=0,colbig=0;
var roll=0;LiWidth=0;
var BetStatus;
var askData = false;
var isCBoot = false;
$(function(){
  $(window).resize(function(){
    requestData(ludan);
  })
  requestData(ludan);
  getTime(); 
   // 滚动广告
  $(".notice ul li").each(function(){
    LiWidth+=$(this).innerWidth()
  })
  $(".notice ul").append($(".notice ul").html())
  var timer = setInterval(notice, 20);
  $(".notice").hover(function() {
        clearInterval(timer);
    },function() {
        timer = setInterval(notice, 20);
  })
  // 日期
  setInterval(function(){
            getTime(); 
        }, 1000);
  // 侧栏控台
  $(".control-box").hover(function(){
    $(this).stop().animate({right:"0"})
  },function(){
    $(this).stop().animate({right:"-410px"})
  })

  // 多语言切换
  $('#language').change(function(){
    var language = $('#language').val();
    if(language == "cn" || language == "tw" || language == "en"){
      $.get("/index/lang?lang="+language,function(data){
        location.reload();
      })
    }
  });


    /* 键盘操作 */
    $(document).keydown(function (e){
    if(e.keyCode == 13){
      if(isCBoot == true){
        $('.layui-layer-btn0').click();
        isCBoot == false;
      }else{
        var keycode = $('#keycode').val();
        if(keycode == '6'){
          startBet();
          $('#keycode').val('');
        }else{
          opening();
        }
        
      }
      
    }
    //和
    if(e.keyCode == 104 || e.keyCode == 56){
      $('#opening').val('3');
      showPng_noVoice(3);
    }
    //闲
    if(e.keyCode == 105 || e.keyCode == 57){
      $('#opening').val('2');
      showPng_noVoice(2);
    }
    //庄
    if(e.keyCode == 103 || e.keyCode == 55){
      $('#opening').val('1');
      showPng_noVoice(1);
    }
    //开局
    if(e.keyCode == 111){
      $('#keycode').val('6');
    }
     //修改当前状态
    if(e.keyCode == 109){
		$('#update_ludan').toggle();
		//inCheckout();
		//$('#keycode').val('');
    }
    //换靴
    if(e.keyCode == 107){
      changeBoot();
      $('#keycode').val('');
    }
    //退出登录
    if(e.keyCode == 106){
      if(table_type == 1){
        // $('#update_ludan').toggle();
        cutout();
        $('#keycode').val('');
      }else{
        if(bet_type == 2){
          // $('#update_ludan').toggle();
          cutout();
          $('#keycode').val('');
        }else{
          loginout();
          $('#keycode').val('');
        }
      }
    }
    //取消
    if(e.keyCode == 110){
       $('.layui-layer-btn1').click();
    }
    if(e.keyCode == 96 || e.keyCode == 48){
      endBet();
    }
 //    if(e.keyCode == 109){
 //      $('#opening').val('0');
 //      $('#openingPng').attr('src','');
 //    }   
	// if(e.keyCode == 103){
	// 	$('#update_ludan').toggle();
	// }	
  })
  
  $("#confirm_update_ludan").click(function (){
	retreated();
  });
  $("#cancel_update_ludan").click(function (){
	$('#update_ludan').hide();
  });

  // 庄问路
  $("#bankerask").click(function(){
    clearInterval(askInterval);
    getLudanBanker();
    ask(askData,ludan);
  })
  // 闲问路
  $("#playerask").click(function(){
    clearInterval(askInterval);
    getLudanPlayer();
    ask(askData,ludan);
  })

})


var keyT;
window.onkeydown = function(e){
  var timeout;
  if(!keyT){
    keyT=true;
    if(e.keyCode==99){
      timeout=setTimeout(function(){
        keyT=false;
      },500)
    }
  }else{
    keyT=false;
    if(e.keyCode==99){
      var image = new Image();
      var nid = $('#number_tab_dt_id').val();
      // var game_id = "{$table.game_id}";
        var game_id = $('#game_id').val();
      image.src1 = $("#canvas1")[0].toDataURL("image/png");
      image.src2 = $("#canvas2")[0].toDataURL("image/png");
      var canvas_bg=$("#canvas1").css("background");
      sessionStorage.setItem("canvas1",image.src1);
      sessionStorage.setItem("canvas2",image.src2);
      sessionStorage.setItem("canvas_bg",canvas_bg);
      $('#print_iframe').attr('src', '/index/stamp?nid='+nid+'&game_id='+game_id);
      $(".iframe-box").show();
    }
  }
}
function close_print(){
  $(".iframe-box").hide();
}

var getOnlineNumber = function (connections){
  var query = new Object();
  query.connections = connections;
  $.ajax({
    url:'/index/get_online_number',
    data:query,
    dataType:"json",
    type:"POST",
    async:false,
    success:function(data){
      if(data.code == 1){
        $('#onlineNumber').html(data.data);
      }
    }
  });
}

var showPng = function (opening){
  if(opening == 1) {
    $('#openingPng').attr('src','/static/console/new_img/dragon_win.png');
     mp3List = ['dragon_win.mp3'];
  }
  if(opening == 2) {
    $('#openingPng').attr('src','/static/console/new_img/tiger_win.png');
    mp3List = ['tiger_win.mp3'];

  }
  if(opening == 3) {
    $('#openingPng').attr('src','/static/console/new_img/tie.png');
     mp3List = ['tie.mp3'];
  }
   audioMp3(mp3List).Play();
  $('#openingElement').show().delay(3000).hide(300);
}

var showPng_noVoice = function (opening){
  var status = $('#number_tab_status').val();
  if(status == '2'){
    if(opening == 1) {
      $('#openingPng').attr('src','/static/console/new_img/dragon_win.png');
    }
    if(opening == 2) {
      $('#openingPng').attr('src','/static/console/new_img/tiger_win.png');

    }
    if(opening == 3) {
      $('#openingPng').attr('src','/static/console/new_img/tie.png');
    }
    $('#openingElement').show();
  }else{
    layer.msg(lang.opening_fail_1);
  }
  
}


var audio=$("#audio").get(0);
var mp3List;
var num=0;


function audioMp3(mp3List){
  var mp3=new Object();
      mp3.mp3List=mp3List;
      mp3.url="/static/console/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;
}
audio.addEventListener("ended", nextAudio);
function nextAudio(){
    num+=1
    if(num<mp3List.length){
        audio.src="/static/console/mp3/"+mp3List[num];
        audio.play();
    }else{
        audio.pause();
        audio.currentTime = 0.0; 
        // console.log("播完")
        num=0;
    } 
}




// WebSocket 数据交互
      var number_tab_id;
      if(window.WebSocket){
        var webSocket = new WebSocket(websocketUrl);
            webSocket.onerror = function(event){
              layer.msg(lang.connect_fail);
            }
            webSocket.onopen = function (event) {
              var userid = $('#userid').val();
              var account = $('#account').val();
              var online_token = $('#online_token').val();
			  var table_id = $('#table_id').val();
              if(parseInt(userid) > 0 && account != '' && online_token != ''){
                webSocket.send('{"connect":"space","mode":"onlineLogin","account":"'+account+'","userid":"'+userid+'","table_id":"'+table_id+'","online_token":"'+online_token+'"}');
              }else{
                webSocket.close();
                layer.msg(lang.connect_fail);
              }
            };
            // 桌子状态 
            var setBetStatus = function (BetStatus){
              // console.log(BetStatus)
              if(BetStatus.type == 1){
                $('#betstatus').html(lang[BetStatus.betMsg]);
              }else if(BetStatus.type == 2){
                $('#number_tab_status').val(BetStatus.betStatus);
                $('#betstatus').html(lang[BetStatus.betMsg]);
                $('#opening_result').html('');
              }
            };
            // 获取桌子数据
            var setNumberInfo = function (round){ 
              number_tab_id=round.number_tab_id
              $('#boot_num').val(round.boot_num);//靴数
              $('#number').val(round.number_tab_number);// 局数
              $('#number_tab_dt_id').val(round.number_tab_id);
              $('#boot_id').val(round.boot_id);
              getResultToatl(round.tid,round.boot_id);
            };
            // 重置下注
            var clearBetAmount = function (){
              $('#banker_amount').html(0);
              $('#player_amount').html(0);
              $('#tie_amount').html(0);
              $('#all_amount').html(0);
            };
            // 获取 庄、闲、和、对 开局次数
            var getResultToatl = function (TableId,BootId){
             var query = new Object();
             query.table_id = TableId;
             query.boot_id = BootId;
             $.ajax({
               url:'/index/get_result_total',
               data:query,
               dataType:"json",
               type:"POST",
               async:false,
               success:function(data){
                 if(data.code == 1){
                   var resultToatl = data.data;
                   $('#result_total_player').html(resultToatl.player);
                   $('#result_total_banker').html(resultToatl.banker);
                   $('#result_total_tie').html(resultToatl.tie);
                 }
               }
             });
            };
            //修改或者删除录单后从新获取number
            var getNumber = function (){
              var query = new Object();
              query.number_tab_id = parseInt($('#number_tab_dt_id').val());
              $.ajax({
                url:"/index/get_number_dt",
                type:"POST",
                dataType:"JSON",
                data:query,
                async:false,
                success:function(data){
                  if(data.status == 1){
                    $('#number').val(data.data);
                  }
                }
              })
            };
            var setBetAmount = function (amount){
              var banker_amount = parseInt($('#banker_amount').html()) >= 0 ? parseInt($('#banker_amount').html()) : 0;
              var player_amount = parseInt($('#player_amount').html()) >= 0 ? parseInt($('#player_amount').html()) : 0;
              var tie_amount = parseInt($('#tie_amount').html()) >= 0 ? parseInt($('#tie_amount').html()) : 0;
              var add_banker_amount = parseInt(amount.banker_amount) >= 0 ? parseInt(amount.banker_amount) : 0;
              var add_player_amount = parseInt(amount.player_amount) >= 0 ? parseInt(amount.player_amount) : 0;
              var add_tie_amount = parseInt(amount.tie_amount) >= 0 ? parseInt(amount.tie_amount) : 0;
              var all_amount=banker_amount + player_amount + tie_amount  + add_banker_amount+ add_player_amount+ add_tie_amount ;
              $('#banker_amount').html(banker_amount + add_banker_amount);
              $('#player_amount').html(player_amount + add_player_amount);
              $('#tie_amount').html(tie_amount + add_tie_amount);
              $('#all_amount').html(all_amount);
            };

            webSocket.onmessage = function (event) {
            var data = $.parseJSON(event.data);
			var table_id = parseInt($('#table_id').val());
			if(data.table_id == table_id){
            if(data.sendMode == 'onlineLogin'){
              if(data.status === true){
                //登录成功
                setNumberInfo(data.round);
                setBetStatus(data.round.number_tab_status)
                clearBetAmount();
                waybillFunc();
                  showForecast();  // 自动问路
              }else{
                //登录失败
                webSocket.close();
                layer.msg(lang[data.msg]);
              }
            }else if(data.sendMode == 'resetBoot' || data.sendMode == 'changeBoot'){
              //console.log(data);
              if(data.status === true){
                setNumberInfo(data.round);
                setBetStatus(data.round.number_tab_status);
                clearBetAmount();
                waybillFunc();
                  hiddenForecast(); //隐藏自动问路
              }else{
                layer.msg(lang[data.msg]);
              }
            }else if(data.sendMode == 'startBet'){
              if(data.status === true){
                setBetStatus(data.round.number_tab_status);
              }else{
                layer.msg(lang[data.msg]);
              }
            }else if(data.sendMode == 'startBetCountDown'){
                if(data.status === true && data.countDown >= 0){
                    countDown(data.countDown);
                }else{
                    layer.msg(lang[data.msg]);
                }
            }else if(data.sendMode == 'endBet'){
              if(data.status === true){
                $('#opening').val(0);
                $('#result_banker_pair').val(0);
                $('#result_player_pair').val(0);
                setBetStatus(data.round.number_tab_status);
                clearTimeout(t);
                c = parseInt($('#wait_time').val());
              }else{
                layer.msg(lang[data.msg]);
              }
            }else if(data.sendMode == 'toBet'){
              if(data.status === true){
                setBetAmount(data.betAmountMsg);
              }
            }else if(data.sendMode == 'inCheckout'){
              if(data.status === true){
                setBetStatus(data.round.number_tab_status);
                clearBetAmount();
              }else{
                layer.msg(lang[data.msg]);
              }
            }else if(data.sendMode == 'openingDt'){
              if(data.status === true){
                showPng(data.round.opening);
                // $('.result-btn').css('background','#999');
                // $('.result-btn-pair').css('background','#999');
                $('#opening').val(0);
                setNumberInfo(data.round);
                setBetStatus(data.round.number_tab_status);
                clearBetAmount();
                waybillFunc();
                  showForecast();  // 自动问路
                  //autoBet();    // 自动开始下注
              }else{
                $('#opening').val(0);
                layer.msg(lang[data.msg]);
              }
            }else if(data.sendMode == 'sendOnlienNumberExit' || data.sendMode == 'sendOnlienNumberEntry' || data.sendMode == 'sendOnlienNumberSpaceEntry'){
              $('#onlineNumber').html(data.number);
      			  if(data.sendMode == 'sendOnlienNumberEntry'){
        				if(data.betStatus == 0){
        					//mp3List = ['welcome.mp3'];
        					//audioMp3(mp3List).Play();
        					//autoBet(true);
        				}
      			  }
            }else if(data.sendMode == 'retreated'){
				if(data.status === true){
					$("#update_ludan").hide();
            waybillFunc();
            getNumber();
            getResultToatl(data.table_id,data.round.boot_id);
				}else{
					layer.msg(lang[data.msg]);
				}
			}else if(data.sendMode == 'RepeatedEntry'){
                webSocket.close();
                layer.msg(lang[data.msg]);
				setTimeout(function (){
					window.location.href='/login/logout';
				},2000);
			}else if(data.sendMode == 'resetNumberTab'){
                        if(data.status == true){
                            setNumberInfo(data.round);
                            setBetStatus(data.round.number_tab_status);
                            $(".countdown").css('opacity',0);
                        }
                    }
			}
          };
        var inCheckout = function(){
           isCBoot = true;
          layer.confirm(lang.is_to_shuffle,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
            var table_id = $('#table_id').val();
            webSocket.send('{"connect":"space","mode":"inCheckout","table_id":"'+parseInt(table_id)+'"}');
            isCBoot = false;
            layer.close(index);
          },function(index){
             isCBoot = false;
          });
        }
        var resetBoot = function(){
          layer.confirm(lang.is_to_balance,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
            var table_id = $('#table_id').val();
            webSocket.send('{"connect":"space","mode":"resetBoot","table_id":"'+parseInt(table_id)+'"}');
            layer.close(index);
          });
        };
        var changeBoot = function(){
          isCBoot = true;
          var betStatus=$("#number_tab_status").val();
          if(betStatus == 0 || betStatus == 3){
            layer.confirm(lang.is_to_boot,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
              var table_id = $('#table_id').val();
              webSocket.send('{"connect":"space","mode":"changeBoot","table_id":"'+parseInt(table_id)+'"}');
              isCBoot = false;
              layer.close(index);
            },function(index){
              isCBoot = false;
            });
          }else{
            layer.msg(lang.boot_settle_fail_3);
          }
            
        };
        var resetNumberTab = function(){
            layer.confirm(lang.is_reset_number,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
                var table_id = $('#table_id').val();
                webSocket.send('{"connect":"space","mode":"resetNumberTab","table_id":"'+parseInt(table_id)+'"}');
                layer.close(index);
            });
        };
        var loginout = function(){
          isCBoot = true;
          layer.confirm(lang.is_to_logout,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
            window.location.href='/login/logout';
            isCBoot = false;
            layer.close(index);
          },function(index){
            isCBoot = false;
          });
        };
        var startBet = function(){
			var table_id = parseInt($('#table_id').val());
			webSocket.send('{"connect":"space","mode":"startBet","table_id":"'+table_id+'","number_tab_id":"'+parseInt(number_tab_id)+'"}');
			var betStatus=$("#number_tab_status").val();
			if(betStatus==0){
				mp3List = ['start.mp3'];
				audioMp3(mp3List).Play();
			}
        };
        var endBet = function (){
			var table_id = parseInt($('#table_id').val());
			webSocket.send('{"connect":"space","mode":"endBet","table_id":"'+table_id+'","number_tab_id":"'+parseInt(number_tab_id)+'"}');
			var betStatus=$("#number_tab_status").val()
			if(betStatus==1){
				$(".countdown .num").html($("#wait_time").val())
				$(".countdown").css('opacity',0);
				mp3List = ['stop_2.mp3'];
				audioMp3(mp3List).Play();
			}
        };
        var opening = function(){
          $('.control-box .btn-box2 span').removeClass('on');
          var opening = $('#opening').val();
          var number_tab_dt_id = $('#number_tab_dt_id').val();
		  var table_id = parseInt($('#table_id').val());
          webSocket.send('{"connect":"space","mode":"openingDt","table_id":"'+table_id+'","number_tab_id":"'+parseInt(number_tab_dt_id)+'","opening":"'+opening+'"}');
          $('#openingElement').addClass("blink")
          setTimeout(function(){
            $('#openingElement').removeClass("blink").delay(3000).hide(1);
          },2900)
        };
		//回档方法
		var retreated = function(){
			var game_id = parseInt($('#game_id').val());
			var table_id = parseInt($('#table_id').val());
			var boot_id = parseInt($('#boot_id').val());
			var number_tab_id = parseInt($('#number_tab_dt_id').val());
			var update_ludan_result = $('#update_ludan_result').val();
			if(update_ludan_result == ''){
				layer.msg(lang.need_a_result);
				return false;
			}
			webSocket.send('{"connect":"space","mode":"retreated","number_tab_id":"'+number_tab_id+'","boot_id":"'+boot_id+'","table_id":"'+table_id+'","game_id":"'+game_id+'","result":"'+update_ludan_result+'"}');
		}
    //回档方法
  var cutout = function(){
    var game_id = parseInt($('#game_id').val());
    var table_id = parseInt($('#table_id').val());
    var boot_id = parseInt($('#boot_id').val());
    //获取上一铺的ID
    var number_tab_id = 0;
    var istosend = false;
    var query = new Object();
    query.game_id = game_id;
    query.table_id = table_id;
    query.boot_id = boot_id;
    $.ajax({
      url:"/index/get_last_number_tab_id",
      type:"POST",
      dataType:"JSON",
      data:query,
      async:false,
      success:function(data){
        if(data.status == 1){
          number_tab_id = data.data;
          istosend = true;
        }else{
          layer.msg(data.msg);
          
        }
      }
    })
    if(istosend == false){
      return false;
    }
    var action = 2;
    var update_ludan_result = '0-0';
    isCBoot = true;
    layer.confirm('是否需要进行删除上一铺？',{btn: ['确认','取消']}, function(index){
      webSocket.send('{"connect":"space","mode":"retreated","number_tab_id":"'+number_tab_id+'","boot_id":"'+boot_id+'","table_id":"'+table_id+'","game_id":"'+game_id+'","result":"'+update_ludan_result+'","action":"'+action+'"}');
      isCBoot = false;
      layer.close(index);
    },function(index){
       isCBoot = false;
    });
  }
      /* *** 确认提交结果方法 *** */
      var confirmResult = function(id,result){
        $('.control-box .btn-box2 span').eq(0).removeClass('on');
        $('.control-box .btn-box2 span').eq(1).removeClass('on');
        $('.control-box .btn-box2 span').eq(2).removeClass('on');
        var is_on=$("#"+id).hasClass("on");
        if(is_on){
          $("#"+id).removeClass("on")
        }else{
          $("#"+id).addClass("on")
        }
        $('#opening').val(result);
        showPng_noVoice(result);
      };
      /* *** 确认提交结果方法 *** */
    }else{
      layer.msg(lang.browser_error);
    }

// 请求所有路单数据，执行画布刷新
function waybillFunc(){
    var data = new Object;
    data.boot_id = $('#boot_id').val();
    data.game_id = $('#game_id').val();
    $.ajax({
        url:"/index/waybill",
        type:"POST",
        dataType:"JSON",
        data:data,
        success:function(data){
            // 将数据结果存session
            ludan = data;
            // 执行画布刷新
            requestData(ludan);
        }
    });
}
//庄问路
var getLudanBanker = function(){
    var next = new Object;
    next.boot_id = $('#boot_id').val();
    next.game_id = $('#game_id').val();
    next.forecast = 1;
    $.ajax({
        url:"/index/waybill",
        type:"POST",
        dataType:"JSON",
        data:next,
        async:false,
        success:function(data){
            askData = data;
        }
    });
    return askData
}
//闲问路
var getLudanPlayer = function(){
    var next = new Object;
    next.boot_id = $('#boot_id').val();
    next.game_id = $('#game_id').val();
    next.forecast = 2;
    $.ajax({
        url:"/index/waybill",
        type:"POST",
        dataType:"JSON",
        data:next,
        async:false,
        success:function(data){
            askData = data;
        }
    });
    return askData
}

// 自动问路
// 自动问路
var showForecast = function(){
    var len = 0;
    // 庄自动问路
    var bankerResult = getLudanBanker();
    if(bankerResult.status == true){
        var bankerResult = bankerResult.waybill;
        // 大眼路
        if(bankerResult.bigEyeRoad!=""){
            len = bankerResult.bigEyeRoad.length - 1;
            if(bankerResult.bigEyeRoad[len].result == 1){
                $('#bankerask').find('.circle').css('border-color','#b20a00').css('opacity',1);
            }else if(bankerResult.bigEyeRoad[len].result == 2){
                $('#bankerask').find('.circle').css('border-color','#0543bc').css('opacity',1);
            }
        }
        // 小路
        if(bankerResult.pathway!=""){
            len = bankerResult.pathway.length - 1;
            if(bankerResult.pathway[len].result == 1){
                $('#bankerask').find('.round').css('border-color','#b20a00').css('background-color','#b20a00').css('opacity',1);
            }else if(bankerResult.pathway[len].result == 2){
                $('#bankerask').find('.round').css('border-color','#0543bc').css('background-color','#0543bc').css('opacity',1);
            }
        }
        // 曱甴路
        if(bankerResult.roach!=""){
            len = bankerResult.roach.length - 1;
            if(bankerResult.roach[len].result == 1){
                $('#bankerask').find('.bar').removeClass('blue').removeClass('red');
                $('#bankerask').find('.bar').addClass('red').css('opacity',1);
            }else if(bankerResult.roach[len].result == 2){
                $('#bankerask').find('.bar').removeClass('blue').removeClass('red');
                $('#bankerask').find('.bar').addClass('blue').css('opacity',1);
            }
        }
    }

    // 闲自动问路
    var playerResult = getLudanPlayer();
    if(playerResult.status == true){
        var playerResult = playerResult.waybill;
        // 大眼路
        if(playerResult.bigEyeRoad!=""){
            var len = playerResult.bigEyeRoad.length - 1;
            if(playerResult.bigEyeRoad[len].result == 1){
                $('#playerask').find('.circle').css('border-color','#b20a00').css('opacity',1);
            }else if(playerResult.bigEyeRoad[len].result == 2){
                $('#playerask').find('.circle').css('border-color','#0543bc').css('opacity',1);
            }
        }
        // 小路
        if(playerResult.pathway!=""){
            len = playerResult.pathway.length - 1;
            if(playerResult.pathway[len].result == 1){
                $('#playerask').find('.round').css('border-color','#b20a00').css('background-color','#b20a00').css('opacity',1);
            }else if(playerResult.pathway[len].result == 2){
                $('#playerask').find('.round').css('border-color','#0543bc').css('background-color','#0543bc').css('opacity',1);
            }
        }
        // 曱甴路
        if(playerResult.roach!=""){
            len = playerResult.roach.length - 1;
            if(playerResult.roach[len].result == 1){
                $('#playerask').find('.bar').removeClass('blue').removeClass('red');
                $('#playerask').find('.bar').addClass('red').css('opacity',1);
            }else if(playerResult.roach[len].result == 2){
                $('#playerask').find('.bar').removeClass('blue').removeClass('red');
                $('#playerask').find('.bar').addClass('blue').css('opacity',1);
            }
        }
    }
};
// 换靴时隐藏自动问路
var hiddenForecast = function(){
    $('#bankerask').find('.circle').css('opacity',0);
    $('#bankerask').find('.round').css('opacity',0);
    $('#bankerask').find('.bar').css('opacity',0);
    $('#playerask').find('.circle').css('opacity',0);
    $('#playerask').find('.round').css('opacity',0);
    $('#playerask').find('.bar').css('opacity',0);
}


// 问路方法
var askInterval;
function ask(newdata,olddata){
  var nshowRoad=newdata.waybill.showRoad;
  var nbigEyeRoad=newdata.waybill.bigEyeRoad;
  var nbigRoad=newdata.waybill.bigRoad;
  var npathway=newdata.waybill.pathway;
  var nroach=newdata.waybill.roach;

  var oshowRoad=olddata.waybill.showRoad;
  var obigEyeRoad=olddata.waybill.bigEyeRoad;
  var obigRoad=olddata.waybill.bigRoad;
  var opathway=olddata.waybill.pathway;
  var oroach=olddata.waybill.roach;

if(nshowRoad.length>0){
  var n_s_last_x=nshowRoad[nshowRoad.length-1].show_x
  }else{
    var n_s_last_x=0
  }
  if(nbigEyeRoad.length>0){
    var n_e_last_x=nbigEyeRoad[nbigEyeRoad.length-1].show_x
  }else{
    var n_e_last_x=0
  }
  if(nbigRoad.length>0){
    var n_b_last_x=nbigRoad[nbigRoad.length-1].show_x
  }else{
    var n_b_last_x=0
  }
  if(npathway.length>0){
    var n_p_last_x=npathway[npathway.length-1].show_x
  }else{
    var n_p_last_x=0
  }
  if(nroach.length>0){
    var n_r_last_x=nroach[nroach.length-1].show_x
  }else{
    var n_r_last_x=0
  }
  if(oshowRoad.length>0){
    var o_s_last_x=oshowRoad[oshowRoad.length-1].show_x
  }else{
    var o_s_last_x=0
  }
  if(obigEyeRoad.length>0){
    var o_e_last_x=obigEyeRoad[obigEyeRoad.length-1].show_x
  }else{
    var o_e_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
  }
  if(opathway.length>0){
    var o_p_last_x=opathway[opathway.length-1].show_x
  }else{
    var o_p_last_x=0
  }
  if(oroach.length>0){
    var o_r_last_x=oroach[oroach.length-1].show_x
  }else{
    var o_r_last_x=0
  }

  var askroad={
    "askshowroad":false,
    "askbigRoad":false,
    "askbigEyeRoad":false,
    "askpathway":false,
    "askroach":false,
  };
  if(n_s_last_x>o_s_last_x){
    askroad.askshowroad=true;
  }else{
    askroad.askshowroad=false;
  }
  if(n_e_last_x>o_e_last_x){
    askroad.askbigEyeRoad=true;
  }else{
    askroad.askbigEyeRoad=false;
  }
  if(n_b_last_x>o_b_last_x){
    askroad.askbigRoad=true;
  }else{
    askroad.askbigRoad=false;
  }
  if(n_p_last_x>o_p_last_x){
    askroad.askpathway=true;
  }else{
    askroad.askpathway=false;
  }
  if(n_r_last_x>o_r_last_x){
    askroad.askroach=true;
  }else{
    askroad.askroach=false;
  }
  var time=8;
  askInterval=setInterval(function(){
    time--;
    var num=time%2;
    if(time<0){
      clearInterval(askInterval);
    }else{
      if(num==1){
        requestData(newdata,true,askroad)
      }else{
        requestData(olddata,true)
      }
    }
  },200); 
}
function requestData(data,ask,askroad){
  var ask=ask||false;
  var askroad=askroad||{
    "askshowroad":false,
    "askbigRoad":false,
    "askbigEyeRoad":false,
    "askpathway":false,
    "askroach":false,
  };
  smallH=$(".canvas-box.small").height();
  smallW=$(".canvas-box.small").width();
  bigH=$(".canvas-box.big").height();
  bigW=$(".canvas-box.big").width();
  // 计算单位
  unitsmall=smallH/6;
  unitbig=bigH/6;
  // 计算列个数
  colsmall=Math.floor(smallW/unitsmall);
  colbig=Math.floor(bigW/unitbig);
  CanvasTable("#canvas1",unitsmall,6,colsmall,data,ask,askroad);
  CanvasTable("#canvas2",unitsmall,6,colsmall,data,ask,askroad);
  CanvasTable("#canvas3",unitbig,6,colbig,data,ask,askroad);
  // $(".canvas-box .active-box").width($(".table-data").width()-30)
}

function CanvasTable(Id,unit,rows,cols,data,ask,askroad){
    var width=unit*cols,
        height=unit*rows;
  
  $(Id).attr("width",width)
  $(Id).attr("height",height)
  var canvasId=$(Id);
  var ctb=canvasId[0].getContext('2d');
      ctb.lineWidth = 1;//线条宽度
      ctb.strokeStyle = "#919191";//线条颜色
      ctb.beginPath();
      ctb.moveTo(0, 0.5);
      ctb.lineTo(width, 0.5);
      for (var i = 0; i <= rows; i++) {
          ctb.moveTo(0, unit*i);
          ctb.lineTo(width, unit*i);
       }
      ctb.closePath()
      ctb.stroke();
      ctb.beginPath();
      ctb.moveTo(0.5, 0);
      ctb.lineTo(0.5, height);
      for (var j = 1; j <= cols; j++) {
          ctb.moveTo(unit*j,0);
          ctb.lineTo(unit*j,height);
        }
      ctb.closePath()
      ctb.stroke();
      if(data.status){  
          switch(true){
            // 判断是否滚动
              case Id=="#canvas3":
              var showRoad=data.waybill.showRoad;
              if(showRoad!=''){
                var roadType="showWay"
                cutRoad(roadType,ctb,unit,showRoad,cols,ask,askroad.askshowroad);

              }
              break;
              case Id=="#canvas1":
              var bigRoad=data.waybill.bigRoad;
              if(bigRoad!=''){
                if(bigRoad[0].result==3&&bigRoad[0].show_x==1&&bigRoad[0].show_y==1){
                    BigPathTie(ctb,unit,bigRoad[0].tie_num)
                }else{
                  var roadType="bigWay";
                  cutRoad(roadType,ctb,unit,bigRoad,cols,ask,askroad.askbigRoad);
                }
              }
              break;
              case Id=="#canvas2":
                  var bigEyeRoad=data.waybill.bigEyeRoad;
                  var pathway=data.waybill.pathway;
                  var roach=data.waybill.roach;

                  if(bigEyeRoad!=''){
                    var roadType="bigeyeWay"
                    cutRoad(roadType,ctb,unit,bigEyeRoad,cols,ask,askroad.askbigEyeRoad);
                  };
                  if(pathway!=''){
                    var roadType="littlWay"
                    cutRoad(roadType,ctb,unit,pathway,cols,ask,askroad.askpathway);
                  };
                  if(roach!=''){
                    var roadType="roachWay";
                    cutRoad(roadType,ctb,unit,roach,cols,ask,askroad.askroach);
                  };
              break;
            } 
      } 
}
// 前端路单数据截取
function cutRoad(roadType,ctb,unit,roadData,cols,ask,askroad){
  var L=roadData.length;
  var new_roadData=[];
  var Tab=0
  if(roadType=="showWay"||roadType=="bigWay"){
      if(ask&&askroad){
       Tab=cols;
      }else{
        Tab=cols-1;
      }
  }else{
    if(ask&&askroad){
       Tab=cols-1;
      }else{
        Tab=cols-2;
      }
  }
  var start_x=cols/2+0.25;
      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(new_roadData,function(i,v){
           if(roadType=="roachWay"){
               CockrochPath(ctb,unit,start_x,v.show_x-cut,v.show_y,v.result)
           }else if(roadType=="littlWay"){
               LittlePath(ctb,unit,v.show_x-cut,v.show_y,v.result)
           }else if(roadType=="bigeyeWay"){
               BigeyePath(ctb,unit,v.show_x-cut,v.show_y,v.result)
           }else if(roadType=="showWay"){
               SoloPath(ctb,unit,v.show_x-cut,v.show_y,v.result,v.pair)
           }else if(roadType=="bigWay"){
               BigPath(ctb,unit,v.show_x-cut,v.show_y,v.result,v.tie_num,v.pair)
           }      
      })
}

// 局数 数，文字X坐标，文字Y坐标，文字大小风格
function Font_tie(ctb,num,Font_x,Font_y,fontsize){
     if(num!==undefined){
        ctb.beginPath();
        ctb.font=fontsize;
        ctb.textAlign = 'center'; 
        ctb.textBaseline = 'middle'; 
        ctb.fillStyle ="#242424"; 
        ctb.fillText(num,Font_x,Font_y);
        ctb.stroke();
    }
}
function SoloPath(ctb,unit,x,y,type,corners){
           ctb.beginPath();
           ctb.lineWidth = 0.5;
           ctb.strokeStyle = "#000";
           var radius=unit/2||0;
           if(type==1){
               var color='#b20a00',
                   fonts=lang.dragon;
                   ctb.strokeStyle = "#ff4a68";
           }else if(type==2){
               var color='#0543bc',
                   fonts=lang.tiger;
                   ctb.strokeStyle = "#7e7df6";
           }else if(type==3){
               var color='#1d8701',
                   fonts=lang.tie; 
                   ctb.strokeStyle = "#71df57";
           }
           ctb.arc(radius+unit*(x-1), radius+unit*(y-1), unit*0.45, 0, Math.PI * 2);
           ctb.fillStyle=color;
           ctb.fill();
           ctb.font=unit*0.6+"px Arial";
           ctb.fillStyle ="#fff" ; // 颜色
           ctb.textAlign = 'center'; 
           ctb.textBaseline = 'middle'; 

           ctb.fillText(fonts,radius+unit*(x-1),radius+unit*(y-1));

           ctb.stroke();
           var corner_xy=unit/3.5
           if(corners==1){
               corner(ctb,unit,x,y,corner_xy,'#ff2202');
           }else if(corners==2){
                corner(ctb,unit,x,y,-corner_xy,'#0337ff');
           }else if(corners==3){
               corner(ctb,unit,x,y,corner_xy,'#ff2202');
               corner(ctb,unit,x,y,-corner_xy,'#0337ff'); 
           }
    }

   //角标
  function corner(ctb,unit,x,y,corner_xy,corner_color){
         var radius=unit/2
           ctb.beginPath();
           ctb.lineWidth = 0.5;
           ctb.strokeStyle = "#fff";
           ctb.arc(radius+unit*(x-1)-corner_xy, radius+unit*(y-1)-corner_xy, unit*0.13, 0, Math.PI * 2);
           ctb.fillStyle=corner_color;
           ctb.fill();
           ctb.stroke();
  }
// 大路
function BigPath(ctb,unit,x,y,type,slash,corners){
  ctb.beginPath();
  ctb.lineWidth = unit*0.15;
  var radius=unit/2
  if(type==2){
        var color="#0543bc";
    }else if(type==1){
        var color="#b20a00"
    }
  ctb.strokeStyle = color;
  ctb.arc(radius+unit*(x-1),radius+unit*(y-1), unit*0.38, 0, Math.PI * 2);
  ctb.closePath()
  ctb.stroke();

    if(slash!=0){
          ctb.beginPath();
          linewidth=unit*0.2;
          ctb.lineWidth = 3;//线条宽度
          ctb.lineCap = "round";
          ctb.strokeStyle = "#1d8701";//线条颜色

          ctb.moveTo(radius+unit*(x-1)-linewidth,radius+unit*(y-1)+linewidth);
          ctb.lineTo(radius+unit*(x-1)+linewidth,radius+unit*(y-1)-linewidth);

          ctb.stroke();
          if(slash>0){
            Font_tie(ctb,slash,radius+unit*(x-1), radius+unit*(y-1),unit*0.66+"px Arial");
          }
           
      }
    var corner_xy=unit/3.5
        if(corners==1){
            corner(ctb,unit,x,y,corner_xy,'#ff2202');
        }else if(corners==2){
             corner(ctb,unit,x,y,-corner_xy,'#0337ff');
        }else if(corners==3){
            corner(ctb,unit,x,y,corner_xy,'#ff2202');
            corner(ctb,unit,x,y,-corner_xy,'#0337ff'); 
        }
}

  // 大路 第一局 和
  function BigPathTie(ctb,unit,order){
      ctb.beginPath();
      ctb.lineWidth = 2.5;//线条宽度
      ctb.strokeStyle = "#3faa96";//线条颜色
      ctb.lineCap = "round";
      ctb.moveTo(unit*0.15,unit/2);
      ctb.lineTo(unit*0.85,unit/2);
      ctb.stroke();
      Font_tie(ctb,order,unit/2, unit/2,unit*0.55+"px Arial");
  }


// 大眼路
function BigeyePath(ctb,unit,x,y,type){
  ctb.beginPath();
  ctb.lineWidth = unit*0.10;
  var radius=unit/2
  if(type==2){
        var color="#0543bc";
    }else if(type==1){
        var color="#b20a00"
    }
  ctb.strokeStyle = color;
  ctb.arc(radius/2+radius*(x-1),radius/2+radius*(y-1), unit*0.17, 0, Math.PI * 2);
  ctb.closePath()
  ctb.stroke();
}

//小路
function LittlePath(ctb,unit,x,y,type){
  ctb.beginPath();
  ctb.lineWidth = 0;
  var radius=unit/2
  if(type==2){
        var color="#0543bc";
    }else if(type==1){
        var color="#b20a00"
    }
  ctb.strokeStyle = color;
  ctb.fillStyle=color;
  ctb.arc(radius/2+radius*(x-1),unit*3.25+radius*(y-1), unit*0.16, 0, Math.PI * 2);
  ctb.closePath()
    ctb.stroke();
    ctb.fill();
}


function CockrochPath(ctb,unit,start_x,x,y,type){
    var radius=unit/2,
    linewidth=unit*0.16;       
    ctb.beginPath();
    ctb.lineCap = "round";
    ctb.lineWidth = 4;//线条宽度
    if(type==2){
      var color="#0543bc";
    }else if(type==1){
      var color="#b20a00"
    }
  ctb.strokeStyle = color;
    ctb.moveTo(start_x*unit+radius*(x-1)-linewidth,radius/2+radius*(y-1)+linewidth);
    ctb.lineTo(start_x*unit+radius*(x-1)+linewidth,radius/2+radius*(y-1)-linewidth);
    ctb.stroke();  
} 


function countDown(time) {
    $(".countdown .num").html(time)
    // $(".countdown").fadeIn();
    $(".countdown").css("opacity",1);
    if(time<=0){
        // console.log(111);
        mp3List = ['stop_2.mp3'];
        audioMp3(mp3List).Play();
        // $(".countdown").fadeOut();
        $(".countdown").css("opacity",0);
		var table_id = $('#table_id').val();
        webSocket.send('{"connect":"space","mode":"endBet","table_id":"'+table_id+'","number_tab_id":"'+parseInt(number_tab_id)+'"}');
        return;
    }
}

function notice(){
  if (roll == -LiWidth) {
          roll = 0;
      }
      roll -= 1;
      $(".notice .scroll").css({
          left: roll
      })
}


function getTime() {
    var today = new Date();
    var h = today.getHours();
    var minute = today.getMinutes()
    var s = today.getSeconds();
    if (h < 10) {
        h = "0" + h;
    }
    if (minute < 10) {
        minute = "0" + minute;
    }
    if (s < 10) {
        s = "0" + s;
    }
    if(lang.lang == 'en-us'){
      var strDate = new Date();
      strDate = strDate.toDateString()
      strDate += " " + h + ":" + minute + ":" + s;
    }else if(lang.lang == 'zh-cn'){
      var strDate = (" " + today.getFullYear() + "年" + (today.getMonth() + 1) + "月" + today.getDate() + "日" + h + ":" + minute + ":" + s);
    }else if(lang.lang == 'zh-tw'){
      var strDate = (" " + today.getFullYear() + "年" + (today.getMonth() + 1) + "月" + today.getDate() + "日" + h + ":" + minute + ":" + s);
    }
    var n_day = today.getDay();
    switch (n_day) {
        case 0:
            var week = lang.sunday;
            break;
        case 1:
            var week = lang.monday;
            break;
        case 2:
            var week = lang.tuesday;
            break;
        case 3:
            var week = lang.wednesday;
            break;
        case 4:
            var week = lang.thursday;
            break;
        case 5:
            var week = lang.friday;
            break;
        case 6:
            var week = lang.saturday;
            break;
        case 7:
            var week = lang.sunday;
            break;
    }
    $('.date .weekend').html(week);
    $('.date .time').html(strDate);
}


function autoBet(data){
    var number = $('#onlineNumber').text();
    var bet_type = $('#bet_type').val();
    // 只有网络投注的桌子才自动开始下注
    if(bet_type == 1 || bet_type == 3){
      if(data == true){
        // 客户刚进来
        startBet();
      }else{
        // 开结果之后 只有在线人数大于0时才自动开始下注
        if(number > 0){
          setTimeout(function(){
              startBet();
          },5000)
        }
      }
      
    }
}