$(function(){
  var body = $('body'),
      $wrapper = $('#container'),
      $banner_wrap = $('#banner_wrap');

  //smoothScroll
  body.anchorSmoothScroll({
    'easing' : "easeInOutQuart",
    'evt' : 'click',
    'duration' : 800,
    'notSelecter' : '#tabs',
    'callback' : function () {
      //console.log($(this),arguments)
    }
  });

  // banner */
  var maxItem = 3,
      slideElement = $('#banner'),
      prev = $('#slidePrev'),
      next = $('#slideNext'),
      items = slideElement.find('li'),
      len = items.length,
      itemWd = items.eq(0).outerWidth(),
      wrapWidth = itemWd * maxItem,
      move = Math.ceil(len / maxItem),
      movechk = move,
      stop = false,
      duration = 500,
      cacheLeft = 0;

  /* init */
  if (len <= maxItem) {
    var clickBtnWd = prev.outerWidth();
    var slideElementWd = (slideElement.outerWidth() + (clickBtnWd * 2));
    var minItemWd = slideElementWd / len;

    //prev.add(next).remove();
    //slideElement.css('width',slideElementWd + 'px');
    //items.css({'padding':'0','width': minItemWd + 'px'});
  } else {
    // items position
    items.each(function(i,e){
      var $this = $(this);
      var listLeft = i != 0 ? itemWd * i : 0;
      $this.css({
        'top' : '0',
        'left' : listLeft + 'px'
      });
    }).css({'position':'absolute'});
    
    prev.add(next).find('img').removeClass('notHover').addClass('pointer');    
  }
  
  //jquery.esingCheck
  var esing = typeof $.easing !== 'undefined' ? 'easeOutCirc' : 'swing';


/* next or prev Click 
  var sliderCheck = function (stop, movechk) {
    var move = arguments[2];
    if (typeof move !== 'undefined') {
      return !stop && movechk != move ? true : false;
    } else {
      return !stop && movechk > 1 ? true : false;
    }  
  };
*/

  var slideAnimate = function (parentWd, flag, fn){
    cacheLeft = cacheLeft + parentWd;
      if (stop) return;
      stop = true;
      this.animate({
        left : cacheLeft
        }, {
          duration : duration,
          easing  : esing,
          queue: false,
          complete : function () {
            stop = false;
          }
        }
      );
    return stop;
  };

  next.on('click', function(){
    if (!stop && movechk > 1) {
      var res = slideAnimate.call(slideElement,-wrapWidth, true);
      movechk--;
    }
  });
  
  prev.on('click', function(){
    if (!stop && movechk != move) {
      var res = slideAnimate.call(slideElement,wrapWidth, false);
      movechk++;
    }
  });

  /* banner slider end */

  var res = body.find('.findHover').each(function(){
    if ($.fn.evtAttrChange) {

      $(this).evtAttrChange({
        'targetNode' : ['img,[type="image"]'],
        'evt' : 'hover',
        'method' : {
          'imgChange' : { 'set' : true, 'name' : '_hover'}
        },
        'notSelecter' : '.notHover'
      });
    }
  });
  
  //bnr Fade
  
  $wrapper.find('.alpha').add(banner_wrap).evtAttrChange({
    'targetNode' : ['img'],
    'evt' : 'hover',
    'method' : {
      'alpharChange' : {'set' : true, 'from' : '1.0', 'to' : '0.7', 'time' : 600}
    },
    'notSelecter' : '.notHover'
  });
  
  // default Hover
  var path = location.pathname;
  $('#leftmenu').find('li a').each(function(){
    var $this = $(this),
        uri = $this.attr('class');
    var prefixs = path.split('/'),
        prefix = !prefixs[3] ? prefixs[2] : prefixs[3];  

    if (uri && prefix && uri === prefix) {
      $this.addClass('hover');
      var img = $this.find('img');
      if (!!img.length) {
        var src = img.attr('src'),
            splits = src.split('.');
        img.addClass('notHover').attr('src',splits[0]+'_hover.'+splits[1]);
      }
    }
  }); 

  
  // sewing-inspection/inspection tellink
  var telLink = function () {
    var ua = navigator.userAgent,
        telnum = $('#telnumber'),
        href = !!telnum.length && telnum.attr('href').indexOf('tel:') !== -1;
    if (href && !(ua.indexOf('iPhone') !== -1 || ua.indexOf('Android') !== -1)){
      var oldText = telnum.text();
      var ptag = $('<p />').html(oldText);
      ptag.insertAfter(telnum);
      telnum.remove();
    }
  }();

  
  // Top topics marquee
  var marquee = $('#marquee'),
      afterWrap = $('<div />').addClass('marquee-wrap'),
      beforeWrap = marquee.find('ol.marquee-wrap'),
      after = replaceList.call(beforeWrap,afterWrap);
    
  if (!!after.length) {
    after.marquee('move',30).on('mouseover', function () {
      $(this).trigger('stop');
    }).on('mouseout', function () {
      $(this).trigger('start');
    }).on('mousemove', function (event) {
      if ( $(this).data('drag') == true ) {
        this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
      }
    }).on('mousedown', function (event) {
      $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
    }).on('mouseup', function () {
      $(this).data('drag', false);
    });
  }

  
  //ol.marquee-wrap li... → div span...
  function replaceList (after) {
    var list = this.find('li');
    if (!list.length) return this;
    var nl2br = /<br>|<br \/>/gi,
        spece = /^([\s|\s|&nbsp;]+)?$/gi;
    var listText = list.map(function(){
      var text = $(this).html().replace(nl2br,'').replace(spece, '');
      if (text) {
        return $('<span class="marquee-text">' + text + '</span>');
      }
    });
    this.replaceWith(after);
    listText.each(function(){
      after.append($(this));
    });
    return after;
  }
});