$(function() {
  banner("banner","banner-imgbox","banner-btnlist","4500");

  slideImg('product',1,0);
  slideImg('news',1,0);

  /*案例分页*/
  var casewr = $('#case'),
      caseC = casewr.find('.col');
  casewr.find('.slide').html('');
  for (var i = 0; i < Math.ceil(caseC.length/3); i++) {
    casewr.find('.slide').append('<ul class="floatL clearfix item" id="citem_' + i + '"></ul>');
  }
  caseC.each(function(i){
    var id = 'citem_' + parseInt(i/3);
    $(this).appendTo('#' + id);
  });
  slideImg('case',1,0);

  /* 友情链接隐藏显示 */
  var friendBox = $("#friend-box").html();
  if (friendBox == "" || friendBox == null) {
    $("#friend-links").hide();
  }
});

function banner(bannerbox,imgbox,btnlist,speed) {
  var banner = $("#" + bannerbox),
      banner_imgbox = $("#" + imgbox),
      banner_li = banner_imgbox.find('li'),
      banner_btnlist = $("#" + btnlist),
      bannerindex,
      bannernext,
      banner_length = banner_li.length;
  banner_li.eq(0).addClass('hover').css('opacity','1');
  for (var i = 1; i <= banner_length; i++) {
      banner_btnlist.append("<span>" + i + "<\/span>");
  };
  banner_btnlist.find('span').eq(0).addClass('on');
  banner_btnlist.find('span').on('mouseover',function() {
    if (banner_length != 1) {
      bannernext = $(this).index();
      banner_li.each(function(index) {
        if ($(this).attr('class') == 'hover') {
            bannerindex = $(this).index();
        }
      });
      if (bannernext != bannerindex) {
        $(this).addClass('on').siblings().removeClass('on');
        banner_li.eq(bannernext).stop().addClass('hover').css({opacity:'1'});
        banner_li.eq(bannerindex).stop().removeClass('hover').css({opacity:'0'});
      }
    }
  });
  function bannerNext() {
    banner_li.each(function() {
      if ($(this).attr('class') == 'hover') {
        bannerindex = $(this).index();
      }
    });
    if (bannerindex == banner_length - 1) {
      bannernext = 0;
    } else {
      bannernext = bannerindex + 1;
    }
    banner_btnlist.find('span').eq(bannernext).addClass('on').siblings().removeClass('on');
    banner_li.eq(bannernext).stop().addClass('hover').css({opacity:'1'});
    banner_li.eq(bannerindex).stop().removeClass('hover').css({opacity:'0'});
  }
  banner.on({
    mouseover: function() { int = window.clearInterval(int); },
    mouseout: function() {
      int = self.setInterval(function() {
        bannerNext();
      },speed);
    }
  });
  var int = self.setInterval(function() {
    bannerNext();
  },speed);
}

function slideImg(obj,show,spacing) {
  var slide = $('#' + obj),
      slideS = slide.find('.slide'),
      slideI = slide.find('.item'),
      slideIL = slideI.length,
      slideIW = slideI.eq(0).width(),
      slideB = slide.find('.btn'),
      slideIx = 0;
  slideS.css('width', slideIL*(slideIW + spacing) + 'px');
  slideI.css({width: slideIW + 'px'});
  slide.find('.prev').click(function(event) {
    slideIx--;
    if (slideIx < 0) { slideIx = slideIL - show; }
    slidefn(slideIx);
  });
  slide.find('.next').click(function(event) {
    slideIx++;
    if (slideIx > slideIL - show) { slideIx = 0; }
    slidefn(slideIx);
  });
  slideB.hover(function() {
    slideIx = $(this).index();
    slidefn(slideIx);
  }).eq(0).trigger('mouseover');
  function slidefn(index) {
    var left = -index*(slideIW + spacing);
    slideB.eq(index).addClass('cur').siblings().removeClass('cur');
    if (!$.support.leadingWhitespace) {
      slideS.removeClass('trs06s');
      slideS.stop(false, true).animate({left: left + 'px'}, 600);
    } else {
      slideS.css({
        '-webkit-transform': 'translate3d(' + left + 'px, 0px, 0px)',
        '-ms-transform': 'translate3d(' + left + 'px, 0px, 0px)',
        '-o-transform': 'translate3d(' + left + 'px, 0px, 0px)',
        'transform': 'translate3d(' + left + 'px, 0px, 0px)'
      });
    }
  }
}

window.onload = function () {
  var caseImg = document.getElementById('case').getElementsByTagName('img');
  var caseiw, caseih, caseil, caseifh, caseifw;
  for (var i = caseImg.length - 1; i >= 0; i--) {
    caseih = caseImg[i].offsetHeight;
    caseifw = caseImg[i].parentNode.parentNode.offsetWidth;
    caseifh = caseImg[i].parentNode.parentNode.offsetHeight;
    if (caseih >= caseifh) {
      caseImg[i].style.marginTop = (caseifh - caseih)/2 + 'px';
    } else {
      caseiw = caseifw*caseifh/caseih;
      caseil = (caseifw - caseiw)/2;
      //caseImg[i].style.width = caseiw + 'px';
      caseImg[i].style.width = 'auto';
      caseImg[i].style.height = caseifh + 'px';
      caseImg[i].style.marginLeft = caseil + 'px';
    }
  }
}