function inputNum(evt){  
  //鐏嫄浣跨敤evt.which鑾峰彇閿洏鎸夐敭鍊硷紝IE浣跨敤window.event.keyCode鑾峰彇閿洏鎸夐敭鍊
  var ev = evt.which?evt.which:window.event.keyCode;
  if(ev>=48&&ev<=57){
    return true;
  }else{
    return false;
  }  
}
// 浠ｇ爜鍑虹幇鏁堟灉
function fontShow(){
 var index = 0;
 var word = $('#word').html();
 function type(){
   var subWord = word.substring(0, index++);
   if(subWord.charAt(subWord.length - 1) == '<'){
     subWord = subWord + 'br>'
     index += 2
   }
   $('#showWord').html(subWord)
   if(subWord == word){
     clearInterval(paraTime)
     setTimeout(function(){
       $('.hellowWord').fadeIn()
     }, 500)
   }
 }
 var paraTime = setInterval(type, 8);
}
// 棣栭〉璺宠浆
$('.demo_more').click(function(){
 $('.plate').css("display","none")
 $('.second').fadeIn()
 fontShow();
})

//缂栬瘧鍚庤烦杞
$('.start').click(function(){
 $('.plate').css("display","none");
 $('.third').fadeIn();
 imgLoad($('.third'))
})

//鍥剧墖鍔犺浇
function imgLoad(imgEl){
  imgEl.find('img').each(function(index,el){
    var src = $(el).attr('data-src')
    $(el).attr("src",src)
  })
  imgEl.find('.yeBg').each(function(index,el){
   var src = $(el).attr('data-src')
   $(el).css("background-image","url("+src+")")
 })
 var src3 = imgEl.attr('data-src')
 if(src3){
 imgEl.css("background-image","url("+src3+")")
 }
}

imgLoad($('.first'));

// 棣栭〉鑿滃崟灞曠ず
$('.menu_first').each(function(index,el){
 $(el).click(function(){
  var flag = $(this).attr('data-flag')
  if(flag == 0){
    $(this).siblings('.menu_list_two').slideDown(500)
    $(this).attr('data-flag','1')
    if(index == 0){
      $('.menu_first:eq(1)').css('display','none')
      $('.menu_list_two:eq(1)').css('display','none')
    }
  }else{
    $(this).siblings('.menu_list_two').slideUp(500)
    $(this).attr('data-flag','0')
    if(index == 0){
      setTimeout(function(){
        $('.menu_first:eq(1)').css('display','flex')
      },500)
      
    }
  }
 });
});


// 棣栭〉鑿滃崟璺宠浆
$('.menu_list_two li').each(function(index,el){
 $(this).click(function(){
  if(index <= 15){
    $('.menu_list_two').fadeOut(100)
    $('.menu_first').fadeIn(100)
    $('.third').css('display','none')
    $('.four').css('display','block')
    $('.four > div').css('display','none')
    $('.four > div').eq(index).css('display','block')
    $('.menu_first').attr('data-flag','0')
    imgLoad($('.four > div').eq(index))
    if(index == 9){
      new Sdate("#Tpick_start",{
        acceptId: "#pickDate",
        showId:"#timing_move",
        hourId:"tiHour",
        minId:"tiMin",
        secId:"tiSec",
        endHour:100
      })
    }else if(index == 6){
      var swiper = new Swiper('.theme_swiper .swiper-container', {
        slidesPerView: 2,
        paginationClickable: true,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        }
      });
    }
  }else{
    alert('寮€鍙戣繘琛屼腑');
  }
  
 })
})

//棣栭〉杩愯
$('.third_show > div').each(function(index, el){
 $(this).click(function(){
   var img1_new = $('.third_move img:eq(0)').attr('data-change')
   var img2_new = $('.third_move img:eq(1)').attr('data-change')
   var img1_old = $('.third_move img:eq(0)').attr('data-src')
   var img2_old = $('.third_move img:eq(1)').attr('data-src')
   $('.third_move img:eq(0)').attr('src',img1_new)
   $('.moveImg').addClass('activeMove')
   setTimeout(function(){
     $('.third_move img:eq(1)').attr('src',img2_new)
     $('.third_face').eq(index).fadeIn()
   },1200)
   setTimeout(function(){
    $('.third_face').eq(index).find('img').fadeIn()
   },1800)
   setTimeout(function(){
     $('.third_move img:eq(0)').attr('src',img1_old)
     $('.third_move img:eq(1)').attr('src',img2_old)
     $('.moveImg').removeClass('activeMove')
     $('.third_face').eq(index).fadeOut()
     $('.third_face img:last-child').fadeOut()
   }, 3800);
 })
})

//褰撳墠鏃堕棿鏄剧ず
$(function(){
  var timeOnly = format((new Date()).valueOf())
  $('.timeOnly').text(timeOnly)
  setInterval(function(){
    var timeOnly = format((new Date()).valueOf())
    $('.timeOnly').text(timeOnly)
  },1000)
})

function add0(m){return m<10?'0'+m:m }
function format(shijianchuo)
{
//shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲
 var time = new Date(shijianchuo);
 var y = time.getFullYear();
 var m = time.getMonth()+1;
 var d = time.getDate();
 var h = time.getHours();
 var mm = time.getMinutes();
 var s = time.getSeconds();
 return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
}

//splash绐楀彛
$('.win_splash_show').on('click','.newBuild',function(){
 var newFile = '<div class="splash_show"><img src="/themes/bluestar_pc1/public/assets/images/close.png" class="close"><img src="/themes/bluestar_pc1/public/assets/images/new.png" class="newBuild"></div>'
 $(this).parent().after(newFile)
     $('.splash_show').each(function(index,el){
     var changeLen = (index + 1) * 9
     var zIndex = index
     $(this).css({"top":changeLen+"px","left":changeLen+"px","z-index":zIndex})
   })
})
$('.win_splash_show').on('click','.close',function(){
 $(this).parent().remove()
})

//modal绐楀彛
$('.radio_box img').each(function(index,el){ 
$(this).click(function(){
 var flag = $(this).attr('data-flag')
 var img_new = $(this).attr('data-change')
 var img_old = $(this).attr('data-src')
 var select = Number($('.upload').attr('data-select'))
 if(flag == '0'){
   imgSrc = img_new
   select = select+1;
   flag = '1'
 }else{
   imgSrc = img_old
   select = select-1;
   flag = '0'
 }
 $(this).attr('src',imgSrc)
 $(this).attr('data-flag',flag)
 $('.upload').attr('data-select',select)
})
})

$('.upload').click(function(){
  var select = Number($('.upload').attr('data-select'))
  if(select > 0){
    $('.box_wapper').fadeIn()
    $('.up_result').fadeIn()
    imgLoad($('.up_result'))
  }
// var select = Number($('.upload').attr('data-select'))
// var img_new = $('.up_result img').attr('data-change')
// var img_old = $('.up_result img').attr('data-src')
// if(select > 0){
//  tip = "涓婁紶鎴愬姛"
//  imgSrc = img_old
// }else{
//  tip = "璇峰厛閫夋嫨鏂囦欢"
//  imgSrc = img_new
// }
// $('.up_result img').attr('src',imgSrc)
// $('.up_result p').text(tip)
// $('.up_result').fadeIn()
})

$('.up_ok').click(function(){
$('.up_result').fadeOut()
$('.box_wapper').fadeOut()
})

$('.yewow').each(function(index,el){
  var anim = $(this).attr('yewow-in')
  var duration = $(this).attr('yewow-duration') || '1s'
  $(this).css('visibility','visible')
  $(this).addClass('animated ' + anim)
  $(this).css('animation-duration',duration)
})

//  绐楀彛鑿滃崟
$('.ye').each(function(index,el){
  var anim = $(this).attr('ye-in')
  var duration = $(this).attr('ye-duration') || '1s'
  $(this).css('visibility','visible')
  $(this).addClass('animated ' + anim)
  $(this).css('animation-duration',duration)
 })
 $(".ye").on("animationend oanimationend MSAnimationEnd webkitAnimationEnd", function() {
  var show = $(this).css('display')
  if(show != 'none'){
   $(this).attr('data-an','1')
  }else{
   $(this).attr('data-an','0')
  }
 });


$('.child_menu').each(function(index,el){
  var that = this;
  
  $(this).find('li').each(function(i,e){
    
    $(this).click(function(){
      
      var isNow = $(this).hasClass('win_menu_active')
      if(!isNow){
        outAnim(1,'body')
        $(that).find('li').removeClass('win_menu_active')
        $(this).addClass('win_menu_active')
        setTimeout(function(){
          outAnim(0)
          $(that).parent().find('.demo_con > div').css("display","none")
          $(that).parent().find('.demo_con > div').eq(i).css('display','flex')
        },1000)
        if(index == 2){
          myVideo1.pause();
          myVideo2.pause();
        }
      }
    })
  })
})

//绂诲紑杩涘叆鍔ㄧ敾
function outAnim(type,className){
  var classname = className || 'body'
  $(classname).find(".ye[data-an='1']").each(function(index,el){
    var yeIn = $(this).attr('ye-in')
    var yeOut = $(this).attr('ye-out')
    if(type == 1){
      $(this).removeClass(yeIn).addClass('animated ' + yeOut)
    }else{
      $(this).removeClass(yeOut).addClass(yeIn)
      $(this).attr('data-an','0')
    }
  })
}
// $('.window_menu li').each(function(index,el){
//  $(this).click(function(){
//   $('.window_menu li').removeClass('win_menu_active')
//   $(this).addClass('win_menu_active')
//   $('.window_con > div').css("display","none")
//   $('.window_con > div').eq(index).css('display','flex')
//  })
// })


//鎸夐挳
$('.bool_left li').click(function(){
  $(this).find('img').fadeToggle(0)
})
$('.bool_right li').click(function(){
  $('.spot').fadeOut(0)
  $(this).find('.spot').fadeToggle(0)
})
$('.normal_top li').each(function(index,el){
  $(this).click(function(){
    $('.normal_top li').removeClass('imgActive')
    $(this).addClass('imgActive')
    var src = $('.img_show img').attr('src').split('-')[0]
    var srcNow = src + '-' + (index+1) + '.png'
    $('.img_show img').attr("src",srcNow)
  })
})
$('.btn_list span').click(function(){
  $(this).addClass('btnActive')
})
$('.btn_list img').click(function(){
  var select = $(this).attr('alt')
  var src1 = $(this).attr('src').split('-')[0] + '-' + 'click' + '.png'
  var src2 = $(this).attr('src').split('-')[0] + '-' + 'default' + '.png'
  var src = select == '0'?src1:src2
  var selectNow = select == '0'?'1':'0'
  $(this).attr('src',src)
  $(this).attr('alt',selectNow)
})
$('.back .direct').click(function(){
  $('.plate').css('display','none')
  $('.third').css('display','block')
})
//鎸夐挳


//鍒楄〃
var listData = [
  {id:1, name:'鍙樺帇鍣?, price:45, num:11122, time:20100104},
  {id:2, name:'鐢佃矾鏉?, price:48, num:12112, time:20100106},
  {id:3, name:'澶槼鑳芥澘', price:60, num:1112, time:20200101}
 ]
initList(listData)

//鍒濆鍖栧垪琛
function initList(data){
  var str = '';
  for(var i = 0; i < data.length; i++){
    str += '<tr><td class="index"><span>'+data[i].id+'</span></td><td>'+data[i].name+'</td><td>'+data[i].price+'</td><td>'+data[i].num+'</td><td>'+data[i].time+'</td><td class="op"><div class="cell"><span class="direct up"><i class="iconfont icon-arrow-down"></i></span><span class="direct down"><i class="iconfont icon-arrow-down"></i></span><img src="/themes/bluestar_pc1/public/assets/images/btn2-default.png"></div></td></tr>'
  }
  $('.list_table tbody').html(str)
  down();
  up();
  del();
}

//鏂板鍒楄〃
 $('.list_ok').click(function(){
  var name = $('#name').val()
  var price = Number($('#price').val())
  var num = Number($('#num').val())
  var time = Number(formatDay())
  if(name && price && num){
    var id = Number($('#count').attr('data-index'))+1
    var listShow = '<tr><td class="index"><span>'+id+'</span></td><td>'+name+'</td><td>'+price+'</td><td>'+num+'</td><td>'+time+'</td><td class="op"><div class="cell"><span class="direct up"><i class="iconfont icon-arrow-down"></i></span><span class="direct down"><i class="iconfont icon-arrow-down"></i></span><img src="/themes/bluestar_pc1/public/assets/images/btn2-default.png"></div></td></tr>'
    $('.list_table tbody').append(listShow)
    $('#count').attr('data-index',id)
    listData.push({id:id, name:name, price:price, num:num, time:time})
    down();
    up();
    del();
  }else{
    $(".list_tip").fadeIn()
  }
 })

 $('.list_tip_ok').click(function(){
  $(".list_tip").fadeOut()
 })
 //涓嬬Щ
 function down() {
  $('tr').on('click','.down',function(){
    var partentsDiv = $(this).parents('tr')
    var next = partentsDiv.next();
    if(next.html() !== undefined){
      next.fadeOut('slow',function(){
        $(this).after(partentsDiv);
      }).fadeIn()
    }
  })
 }

 //涓婄Щ
 function up() {
  $('tr').on('click','.up',function () {
    var parentDiv = $(this).parents('tr');
    var prev = parentDiv.prev()
    if(prev.prev().html() !== undefined){
        prev.fadeOut('slow',function () {
            $(this).before(parentDiv)
        }).fadeIn()
    }
  })
 }
//鎸夊簭鍙锋帓搴
//鍗囧簭
$('.asc').click(function(){
  var by = $(this).parent().attr('data-name')
  var list = listData.sort(order(by, 'asc'))
  initList(list)
  // var result = compare(list,listData)
  // if(result == -1){
  //   initList(list)
  // }
})
//闄嶅簭
$('.desc').click(function(){
  var by = $(this).parent().attr('data-name')
  var list = listData.sort(order(by, 'desc'))
  initList(list)
  
})

//鎺掑簭
function order(prop, by){
  return function (obj1, obj2) {
    var val1 = obj1[prop];
    var val2 = obj2[prop];
    if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
      val1 = Number(val1);
      val2 = Number(val2);
    }
    if (val1 < val2) {
      if(by == 'asc'){
        return -1;
      }else if(by == 'desc'){
        return 1;
      }
    } else if (val1 > val2) {
      if(by == 'asc'){
        return 1;
      }else if(by == 'desc'){
        return -1;
      }
    } else {
      return 0;
    }           
  }
}


 
 
 //鍒犻櫎鏁版嵁
 function del(params) {
  $('.op').on('click','img',function(){
    $(this).parents('tr').remove()
    var id = $(this).parents('tr').find('.index').text()
    for(var i in listData){
      var param = listData[i]
      if(param.id == id){
        listData.splice(i,1)
      }
    }
  })
  $('.op img').mouseenter(function(){
    var src = $(this).attr('src').split('-')[0] + '-click.png';
    $(this).attr('src',src)
   })
   $('.op img').mouseleave(function(){
    var src = $(this).attr('src').split('-')[0] + '-default.png';
    $(this).attr('src',src)
   })
 }

 function formatDay()
    {
    var time = new Date();
    
    var y = time.getFullYear();
    var m = time.getMonth()+1;
    var d = time.getDate();
    return y + add0(m) + add0(d);
    }
//鍒楄〃


//杩涘害鏉
function timeFormatter(duration) {
   
    let secondTime = parseInt(duration);// 绉
    let minuteTime = 0;// 鍒
    // let hourTime = 0;// 灏忔椂
    if (secondTime > 60) { // 濡傛灉绉掓暟澶т簬60锛屽皢绉掓暟杞崲鎴愭暣鏁
      // 鑾峰彇鍒嗛挓锛岄櫎浠?0鍙栨暣鏁帮紝寰楀埌鏁存暟鍒嗛挓
      minuteTime = parseInt(secondTime / 60);
      // 鑾峰彇绉掓暟锛岀鏁板彇浣橈紝寰楀埌鏁存暟绉掓暟
      secondTime = parseInt(secondTime % 60)
    }
    let result = secondTime > 9 ? secondTime : ('0' + secondTime);
    if (minuteTime > 0) {
      result = (minuteTime > 9 ? minuteTime : ('0' + minuteTime)) + ":" + result;
    } else {
      result = "00" + ":" + result;
    }
  return result;
}





var videoSlider11 = $( "#slider_bar11" ).slider({
  range: "min",
  min: 0,
  max: 100,
  value: 0,
 });
 var videoSlider12 = $( "#slider_bar12" ).slider({
  range: "min",
  min: 0,
  max: 100,
  value: 100,
 });
$( "#slider_bar2" ).slider({
  range: "min",
  min: 0,
  max: 100,
  value: 60,
 });
$( "#slider_bar3" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 60,
 });
 $( "#slider_bar4" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 60,
 });
 $( "#slider_bar5" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 60,
 });
 $( "#slider_bar6" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 60,
 });


 var myVideo1 = videojs("my-video1",{}, function onPlayerReady() {
  this.on("timeupdate",function(){
      var current = this.currentTime() || 0
      var duration = Number(this.duration())
      var slider = Math.round((current / duration) *100)
      $('.row_bar span:eq(0)').text(timeFormatter(current))
      videoSlider11.slider('value',slider)
      videoSlider12.slider('value',100 - slider)
  })
})
var myVideo2 = videojs("my-video2",{}, function onPlayerReady() {
  this.on("timeupdate",function(){
      var current = this.currentTime()
      var duration = this.duration()
      $('.col_time span:eq(0)').text(timeFormatter(current))
  })
})






var spanEl = '<span></span>' 
var spanNum = 0;
var spanTime = setInterval(function(){
  $('.load1_span').append(spanEl);
  spanNum++;
  if(spanNum == 10){
    $('.load1_span span').remove();
    spanNum = 0
  }
}, 800);
//杩涘害鏉


// 涓婚
// 鍒濆鍖栦富棰樿疆鎾
// var swiper = new Swiper('.swiper-container', {
//   slidesPerView: 2,
//   paginationClickable: true,
//   prevButton:'.swiper-button-prev',
//   nextButton:'.swiper-button-next'
// });

$('.swiper-container .swiper-slide').each(function(index,el){
  $(this).click(function(){
    // $('.theme_swpier').css('display','none')
    $('.theme_use img').css('display','none')
    $('.theme_use img').eq(index).css('display','block')
    $('.theme_ok').attr('data-show',index)
    outAnim(1,'.theme_show')
    // $('.theme_use').css('display','block')
    setTimeout(function(){
      $('.theme_swiper').css('display','none')
      $('.theme_use').css('display','block')
      // outAnim(0)
    },1000)
  })
})

$('.theme_ok').click(function(){
  var index = Number($(this).attr('data-show'))
  var bgImg = $('.theme_use img').eq(index).attr('data-back')
  $('.theme').css('background-image',"url('"+bgImg+"')")
})

$('.theme_back .direct').click(function(){
  if($('.theme_swiper').css('display') == "none"){
    outAnim(1,'.theme_show')
    setTimeout(function(){
      $('.theme_use').css('display','none')
      outAnim(0,'.theme_show')
      $('.theme_swiper').css('display','block')
    },1000)
  }else{
    $('.plate').css('display','none')
    $('.third').css('display','block')
  }
})
// 涓婚

//澶氳瑷€
var language = [
  {title1:'鎻忚堪',feat:'鍙互涓€閿垏鎹㈡暣涓郴缁熺殑璇█鏄剧ず',title2:'鍐呭',lang:'璇█',show:'钃濇槦娆㈣繋浣狅紒'},
  {title1:'Description',feat:'You can switch the language display of the whole system with one click',title2:'Content',lang:'Language',show:'Welcome to BlueStar!'},
  {title1:'旮办垹',feat:'頃橂倶鞚 韨る 鞝勳泊 鞁滌姢韰滌潣 鞏胳柎 響滌嫓毳 鞝勴櫂 頃 靾 鞛堨姷雼堧嫟',title2:'頃湢霟?,lang:'鞏胳柎',show:'敫旊（ 鞀ろ儉臧€ 雼轨嫚鞚 頇橃榿頃╇媹雼?'}
] 
layui.use('form', function(){
  var form = layui.form;
  
  //鐩戝惉鎻愪氦
  form.on('submit(formDemo)', function(data){
    layer.msg(JSON.stringify(data.field));
    return false;
  });
  form.on('select(lang)', function (data) {
    var val = data.value;
    var obj = language[val];
    $('.lang_main .four_feats h4').text(obj.title1)
    $('.lang_main .four_feats p').text(obj.feat)
    $('.lang_box1 p').text(obj.title2)
    $('.lang_greet').text(obj.show)
    $('.lang_box2 p').text(obj.lang)
  });
  form.on('select(fontFamily)', function (data) {
    var val = data.value
    if(val == 1){
      $('.font_bottom textarea').css('font-family','SimHei')
    }else{
      $('.font_bottom textarea').css('font-family','Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif')
    }
  })
  form.on('select(fontSize)', function (data) {
    var val = data.value
    var arr = [14,16,18]
    var size = arr[val]
    $('.font_bottom textarea').css('font-size',size+'px')
  })
});

//澶氳瑷€


// 閫氳
$('.chat_menu li').each(function(index,el){
  $(this).click(function(){
    var dataIndex = $('.chat_shadow').attr('data-index') 
    if(dataIndex != index){
      $('.chat_shadow > div').slideUp(500)
      $('.chat_shadow > div').eq(index).slideDown(500)

      $('.socket_pick > div').fadeOut(100)
      $('.issue_date').slideUp()

      $('.chat_menu li').removeClass('win_menu_active')
      $(this).addClass('win_menu_active')
      outAnim(1,'.chat_show')
      setTimeout(function(){
        $('.chat_show > div').css('display','none')
        $('.chat_show > div').eq(index).css('display','block')
        outAnim(0,'.chat_show')
        $('.chat_shadow').attr('data-index',index)
      },300)
    }
    
  })
})

$('.socket_timimg').click(function(){
  $('.socket_select').slideDown()
})
$('.socket_cancel').click(function(){
  $('.socket_select').slideUp()
})

$('.socket_select li:eq(0)').click(function(){
  $('.socket_switch').slideDown()
  var isOpen = new iScroll('isOpen',{snap:"li",vScrollbar:false,
  onScrollEnd:function(){
    var index = Math.ceil(this.y/26*-1+1);
    var val = $('#isOpen li').eq(index).text()
    $('#isOpen li').css('color','#6C6C6C')
    $('#isOpen li').eq(index).css('color','#000A47')
    $('.socket_sw').attr('data-sw',val)
  }})
})
$('.socket_select li:eq(1)').click(function(){
  $('.socket_date').slideDown()
  new Sdate("",{
    acceptId: "#date_pick",
    showId:"#date_see",
    minId:"soMin",
    secId:"soSec"
  })
})
// var isOpen = new iScroll('isOpen',{snap:"li",vScrollbar:false,onScrollEnd:function(){
//   var index = Math.ceil(this.y/26*-1+1);
//   var val = $('#isOpen li').eq(index).text()
//   $('#isOpen li').css('color','#6C6C6C')
//   $('#isOpen li').eq(index).css('color','#000A47')
//   $('.socket_sw').attr('data-sw',val)
// }})

// new Sopen('',{
//   acceptId:'#sw_open',
//   showId:".socket_sw"
// })

$('.sw_cancel').click(function(){
  $('.socket_switch').slideUp()
})
$('.sw_ok').click(function(){
  $('.socket_switch').slideUp()
  $('.socket_sw span').text($('.socket_sw').attr('data-sw'))
})

// 鍒濆鍖栨椂闂撮€夋嫨


$('.date_cancel').click(function(){
  $('.socket_date').slideUp()
})
$('.date_ok').click(function(){
  var min = $('#date_see').attr('data-min') || 0
  var sec = $('#date_see').attr('data-sec') || 0
  $('#date_see').text(formtime([min,sec]))
  $('.socket_date').slideUp()
})

$('.socket_save').click(function(){
  clearInterval(soTiming)
  var time = $('#date_see').text()
  
  $('.chat_time').text(time)
  $('.socket_select').slideUp()
})

var soTiming; //璁℃椂鍣
$('.socket_ok').click(function(){
  var isOpen = $('.socket_sw span').text()
  $('.so_status').text(isOpen[0])
  $('.socket_status').text(isOpen)
  var grey_light = $('.lamp').attr('data-src')
  var red_light = $('.lamp').attr('data-change')
  var soArr = $('.chat_time').text().split(':')
  var min = Number(soArr[0])
  var sec = Number(soArr[1])
  var nn = 0;
  clearInterval(soTiming);
  if(isOpen[0] == '寮€'){
    $('.lamp').attr('src',red_light)
    $('.socket_show').css('background','#497DF1')
    soTiming = setInterval(function(){
      if(sec == -1 &&  min != 0){
        sec = 59
        min -= 1
      }
      if(nn == 0 && ((min + sec) != 0)){
        nn = 1000
        sec -= 1
      }
      nn -= 10
      var str = formtime([min,sec])
      $(".chat_time").text(str);
      if(min + sec + nn == 0){
        clearInterval(soTiming)
      }
    }, 10);
  }else{
    $('.lamp').attr('src',grey_light)
    $('.socket_show').css('background','#191D23')
  }
})


$('.issue_time').click(function(){
  $('.issue_date').slideDown()
  new Sdate("",{
    acceptId: "#issue_pick",
    showId:"#issue_see",
    minId:"isMin",
    secId:"isSec"
  })
})
$('.is_cancel').click(function(){
  $('.issue_date').slideUp()
})

var isTiming;
$('.is_ok').click(function(){
  var min = $('#issue_see').attr('data-min') || 0
  var sec = $('#issue_see').attr('data-sec') || 0
  var nn = 0
  $('#issue_see').text(formtime([min,sec]))
  $('.issue_date').slideUp()
  clearInterval(isTiming)
  isTiming = setInterval(function(){
    if(sec == -1 &&  min != 0){
      sec = 59
      min -= 1
    }
    if(nn == 0 && ((min + sec) != 0)){
      nn = 1000
      sec -= 1
    }
    nn -= 10
    var str = formtime([min,sec])
    $("#issue_see").text(str);
    if(min + sec + nn == 0){
      clearInterval(isTiming)
    }
  }, 10);
})

$('.onOff').click(function(){
  $(this).toggleClass('onActive')
})




// 閫氳

// 瀹氭椂鍣

// 鍒濆鍖栨椂闂撮€夋嫨鍣
var isTiming = $('.timing').css('display')
if(isTiming != 'none'){
  new Sdate("#Tpick_start",{
    acceptId: "#pickDate",
    showId:"#timing_move",
    hourId:"tiHour",
    minId:"tiMin",
    secId:"tiSec",
    endHour:100
  })
}

// 寮€濮嬭鏃
var setTiming;
$('#Tpick_start').click(function(){
  var flag = $(this).css('cursor')
  if(flag != 'not-allowed'){
    var hour = $('#timing_move').attr('data-hour') || 0
    var min = $('#timing_move').attr('data-min') || 0
    var sec = $('#timing_move').attr('data-sec') || 0
    var nn = 0
    $('.timing_pick').slideUp(500)
    $('.timing_change').slideDown(500)
    $("#timing_move").text(formtime([hour,min,sec]));
    setTimeout(function(){
      $('#Tcancel').css('left','0')
      $('#Tstop').css('left','258px')
      setTiming = setInterval(function(){
        if(min == -1 && hour != 0){
          min = 59
          hour -= 1
        }
        if(sec == -1 && ((hour + min) != 0)){
          sec = 59
          min -= 1
        }
        if(nn == 0 && ((hour + min + sec) != 0)){
          nn = 1000
          sec -= 1
        }
        nn -= 10
        var str = formtime([hour,min,sec])
        $("#timing_move").text(str);
        if(hour + min + sec + nn == 0){
          clearInterval(setTiming)
          $('.Tpop').fadeIn()
        }
      }, 10);
    }, 500);
    
  }
})

// 鍙栨秷璁℃椂
$('#Tcancel').click(function(){
  $('#Tcancel').css('left','129px')
  $('#Tstop').css('left','129px')
  clearInterval(setTiming)
  setTimeout(function(){
    $('.timing_pick').slideDown()
    $('.timing_change').slideUp()
  }, 300);
})

// 鏆傚仠/鎭㈠璁℃椂
$('#Tstop').click(function(){
  var flag = $(this).attr('data-stop')
  var timeArr = $('#timing_move').text().split(':')
  var hh = Number(timeArr[0])
  var mm = Number(timeArr[1])
  var ss = Number(timeArr[2])
  var nn = Number(timeArr[3]) || 0
  if(flag == 1){
    $(this).attr('data-stop',0)
    setTiming = setInterval(function(){
      if(mm == -1 && hh != 0){
        mm = 59
        hh -= 1
      }
      if(ss == -1 && ((hh + mm) != 0)){
        ss = 59
        mm -= 1
      }
      if(nn == 0 && ((hh + mm + ss) != 0)){
        nn = 1000
        ss -= 1
      }
      nn -= 10
      var str = formtime([hh,mm,ss])
      $("#timing_move").text(str);
      if(hh + mm + ss + nn == 0){
        clearInterval(setTiming)
        $('.Tpop').fadeIn()
      }
    }, 10);
    $(this).text('鏆傚仠')
  }else{
    clearInterval(setTiming)
    $(this).attr('data-stop',1)
    
    $(this).text('鎭㈠')
  }
  
})

// 璁℃椂缁撴潫鍚
$('.Tpop_ok').click(function(){
  $('.Tpop').fadeOut(200)
  setTimeout(function(){
    $('#Tcancel').css('left','129px')
    $('#Tstop').css('left','129px')
  }, 200);
  
  setTimeout(function(){
    $('.timing_pick').slideDown(500)
    $('.timing_change').slideUp(500)
  }, 500);
  
})


function formtime(keys){
  var str = "";
  for(var i = 0 ; i < keys.length; i++){
    var s = keys[i] < 10 ? '0' + keys[i] : keys[i]
    if(i == keys.length - 1){
      str += s
    }else{
      str += s + ':'
    }
    
  }
  return str
}

// 瀹氭椂鍣



// 缁樺埗
var yearArr = ["2015","2016","2017","2018","2019","2020"];
var sd = []
  var slideY = [174,174,174,174,174,174]
  var c=document.getElementById("drawLine");
  var cxt=c.getContext("2d");
  cxt.moveTo(38,174);
  cxt.lineTo(86,174);
  cxt.lineTo(134,174);
  cxt.lineTo(182,174);
  cxt.lineTo(230,174);
  cxt.lineTo(278,174);
  cxt.strokeStyle = '#6AF4FF'
  cxt.lineWidth = 2
  cxt.stroke();

var slider1 = $( "#slide1" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 0,
  slide: function( event, ui ) {
    // console.log(ui)
    var value = ui.value
    $('#ve_year').val('2015')
    $('#ve_ratio').val(value)
    var Y = 174 - 174 * value / 100
    if(Y <= 174){
      slideY[0] = Y
      draw(cxt,slideY)
    }
  },
  change:function(event,ui){
    console.log(ui)
  }
 });
var slider2 = $( "#slide2" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 0,
  slide: function( event, ui ) {
		var value = ui.value
    $('#ve_year').val('2016')
    $('#ve_ratio').val(value)
    var Y = 174 - 174 * value / 100
    if(Y <= 174){
      slideY[1] = Y
      draw(cxt,slideY)
    }
  }
 });
 var slider3 = $( "#slide3" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 0,
  slide: function( event, ui ) {
		var value = ui.value
    $('#ve_year').val('2017')
    $('#ve_ratio').val(value)
    var Y = 174 - 174 * value / 100
    if(Y <= 174){
      slideY[2] = Y
      draw(cxt,slideY)
    }
  }
 });
var slider4 = $( "#slide4" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 0,
  slide: function( event, ui ) {
		var value = ui.value
    $('#ve_year').val('2018')
    $('#ve_ratio').val(value)
    var Y = 174 - 174 * value / 100
    if(Y <= 174){
      slideY[3] = Y
      draw(cxt,slideY)
    }
  }
 });
 var slider5 = $( "#slide5" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 0,
  slide: function( event, ui ) {
		var value = ui.value
    $('#ve_year').val('2019')
    $('#ve_ratio').val(value)
    var Y = 174 - 174 * value / 100
    if(Y <= 174){
      slideY[4] = Y
      draw(cxt,slideY)
    }
  }
 });
var slider6 = $( "#slide6" ).slider({
  orientation: "vertical",
  range: "min",
  min: 0,
  max: 100,
  value: 0,
  slide: function( event, ui ) {
		var value = ui.value
    $('#ve_year').val('2020')
    $('#ve_ratio').val(value)
    var Y = 174 - 174 * value / 100
    if(Y <= 174){
      slideY[5] = Y
      draw(cxt,slideY)
    }
  }
 });

  sd.push(slider1,slider2,slider3,slider4,slider5,slider6) 
  $('#ve_ok').click(function(){
   var year = $('#ve_year').val()
   var index = yearArr.indexOf(year)
   var ratio = $('#ve_ratio').val()
   console.log(ratio)
  //  console.log(ratio == '')
   if(!year || !ratio){
    $('.ve_tip p').text('涓嶈兘涓虹┖')
    $('.ve_tip p').attr('data-error','1')
    $('.ve_tip').fadeIn()
   }else{
   if(index > -1){
     if(ratio <= 100 && ratio >= 0){
    sd[index].slider( "value", ratio);
     slideY[index] = 174 - 174 * (ratio) / 100
     draw(cxt,slideY)
     }else{
     $('.ve_tip p').text('鍗犳瘮鏍煎紡閿欒')
     $('.ve_tip p').attr('data-error','2')
     $('.ve_tip').fadeIn()
     }
   }else{
     $('.ve_tip p').text('骞翠唤鏍煎紡閿欒')
     $('.ve_tip p').attr('data-error','3')
     $('.ve_tip').fadeIn()
   }
   }
  })

  $('.ve_tip_ok').click(function(){
    $('.ve_tip').fadeOut()
    var errorType = $('.ve_tip p').attr('data-error')
    if(errorType == 2){
      $('#ve_ratio').val('')
    }else if(errorType == 3){
      $('#ve_year').val('')
    }
  })

function draw(cxt,arr) {
 cxt.clearRect(0,0,308,184);
 cxt.beginPath()
 cxt.moveTo(48,arr[0]);
 cxt.lineTo(76,arr[1]);
 cxt.lineTo(96,arr[1]);
 cxt.lineTo(124,arr[2]);
 cxt.lineTo(144,arr[2]);
 cxt.lineTo(172,arr[3]);
 cxt.lineTo(192,arr[3]);
 cxt.lineTo(220,arr[4]);
 cxt.lineTo(240,arr[4]);
 cxt.lineTo(268,arr[5]);
 cxt.strokeStyle = '#6AF4FF'
 cxt.lineWidth = 2
 cxt.stroke();
 
}

var ve_flag = 0;
var ve_time;
var angle = -128;
var ve_val = 0
var srcStart = $('.ve_start').attr("data-src");
var srcStop = $('.ve_start').attr("data-change");
$('.ve_start').click(function(){
  
  if(ve_flag == 0){
    $(this).attr('src',srcStop);
    ve_flag = 1;
    var finalNum = 80;
    var swing = false;
    ve_time = setInterval(function(){
      if(!swing){
        angle += 1.25
        ve_val += 1
        if(angle >= finalNum){
          swing = true
        }
      }else{
        angle -= 1.25
        ve_val -= 1
        if(angle <= (finalNum - 80)){
          swing = false
        }
      }
      $('.pointer').css('transform','rotateZ('+angle+'deg)');
      $('.ve_speed').text(ve_val)
      // angle += 1.25
      // ve_val += 1
      // $('.pointer').css('transform','rotateZ('+angle+'deg)');
      // $('.ve_speed').text(ve_val)
      
      // if(angle > 0){
      //   angle -= 100
      //   ve_val -= 100
      //   $('.pointer').css('transform','rotateZ('+angle+'deg)');
      //   $('.ve_speed').text(ve_val)
      // }
    },8)
  }else{
    $(this).attr('src',srcStart);
    ve_flag = 0;
    clearInterval(ve_time)
  }
})

$('.ve_reset').click(function(){
  clearInterval(ve_time);
  $('.pointer').css('transform','rotateZ(-128deg)');
  $('.ve_start').attr('src',srcStart);
  ve_flag = 0;
  angle = -128
  ve_val = 0;
  $('.ve_speed').text(ve_val)
})




$('.font_weight').click(function(){
  $('.font_main').toggleClass('boldActive')
})
$('.font_style').click(function(){
  $('.font_main').toggleClass('styleActive')
})
$('.image_change li').each(function(index,el){
  $(this).click(function(){
    $('.image_change .spot').fadeOut(150)
    $(this).find('.spot').fadeIn(200)
    var degree = $('.image_change img').attr('data-rotate').split(',')
    var X = Number(degree[0])
    var Y = Number(degree[1])
    var Z = Number(degree[2])
    if(index == 0){
      Z = Z - 90
    }else if(index == 1){
      Y = Y + 180
    }else{
      X = X + 180
    }
    $('.image_change img').css('transform','rotateX('+X+'deg) rotateY('+Y+'deg) rotateZ('+Z+'deg)')
    $('.image_change img').attr('data-rotate',X+","+Y+","+Z)
  })
})
// 缁樺埗