var width = $(window).innerwidth();


// jq animate
jquery.extend( jquery.easing,{
  easeinoutquart: function (x) {
		return x < 0.5 ?
			8 * x * x * x * x :
			1 - math.pow( -2 * x + 2, 4 ) / 2;
	}
})

// return top
function return_top() {
  $('html,body').animate({scrolltop: 0},1000,'easeinoutquart');
}

function re_view() {
  var width = $(window).innerwidth();
  if(width >= 1366) {
    var s_width = 220;
  }else if (width >= 992) {
    var s_width = 180;
  }else {
    var s_width = 120;
  }
  var l_width = $('header > .menu').width() + s_width;
  var c_width = $(window).width() - l_width;
  if(width >= 1366) {
    $('.view-wrapper').css({
      'width': (c_width * .8) + 'px',
      'left': (l_width + (c_width * .1)) + 'px'
    })
  }else if(width >= 768){
    $('.view-wrapper').css({
      'width': c_width + 'px',
      'left': l_width + 'px'
    })
  }else {
    $('.view-wrapper').css({
      'width': '100%',
      'left': 0
    })
  }
  if(width >= 768) {
    if($('header > .menu > nav > ul > li > .sec-menu').width() != 0) {
      $('header > .fixed-box').css({
        'width': (c_width * .75) + 'px',
        'left': (l_width + (c_width * .125)) + 'px'
      })
    }else if($('header > .fixed-box').hasclass('full')) {
      var c_width = $(window).width() - $('header > .menu').width();
      $('header > .fixed-box').css({
        'width': ((c_width) * .75) + 'px',
        'left': ($('header > .menu').width() + (c_width * .125)) + 'px'
      })
    }else {
      $('header > .fixed-box').css({
        'width': '75%',
        'left': '12.5%'
      })
    }
  }
}

// project
function descclose() {
  $('ul.project-desc').fadeout();
}
function descshow(__this) {
  $('ul.project-desc > li[data-index=' + $(__this).attr('data-index') + ']').show();
  $('ul.project-desc > li[data-index!=' + $(__this).attr('data-index') + ']').hide();
  $('ul.project-desc').fadein();
}
function descright(__this) {
  var index = $('ul.project-desc > li:visible').attr('data-index');
  var p = $(__this).parents('li');
  if($(p).next().length > 0) {
    $(p).hide();
  }
  $($(__this).parents('li').next()).show();
}
function descleft(__this) {
  var index = $('ul.project-desc > li:visible').attr('data-index');
  var p = $(__this).parents('li');
  if($(p).prev().length > 0) {
    $(p).hide();
  }
  $($(__this).parents('li').prev()).show();
}


$(function() {

  // menu
  $('#menu-toggle').click(function() {
    $(this).toggleclass('m-hide');
    $('header > .menu').toggleclass('m-hide');
    $('header > .fixed-box').toggleclass('full');
    $('.index-contact i.icon-toleft').toggleclass('active-nomenu');
    re_view();
    if(width > 768) {
      $('.index-wrapper').toggleclass('open');
      $('.index-contact').toggleclass('open');
    }
  })
  $('#menu-toggle-sm').click(function() {
    $(this).toggleclass('active');
    $('header > .menu > nav > ul > li.init').addclass('active');
    $('header > .menu').toggleclass('m-hide');
    $('.masking').toggleclass('active');
  })
  var obj = $('header > .menu > nav > ul > li.init');
  $('header > .menu > nav > ul > li:not(.init)').mouseenter(function() {
    $(obj).removeclass('active');
  })
  $(obj).mouseenter(function() {
    $(obj).addclass('active');
  })
  $('header > .menu > nav > ul').mouseleave(function() {
    $(obj).addclass('active');
  })
  if(width <= 768) {
    $('header > .menu > nav > ul > li:gt(0) > a').attr('href','javascript:');
  }

  // fixed-box
  $('#f-close').click(function() {
    $(this).parent().toggleclass('active');
  })
  if($('header > .menu > ul.msg-list').hasclass('click')) {
    $('header > .menu > ul.msg-list > li').hover(function() {
      $('header > .fixed-box').addclass('active');
      $('header > .fixed-box > .f-item[data-index!=' + $(this).attr('data-index') + ']').hide();
      $('header > .fixed-box > .f-item[data-index=' + $(this).attr('data-index') + ']').fadein();
    },function() {
      $('header > .fixed-box').removeclass('active');
    })

    $('#f-right').click(function() {
      var index = $('header > .fixed-box > .f-item:visible').attr('data-index');
      if($($('header > .menu > ul.msg-list > li[data-index=' + index + ']').next()).length > 0) {
        $('header > .menu > ul.msg-list > li[data-index=' + index + ']').next().click();
      }else {
        $('header > .menu > ul.msg-list > li:first').click();
      }
    })
    $('#f-left').click(function() {
      var index = $('header > .fixed-box > .f-item:visible').attr('data-index');
      if($($('header > .menu > ul.msg-list > li[data-index=' + index + ']').prev()).length > 0) {
        $('header > .menu > ul.msg-list > li[data-index=' + index + ']').prev().click();
      }else {
        $('header > .menu > ul.msg-list > li:last').click();
      }
    })
  }else {
    $('header > .menu > ul.msg-list > li').mouseenter(function() {
      $('header > .fixed-box').addclass('active');
      $('header > .fixed-box > .f-item[data-index!=' + $(this).attr('data-index') + ']').hide();
      $('header > .fixed-box > .f-item[data-index=' + $(this).attr('data-index') + ']').fadein();
    })
    $('#f-right').click(function() {
      var index = $('header > .fixed-box > .f-item:visible').attr('data-index');
      if($($('header > .menu > ul.msg-list > li[data-index=' + index + ']').next()).length > 0) {
        $('header > .menu > ul.msg-list > li[data-index=' + index + ']').next().mouseenter();
      }else {
        $('header > .menu > ul.msg-list > li:first').mouseenter();
      }
    })
    $('#f-left').click(function() {
      var index = $('header > .fixed-box > .f-item:visible').attr('data-index');
      if($($('header > .menu > ul.msg-list > li[data-index=' + index + ']').prev()).length > 0) {
        $('header > .menu > ul.msg-list > li[data-index=' + index + ']').prev().mouseenter();
      }else {
        $('header > .menu > ul.msg-list > li:last').mouseenter();
      }
    })
  }
  if(width >= 992) {
    var sc_h = $('header > .fixed-box > .f-news > ul').height() - 100;
    var sc_s = sc_h * 60;
    function totop() {
      $('header > .fixed-box > .f-news > ul').animate({bottom: 0},sc_s);
      settimeout(function() {
        tobottom();
      },sc_s)
    }
    function tobottom() {
      $('header > .fixed-box > .f-news > ul').animate({bottom: (sc_h)},sc_s);
      settimeout(function() {
        totop();
      },sc_s)
    }
    tobottom();
  }


  // index-project
  $('.index-project ul > li').mouseenter(function() {
    $(this).siblings().removeclass('active');
    $(this).addclass('active');
    $('.index-project .img-box').css('background-image','url(' + $(this).children('img').attr('src') + ')');
  })
  $('.index-project ul > li:first').mouseenter();

  // honor
  $('#img-wrapper').click(function() {
    $(this).removeclass('active');
  })

  // rec
  $('#rec-teble tbody tr').click(function() {
    $('ul.rec-list').fadein();
    $('ul.rec-list > li[data-index=' + $(this).attr('data-index') + ']').show();
    $('ul.rec-list > li[data-index!=' + $(this).attr('data-index') + ']').hide();
  })
  $('ul.rec-list > li > .close').click(function() {
    $('ul.rec-list').fadeout();
  })

  // innovation
  // $('.innovation > ul.type-list > li > a').click(function() {
  //   var index = $(this).parent().attr('data-index');
  //   $('.innovation > ul.type-list-c[data-index=' + index + ']').show();
  //   $('.innovation > ul.type-list-c[data-index!=' + index + ']').hide();
  // })

  // map
  if(width > 576) {
    $('.map > .map-box > i.dot').mouseenter(function() {
      var index = $(this).attr('data-index');
      $('.map > ul.detail-list > li[data-index!=' + index + ']').hide();
      $('.map > ul.detail-list > li[data-index=' + index + ']').fadein();
    }).mouseleave(function() {
      if($(this).attr('data-index') == 24) {
        return false;
      }else {
        $('.map > ul.detail-list > li').fadeout();
      }
    })
    $('.map > ul.detail-list > li').mouseenter(function() {
      $(this).show();
    }).mouseleave(function() {
      $(this).fadeout();
    })
    // $('.map > ul.detail-list > li').fadeout();
    // $('.map > ul.detail-list > li > a.close').click(function() {
    //   $('.map > ul.detail-list > li').fadeout();
    // })
  }

  // init
  re_view();
  // object-fit
  objectfitimages();
  // wow
  new wow().init();
  // sec-menu
 
  if (window.screen.width<= 768){ 
    // 循环所有一级栏目
    // $('#menu-toggle').click();
    var li_arr = $('header > .menu > nav > ul > li');
    for (var i = 0; i < $(li_arr).length; i++) {
      // 二级菜单设置
      if(width <= 768) {
        // menu
        $('#menu-toggle').click();
        settimeout(function() {
          $('header > .menu > nav > ul > li.init').addclass('active');
          settimeout(function() {
            re_view();
          },500)
        },500)

        var mt = ($($(li_arr)[i]).children('.sec-menu').height() - $($(li_arr)[i]).children('.sec-menu').children('ul').height()) / 2;
        $($(li_arr)[i]).children('.sec-menu').children('ul').css('margin-top',mt + 'px');

      }else {
        if($('header > .menu > nav').height() > $($(li_arr)[i]).children('.sec-menu').children('ul').height()) {
          var mt = (($('header > .menu > nav').height() - $($(li_arr)[i]).children('.sec-menu').children('ul').height()) / 2) + parseint($('header > .menu').css('padding-top'));
          console.log(mt);
        }else {
          var mt = ($($(li_arr)[i]).children('.sec-menu').height() - $($(li_arr)[i]).children('.sec-menu').children('ul').height()) / 2;
        }
        $($(li_arr)[i]).children('.sec-menu').children('ul').css('margin-top',mt + 'px');

      }
      // 循环当前栏目下所有二级栏目
      var li_arr_c = $($(li_arr)[i]).children('.sec-menu').children('ul').children('li');
      // 延迟效果
      for (var j = 0; j < $(li_arr_c).length; j++) {
        $($(li_arr_c)[j]).css({
          'transition-delay': (j * .05) + 's',
          '-moz-transition-delay': (j * .05) + 's',
          '-webkit-transition-delay': (j * .05) + 's',
          '-o-transition-delay': (j * .05) + 's'
        })
      }
    }
  }else{
    $('#menu-toggle').click();
    var li_arr = $('header > .menu > nav > ul > li');
    for (var i = 0; i < $(li_arr).length; i++) {
      // 二级菜单设置
      if(width >= 768) {
        // menu
        
        settimeout(function() {
          $('header > .menu > nav > ul > li.init').addclass('active');
          settimeout(function() {
            re_view();
          },500)
        },500)

        var mt = ($($(li_arr)[i]).children('.sec-menu').height() - $($(li_arr)[i]).children('.sec-menu').children('ul').height()) / 2;
        $($(li_arr)[i]).children('.sec-menu').children('ul').css('margin-top',mt + 'px');

      }else {
        if($('header > .menu > nav').height() > $($(li_arr)[i]).children('.sec-menu').children('ul').height()) {
          var mt = (($('header > .menu > nav').height() - $($(li_arr)[i]).children('.sec-menu').children('ul').height()) / 2) + parseint($('header > .menu').css('padding-top'));
          console.log(mt);
        }else {
          var mt = ($($(li_arr)[i]).children('.sec-menu').height() - $($(li_arr)[i]).children('.sec-menu').children('ul').height()) / 2;
        }
        $($(li_arr)[i]).children('.sec-menu').children('ul').css('margin-top',mt + 'px');

      }
      // 循环当前栏目下所有二级栏目
      var li_arr_c = $($(li_arr)[i]).children('.sec-menu').children('ul').children('li');
      // 延迟效果
      for (var j = 0; j < $(li_arr_c).length; j++) {
        $($(li_arr_c)[j]).css({
          'transition-delay': (j * .05) + 's',
          '-moz-transition-delay': (j * .05) + 's',
          '-webkit-transition-delay': (j * .05) + 's',
          '-o-transition-delay': (j * .05) + 's'
        })
      }
    }
  }
  


  $(window).resize(function() {
    re_view();
  })

})