//by 470502424
(function (factory) {
  if (typeof define === 'function' && define.amd) {
    define(['jquery'], factory);
  } else {
    factory(jQuery);
  }
}(function ($) {

  var W = $.w = $.w || {};
  $.some = $.some || function (ary, func) {
    if (!$.isArray(ary)) return false;
    var i = 0;
    for (; i < ary.length; ++i)
      if (func.call(ary[i], i, ary[i]))
        return true;
    return false;
  };
  if (!Function.prototype.bind) {
    Function.prototype.bind = function (oThis) {
      if (typeof this !== 'function') {
        // closest thing possible to the ECMAScript 5
        // internal IsCallable function
        throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
      }

      var aArgs = Array.prototype.slice.call(arguments, 1),
        fToBind = this,
        fNOP = function () {},
        fBound = function () {
          return fToBind.apply(this instanceof fNOP
              ? this
              : oThis,
            // 获取调用时(fBound)的传参.bind 返回的函数入参往往是这么传递的
            aArgs.concat(Array.prototype.slice.call(arguments)));
        };

      // 维护原型关系
      if (this.prototype) {
        // Function.prototype doesn't have a prototype property
        fNOP.prototype = this.prototype;
      }
      fBound.prototype = new fNOP();

      return fBound;
    };
  }

//percent, duration * percent, 0, 1, duration
  $.extend($.easing, {
    def: 'easeOutQuad',
    easeInQuad: function (x, t, b, c, d) {
      return c * (t /= d) * t + b;
    },
    easeOutQuad: function (x, t, b, c, d) {
      return -c * (t /= d) * (t - 2) + b;
    },
    easeInOutQuad: function (x, t, b, c, d) {
      if ((t /= d / 2) < 1) return c / 2 * t * t + b;
      return -c / 2 * ((--t) * (t - 2) - 1) + b;
    },
    easeInCubic: function (x, t, b, c, d) {
      return c * (t /= d) * t * t + b;
    },
    easeOutCubic: function (x, t, b, c, d) {
      return c * ((t = t / d - 1) * t * t + 1) + b;
    },
    easeInOutCubic: function (x, t, b, c, d) {
      if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
      return c / 2 * ((t -= 2) * t * t + 2) + b;
    },
    easeInQuart: function (x, t, b, c, d) {
      return c * (t /= d) * t * t * t + b;
    },
    easeOutQuart: function (x, t, b, c, d) {
      return -c * ((t = t / d - 1) * t * t * t - 1) + b;
    },
    easeInOutQuart: function (x, t, b, c, d) {
      if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b;
      return -c / 2 * ((t -= 2) * t * t * t - 2) + b;
    },
    easeInQuint: function (x, t, b, c, d) {
      return c * (t /= d) * t * t * t * t + b;
    },
    easeOutQuint: function (x, t, b, c, d) {
      return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
    },
    easeInOutQuint: function (x, t, b, c, d) {
      if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b;
      return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
    },
    easeInSine: function (x, t, b, c, d) {
      return -c * Math.cos(t / d * (Math.PI / 2)) + c + b;
    },
    easeOutSine: function (x, t, b, c, d) {
      return c * Math.sin(t / d * (Math.PI / 2)) + b;
    },
    easeInOutSine: function (x, t, b, c, d) {
      return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
    },
    easeInExpo: function (x, t, b, c, d) {
      return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;
    },
    easeOutExpo: function (x, t, b, c, d) {
      return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;
    },
    easeInOutExpo: function (x, t, b, c, d) {
      if (t == 0) return b;
      if (t == d) return b + c;
      if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
      return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;
    },
    easeInCirc: function (x, t, b, c, d) {
      return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;
    },
    easeOutCirc: function (x, t, b, c, d) {
      return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;
    },
    easeInOutCirc: function (x, t, b, c, d) {
      if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
      return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
    },
    easeInElastic: function (x, t, b, c, d) {
      var s = 1.70158;
      var p = 0;
      var a = c;
      if (t == 0) return b;
      if ((t /= d) == 1) return b + c;
      if (!p) p = d * .3;
      if (a < Math.abs(c)) {
        a = c;
        var s = p / 4;
      } else var s = p / (2 * Math.PI) * Math.asin(c / a);
      return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
    },
    easeOutElastic: function (x, t, b, c, d) {
      var s = 1.70158;
      var p = 0;
      var a = c;
      if (t == 0) return b;
      if ((t /= d) == 1) return b + c;
      if (!p) p = d * .3;
      if (a < Math.abs(c)) {
        a = c;
        var s = p / 4;
      } else var s = p / (2 * Math.PI) * Math.asin(c / a);
      return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;
    },
    easeInOutElastic: function (x, t, b, c, d) {
      var s = 1.70158;
      var p = 0;
      var a = c;
      if (t == 0) return b;
      if ((t /= d / 2) == 2) return b + c;
      if (!p) p = d * (.3 * 1.5);
      if (a < Math.abs(c)) {
        a = c;
        var s = p / 4;
      } else var s = p / (2 * Math.PI) * Math.asin(c / a);
      if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
      return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b;
    },
    easeInBack: function (x, t, b, c, d, s) {
      if (s == undefined) s = 1.70158;
      return c * (t /= d) * t * ((s + 1) * t - s) + b;
    },
    easeOutBack: function (x, t, b, c, d, s) {
      if (s == undefined) s = 1.70158;
      return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
    },
    easeInOutBack: function (x, t, b, c, d, s) {
      if (s == undefined) s = 1.70158;
      if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;
      return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b;
    },
    easeInBounce: function (x, t, b, c, d) {
      return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b;
    },
    easeOutBounce: function (x, t, b, c, d) {
      if ((t /= d) < (1 / 2.75)) {
        return c * (7.5625 * t * t) + b;
      } else if (t < (2 / 2.75)) {
        return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
      } else if (t < (2.5 / 2.75)) {
        return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
      } else {
        return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
      }
    },
    easeInOutBounce: function (x, t, b, c, d) {
      if (t < d / 2) return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * .5 + b;
      return jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * .5 + c * .5 + b;
    }
  });

  W.navigator = (function () {
    var ua = navigator.userAgent,
      isIE = (isIE = ua.match(/msie (\d+)/i)) ? ~~isIE[1] : false, //!IE11 Mozilla,Gecko
      isWindowsPhone = /(?:Windows Phone)/.test(ua),
      isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
      isAndroid = /(?:Android)/.test(ua),
      isFireFox = /(?:Firefox)/.test(ua),
      isChrome = /(?:Chrome|CriOS)/.test(ua),
      isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
      isPhone = /(?:iPhone)/.test(ua) && !isTablet,
      isPc = !isPhone && !isAndroid && !isSymbian;
    return {
      isTablet: isTablet,
      isPhone: isPhone,
      isFireFox: isFireFox,
      isChrome: isChrome,
      isAndroid: isAndroid,
      isPc: isPc,
      isIE: isIE
    };
  })();

  W.css33dTransformSupported = document.documentElement.style.animation != void 0;

  $.extend(W, {
    easing2cubicBezier: function (s) {
      return {
        linear: 'cubic-bezier(0, 0, 1, 1)',
        swing: 'ease-in-out',
        easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
        easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
        easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
        easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
        easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
        easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
        easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
        easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
        easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
        easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
        easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
        easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',
        easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
        easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
        easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',
        easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
        easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',
        easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',
        easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
        easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
        easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
        easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
        easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
        easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'
      }[s] || 'ease-in-out';
    },
    parseJSON: function (str) {
      var data;
      try {
        data = $.parseJSON(str);
      } catch (e) {
        return false;
      }
      return data;
    },

    //颜色
    toColor: function (r, g, b) {
      var i = 0, n, ret = '#';
      for (; i < 3; ++i) {
        n = Math.min(parseInt(arguments[i]) || 0, 255).toString(16);
        if (n.length < 2) n = '0' + n;
        ret += n;
      }
      return ret;
    },
    //返回#ffffff
    randomColor: function () {
      return $.w.toColor(Math.ceil(Math.random() * 256),
        Math.ceil(Math.random() * 256),
        Math.ceil(Math.random() * 256)
      );
    },

    //ie6 png添加滤镜
    blankGifPath: 'images/blank.gif',

    pngfix: function (e, mode) {
      if (!this.navigator.isIE || this.navigator.isIE != 6) {
        return;
      }
      var mode = mode || 'scale',
        es = e.style;
      isImg = $.nodeName(e, 'img'),
        path = isImg ? e.src : e.currentStyle.backgroundImage.split('"')[1];
      if (!/\.png$/.test(path)) return;
      if (isImg) {
        e.width = e.width;
        e.height = e.height;
        e.src = $.w.blankGifPath;
      }
      es.backgroundImage = 'none';
      es.filter = e.currentStyle.filter + ' progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + path + '\',sizingMethod=' + mode + ')';
    },

    //旋转
    rotation: function () {
      var f = W.navigator.isIE && W.navigator.isIE < 9 ? function (elem, deg) {
        var deg2radians = Math.PI * 2 / 360;
        var rad = deg * deg2radians;
        var costheta = Math.cos(rad);
        var sintheta = Math.sin(rad);
        elem.style.filter += ' progid:DXImageTransform.Microsoft.Matrix(SizingMethod = \'auto expand\','
          + 'M11 =' + costheta + ',M12 =' + -sintheta
          + ',M21 =' + sintheta + ',M22 =' + costheta + ')';
      } : function (elem, deg) {
        elem.style['transform'] = 'rotate(' + deg + 'deg)';
      };
      return function (elems, deg) {
        $(elems).each(function () { f(this, deg); });
      };
    }(),

    //模拟ajax post 用于服务器不支持ajax的情况
    post: function (url, data, callback) {
      if ($.isFunction(data)) {
        callback = data;
        data = null;
      }
      var iframe = $('<iframe style="position: absolute; left: 1px; top: 1px; '
          + 'height: 1px; width: 1px; visibility: hidden">').appendTo(document.body),
        // Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
        doc = (iframe[0].contentWindow || iframe[0].contentDocument).document;

      doc.write('<!doctype html><html><body>');
      doc.close();
      var body = doc.body,
        form = $('<form action=\'' + url + '\' method=\'post\'></form>').appendTo(body);

      if (data) {
        if ($.isArray(data)) {
          var td = {};
          for (var i = 0; i < data.length; ++i) {
            td[data[i].name] = data[i].value;
          }
          data = td;
        } else if ($.type(data) == 'string') {
          var td = data.split('&');
          data = {};
          for (var i = 0; i < td.length; ++i) {
            data[W.cLeft(td[i], '=')] = W.cRight(td[i], '=');
          }
        }
        for (var i in data) {
          $('<textarea name=\'' + i + '\'/>').html(data[i]).appendTo(form);
        }
      }
      form.submit();
      iframe.load(function () {
        doc = (iframe[0].contentWindow || iframe[0].contentDocument).document;
        callback && callback(doc.body.innerText || doc.body.innerHTML);
        iframe.detach();
      });
    },

    addFavorite: function (sURL, sTitle) {
      var sURL = sURL || document.location.href;
      var sTitle = sTitle || document.title;
      try {
        window.external.addFavorite(sURL, sTitle);
      } catch (e) {
        try {
          window.sidebar.addPanel(sTitle, sURL, '');
        } catch (e) {
          alert('加入收藏失败，请使用Ctrl+D进行添加');
        }
      }
    },
    setHome: function (obj, vrl) {
      var vrl = vrl || document.location.host;
      try {
        obj.style.behavior = 'url(#default#homepage)';
        obj.setHomePage(vrl);
      } catch (e) {
        if (window.netscape) {
          try {
            netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
          } catch (e) {
            alert('此操作被浏览器拒绝！\n请在浏览器地址栏输入\'about:config\'并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为\'true\',双击即可。');
          }
          var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
          prefs.setCharPref('browser.startup.homepage', vrl);
        }
      }
    },

    loadImage: function (imgs, finished, callback, error) {
      imgs = $.makeArray(imgs);
      if (!imgs.length) return finished && finished();
      var timeout = 5000, count = imgs.length;

      function onLoad () {
        var w = this.width, h = this.height;
        callback && callback.call(this.origin, w, h);
        document.body.removeChild(this);
        if (--count == 0) onFinish(this.origin, w, h);
      }

      function onError () {
        error && error.call(this.origin);
        document.body.removeChild(this);
        if (--count == 0) onFinish();
      }

      function onFinish (c, w, h) {
        finished && finished.call(c, w, h);
      };

      for (var i = 0; i < imgs.length; ++i) {
        var src = imgs[i];
        var img = new Image();
        img.origin = src;
        img.style.cssText = 'position: absolute; top: -9999em; padding:0; border: none;';
        document.body.appendChild(img);
        img.onload = onLoad;
        img.onerror = onError;
        img.src = src.nodeType ? src.src : src;
      }

    },

    imageScale: function (img, maxWidth, maxHeight, callback, align, keep) {
      var config = arguments.length == 1 ? img : {
        img: img,
        maxWidth: maxWidth,
        maxHeight: maxHeight,
        callback: callback,
        align: align,
        keep: keep
      };
      config = $.extend({
        align: 'center',
        keep: true
      }, config);

      if ($.isArray(maxWidth)) {
        config.maxWidth = maxWidth[0];
        config.maxHeight = maxWidth[1];
      }
      if (typeof (config.callback) == 'string') {
        config.align = config.callback;
        config.keep = config.margin;
        config.callback = null;
      }

      function scaleHandler (w, h) {
        var p = w / h;
        if (p > config.maxWidth / config.maxHeight) {
          if (config.keep || w > config.maxWidth) {
            w = config.maxWidth;
            h = w / p;
          }
        } else if (h > config.maxHeight) {
          if (config.keep || h > config.maxHeight) {
            h = config.maxHeight;
            w = h * p;
          }
        }
        $(this).width(w).height(h);
        if (config.align == 'center') $(this).css('marginTop', (config.maxHeight - h) / 2);
        else if (config.align == 'bottom') $(this).css('marginTop', config.maxHeight - h);
        config.callback && config.callback.call(this, w, h);
      }

      //已获取图片大小
      if ($.isArray(maxHeight)) {
        $(config.img).each(function () {
          scaleHandler.call(this, maxHeight[0], maxHeight[1]);
        });
      }
      $.w.loadImage(config.img, null, scaleHandler);
    },
    cLeft: function (s, t) {
      var n = s.indexOf(t);
      if (n > 0) return s.substr(0, n);
      return '';
    },
    cRight: function (s, t) {
      var n = s.indexOf(t);
      if (n > -1) return s.substr(n + 1);
      return '';
    },
    fixUrl: function (url) {
      var prefix = url.toLowerCase().substr(0, 7);
      if (prefix != 'http://')
        return 'http://' + url;
      return url;
    },
    //图片滚动
    scroll: function (config) {
      var cfg = $.extend({
        eventType: 'mouseover',
        paneSel: '',
        btnSel: '',
        speed: 1.5,
        direction: 'right',
        prevSel: '',
        nextSel: '',
        container: '',
        autoBtnCount: true,
        autoBtnCountTpl: '<%s>%d</%s>',
        paneActiveCls: 'active'
      }, config);

      cfg.speed = parseFloat(cfg.speed) || 1.5;
      cfg.direction = cfg.direction.toLowerCase();
      cfg.paneSel = cfg.panelSel || cfg.paneSel;

      var context = $(cfg.context || document),
        panels = $(cfg.paneSel, context),
        container = $(cfg.container || panels.parent()),
        btns = $(cfg.btnSel, context),
        parent = panels.parent(),
        isAdd = cfg.direction == 'left' || cfg.direction == 'top' ? true : false,
        useCss = cfg.direction == 'left' || cfg.direction == 'right' ? 'left' : 'top',
        sizeCss = useCss == 'left' ? 'width' : 'height',
        outerCss = 'outer' + sizeCss.charAt(0).toUpperCase() + sizeCss.substr(1),
        wraper = $('<div/>').css({
          position: 'absolute',
          width: useCss == 'left' ? 99999 : '100%',
          height: useCss == 'top' ? 99999 : '100%'
        }).appendTo(container),
        timer,
        length = panels.length,
        duration;

      container.height(panels.outerHeight()).css('overflow', 'hidden');
      panels.css('float', useCss == 'left' ? 'left' : 'none');
      wraper.append(panels, panels.clone());
      //自动设置按钮个数
      if (cfg.autoBtnCount && btns.length && length != btns.length) {
        var l = length - btns.length;
        if (l > 0) {
          while (l--) {
            var newBtn = $(cfg.autoBtnCountTpl.replace('%s', btns[0].tagName).replace('%d', length - l));
            btns.eq(btns.length - 1).after(newBtn);
            btns = btns.add(newBtn);
          }
        } else {
          while (l++) {
            btns.eq(btns.length + l - 1).hide();
          }
        }
      }

      var props = {};
      var index = 0;

      function move () {
        var pos = parseFloat(wraper.css(useCss)) || 0;
        var panelsWidth = 0;
        panels.each(function () { panelsWidth += $(this)[outerCss](true); });
        if (isAdd) {
          if (pos >= 0) {
            pos = -panelsWidth + pos;
          }
          pos += cfg.speed;
        } else {
          if (pos <= -panelsWidth) {
            pos = pos + panelsWidth;
          }
          pos -= cfg.speed;
        }
        for (var i = 0; i < length; ++i) {
          var size = panels.eq(i)[outerCss]();
          var o = panels.eq(i).position();
          var p1 = o[useCss];
          var p2 = p1 + size;
          if (Math.abs(pos) >= p1 && Math.abs(pos) <= p2) {
            btns.eq(index).removeClass(cfg.paneActiveCls);
            index = i;
            btns.eq(index).addClass(cfg.paneActiveCls);
            break;
          }
        }
        wraper.css(useCss, pos);
      };

      timer = setInterval(move, 13);
      container.hover(function () {clearInterval(timer);}, function () {timer = setInterval(move, 13);});

      $(cfg.prevSel, context).click(function () {isAdd = true; });
      $(cfg.nextSel, context).click(function () {isAdd = false;});
      btns[cfg.eventType](function () {
        btns.eq(index).removeClass(cfg.paneActiveCls);
        index = btns.index(this);
        btns.eq(index).addClass(cfg.paneActiveCls);
        var diff = 0;
        for (var i = 0; i < index; ++i) {
          diff += panels.eq(i)[outerCss]();
        }
        var props = {};
        props[useCss] = -diff;
        clearInterval(timer);
        wraper.stop().animate(props, 500, function () {
          timer = setInterval(move, 13);
        });
      });
    },
    //灯箱效果
    lightbox: function (config) {
      var cfg = $.extend({
        nodes: null, //css选择器 jquery对象 html元素
        container: null,
        datas: null,
        showTitle: true,
        scaleStep: 0.1,
        padding: 7,
        maxWidth: -20,
        maxHeight: -20// <= 0时相对于窗口大小
      }, config);

      var $overlay = $('<div class=\'w-lightbox-overlay\'>').appendTo(document.body).hide();
      var $domNode = $('<div class=\'w-lightbox\'>' +
        '<div class=\'imgbox\'><div class=\'w-loading\'></div><img /></div>' +
        '<div class=\'w-arrow l\'><span/></div>' +
        '<div class=\'w-arrow r\'><span/></div>' +
        '<div class=\'w-text\'></div>' +
        '<div class=\'w-close\'></div>' +
        '</div>').appendTo(document.body).hide();

      var container = $(cfg.container || document),
        imgNodes = $(cfg.nodes, container),
        showArrow = !!cfg.nodes && typeof cfg.nodes != 'string',
        $imgbox = $domNode.find('.imgbox'),
        $loading = $domNode.find('.w-loading'),
        $img = $domNode.find('img').hide(),
        text = $domNode.find('.w-text'),
        $close = $domNode.find('.w-close').click(hide),
        $arrow = $domNode.find('.w-arrow').hide();

      $overlay.mousedown(function () {
        hide();
        return false;
      });

      var offset, x, y;
      W.dnd({
        nodes: $domNode, mousedown: function (e) {
          e.stopPropagation();
          if ($(e.target).closest($arrow.add($close)).size()) return false;
          offset = $domNode.position();
          x = e.pageX;
          y = e.pageY;
        }, mousemove: function (e) {
          $domNode.css({
            left: offset.left + e.pageX - x,
            top: offset.top + e.pageY - y
          });
        }, mouseup: function () {

        }
      });

      $arrow.click(function () {
        var isPrev = $(this).hasClass('l');
        var list = $.map(imgNodes, function (img) {
          return typeof img == 'string' ? img : $(img).attr('src');
        });
        var i = $.inArray($img.attr('src'), list);
        i += isPrev ? -1 : 1;
        if (i < 0) i = list.length - 1;
        if (i >= list.length) i = 0;
        load(list[i]);
      });

      function show () {
        $overlay.fadeIn();
        $domNode.show();
      }

      function hide () {
        $domNode.hide();
        $overlay.fadeOut();
      }

      $img.load(function () {
        resize();
      }).on('mousewheel', function (e) {
        var p2 = e.originalEvent.wheelDelta < 0 ? 1 - cfg.scaleStep : 1 + cfg.scaleStep;
        var w = $imgbox.width();
        var h = $imgbox.height();
        var w2 = w * p2;
        var h2 = h * p2;
        var offset = $imgbox.offset();
        var p3 = (e.pageX - offset.left) / w;
        var p4 = (e.pageY - offset.top) / h;

        $imgbox.width(w2).height(h2);

        $domNode.css({
          left: $.css($domNode[0], 'left', true) - (w2 - w) * p3,
          top: $.css($domNode[0], 'top', true) - (h2 - h) * p4
        });
        e.preventDefault();
      }).on('dblclick', function () {
        resize(true);
      });

      function loading () {
        $loading.show();
        $img.hide();
      }

      function load (img) {
        var src = typeof img == 'string' ? img : img[0] ? img[0].src : img.src;
        $img[0].src = '';
        setTimeout(function () {$img[0].src = src;}, 0);
        show();
        loading();
      }

      function resize (b) {
        $img.show().width('').height('');
        var maxW = $(window).width() + cfg.maxWidth * 2 - cfg.padding * 2;
        var maxH = $(window).height() + cfg.maxHeight * 2 - cfg.padding * 2;
        var p1 = $img[0].width / $img[0].height;
        var p2 = maxW / maxH;
        var w, h;
        p1 > p2 ? h = (w = Math.min(maxW, $img[0].width)) / p1 : w = (h = Math.min(maxH, $img[0].height)) * p1;
        $img.css({width: '100%', height: '100%'}).hide();
        $arrow.hide();
        $close.hide();
        $imgbox.animate({'width': w, 'height': h}, function () {
          $arrow.toggle(showArrow);
          $close.show();
          $img.show();
        });
        $loading.hide();
        $domNode.animate({
          left: $(window).width() / 2 - (w + cfg.padding * 2) / 2,
          top: $(window).height() / 2 - (h + cfg.padding * 2) / 2
        });
        if (b) {
          $imgbox.stop(1, 1);
          $domNode.stop(1, 1);
        }
      }

      return {
        load: function (img) {
          load(img);
          $domNode.css({
            left: $(window).width() / 2 - $domNode.outerWidth() / 2,
            top: $(window).height() / 2 - $domNode.outerHeight() / 2
          });
        }, setList: function (list) {
          imgNodes = list;
          showArrow = list.length > 1;
        }
      };

    },

    //图片切换
    tabs: function (config) {
      var cfg = $.extend({
        eventType: 'mouseover',
        container: null,
        tabSel: '',
        activeClass: 'active',
        paneSel: '',
        autoPlay: false,
        effect: 'fade',
        interval: 3000,
        duration: 500, //切换渐变时间，0为立即
        single: true, //如果为假 当前需要隐藏的div做fadeOut 否则直接隐藏
        fixed: true, //single为false有效，自动设置pane的left和top属性
        autoSetTabCount: false, //自动填充按钮
        autoSetTabCountTpl: '<%s>%d</%s>',
        direction: 'right',
        callback: null
      }, config);

      cfg.paneSel = cfg.panelSel || cfg.paneSel;
      cfg.activeClass = cfg.tabSelectedClass || cfg.activeClass;

      var context = $(cfg.container || document),
        paneContainer, position, fixed,
        tabs = $(cfg.tabSel, context),
        panels = $(cfg.paneSel, context),
        length = panels.length,
        isAdd = cfg.direction == 'right' ? true : false;

      var curIndex = 0;

      if (!panels.length) return;

      //自动设置按钮个数
      if (cfg.autoSetTabCount && tabs.length && length != tabs.length) {
        var l = length - tabs.length;
        if (l > 0) {
          while (l--) {
            var newTab = $(cfg.autoSetTabCountTpl.replace(/%s/g, tabs[0].tagName).replace('%d', length - l));
            tabs.eq(tabs.length - 1).after(newTab);
            tabs = tabs.add(newTab);
          }
        } else {
          while (l++) {
            tabs.eq(tabs.length + l - 1).hide();
          }
        }
      }

      paneContainer = $(cfg.paneContainer || cfg.container || panels[0].parentNode);

      //如果同时进行淡出和淡入需要设置定位
      if (cfg.single == false) {
        if (paneContainer.css('position') == 'static') {
          paneContainer.css('relative');
        }
        //是否固定位置
        position = panels.position();
        fixed = cfg.fixed && (position.left || position.top);
        if (fixed)
          fixed = {position: 'absolute', left: position.left, top: position.top};
        else
          fixed = {position: 'absolute'};

        panels.css(fixed);

      }

      function move (index) {
        if (curIndex == index) return;

        tabs.eq(curIndex).removeClass(cfg.activeClass);
        if (panels[curIndex]) {

          panels.eq(curIndex).stop(1, 1);
          if (cfg.single)
            panels.eq(curIndex).hide();
          else {
            if (cfg.effect == 'fade')
              panels.eq(curIndex).fadeOut(cfg.duration);
            else
              panels.eq(curIndex).hide();
          }

        }
        curIndex = index;
        tabs.eq(curIndex).addClass(cfg.activeClass);
        cfg.callback && cfg.callback(curIndex);

        if (!panels[curIndex]) return;

        panels.eq(curIndex).stop(1, 1);
        if (cfg.effect == 'fade')
          panels.eq(curIndex).fadeIn(cfg.duration);
        else
          panels.eq(curIndex).show();
      }

      tabs[cfg.eventType](function () { move(tabs.index(this)); });

      if (cfg.autoPlay) {
        function autoFunc () {
          move(isAdd ? curIndex + 1 : curIndex - 1);
        }

        var timer = setInterval(autoFunc, cfg.interval);
        $(cfg.container || paneContainer).hover(
          function () { clearTimeout(timer);},
          function () { timer = setInterval(autoFunc, cfg.interval); }
        );
      }

      function f (i) {
        if (i < 0) return length - 1;
        return i > length - 1 ? 0 : i;
      }

      if (cfg.prevSel) $(cfg.prevSel, context).click(function () { move(f(curIndex - 1)); });
      if (cfg.nextSel) $(cfg.nextSel, context).click(function () { move(f(curIndex + 1)); });

      panels.hide();
      tabs.eq(curIndex).addClass(cfg.activeClass);
      panels.eq(curIndex).show();

      return {select: function (index) {move(index);}};
    },

    dnd: function (options) {
      options = $.extend({
        nodes: null,
        mousedown: null,
        mousemove: null,
        mouseup: null,
        container: null
      }, options);

      var doc = $(document),
        _mouseHandled = false,
        _mouseMoved = false,
        el = null;

      function mousedown (event) {
        if (event.which !== 1 || event.isDefaultPrevented() || _mouseHandled) return;
        _mouseMoved = false;

        el = this;
        if (options.mousedown) {
          if (options.mousedown.call(el, event) === false) return;
        }

        doc.on('mousemove', mousemove).on('mouseup', mouseup);
        event.preventDefault();
        mouseHandled = true;
      }

      function mousemove (event) {
        if (_mouseMoved) {
          if (W.navigator.isIE && (!document.documentMode || document.documentMode < 9) && !event.button) {
            return mouseup(event);
          } else if (!event.which) {
            return mouseup(event);
          }
        }

        if (event.which || event.button) {
          _mouseMoved = true;
        }
        options.mousemove && options.mousemove.call(el, event);
        event.preventDefault();

      }

      function mouseup (event) {
        doc.off('mousemove', mousemove).off('mouseup', mouseup);

        options.mouseup && options.mouseup.call(el, event);
        _mouseHandled = false;
        event.preventDefault();
      }

      if (typeof options.nodes == 'string')
        $(options.container || doc).on('mousedown.w.dnd', options.nodes, mousedown);
      else
        $(options.nodes).on('mousedown.w.dnd', mousedown);
    },
    undnd: function (elems) {
      $(elems).off('.w.dnd');
    },
    drag: function (cfg) {
      cfg = $.extend({
        paneSel: '',
        barColor: '#aaa',
        context: null,
        direction: 'v',
        avatarCls: '',
        container: null,
        onMouseDown: null,
        onMouseMove: null,
        onMouseUp: null,
        onChange: null
      }, cfg);

      var context = $(cfg.context || cfg.container || document),
        current, x, y, position, moveDiv, isInit,
        container = $(cfg.container || $(cfg.paneSel, context).parent());

      if (container.css('position') == 'static') container.css('position', 'relative');

      function init () {
        isInit = true;
        moveDiv = $('<div>', {'class': cfg.avatarCls}).insertAfter(current).css({
          width: current.offsetWidth,
          height: current.offsetHeight
        });

        $(current).outerWidth(current.offsetWidth).css({'position': 'absolute', 'z-index': 11001});
      }

      function mousedown (e) {
        current = this;
        isInit = false;
        position = $(this).position();
        x = e.pageX;
        y = e.pageY;
        cfg.onMouseDown && cfg.onMouseDown(current);
      }

      function mousemove (e) {
        !isInit && init();
        $(current).css({
          left: position.left + e.pageX - x,
          top: position.top + e.pageY - y
        });
        var css = cfg.direction == 'v' ? 'top' : 'left';
        var pos = cfg.direction == 'v' ? e.pageY : e.pageX;
        var closest = null;
        var minPos = null;
        $(cfg.paneSel, container).each(function () {
          if (this == current) return;
          var p = pos - $(this).offset()[css] - this.offsetHeight / 2;
          if (minPos == null || Math.abs(p) < Math.abs(minPos)) {
            closest = this;
            minPos = p;
          }
        });
        if (closest) $(closest)[minPos > 0 ? 'after' : 'before'](moveDiv);
        cfg.onMouseMove && cfg.onMouseMove(current);
      }

      function mouseup () {
        if (!isInit) return cfg.onMouseUp && cfg.onMouseUp(current, target);
        $(current).css({left: '', top: '', width: '', height: '', position: '', zIndex: ''});
        moveDiv.after(current).remove();
        cfg.onMouseUp && cfg.onMouseUp(current, target);
      }

      W.dnd({mousedown: mousedown, mousemove: mousemove, mouseup: mouseup, container: container, nodes: cfg.paneSel});
    },

    timer: function () {
      function Timer (timeout, periodic, handler) {
        if (this instanceof Timer == false) return new Timer(timeout, periodic, handler);
        $.extend(this, {
          timeout: timeout,
          periodic: periodic,
          handler: handler
        });
      }

      Timer.STATE_STOP = 0;
      Timer.STATE_START = 1;
      Timer.STATE_PAUSE = 2;
      Timer.getExpiredTimer = function () {
        return Timer.lastExpiredTimer;
      };
      Timer.prototype = {
        timerId: null,
        timeout: -1,
        evalCount: 0, //执行次数
        _onExpired: function () {
          this.evalCount++;
          Timer.lastExpiredTimer = this;
          if (!this.periodic) this.stop();
          else {
            this.startTime = $.now();
            this._elapsed = 0;
          }

          this.handler();
        },
        periodic: true,
        startTime: 0,
        handler: null,
        state: 0,
        _start: function () {
          var _this = this;
          var f = function () { _this._onExpired(); };
          this.timerId = this.periodic ? setInterval(f, this.timeout) : setTimeout(f, this.timeout);
        },
        start: function (timeout, periodic, handler) {
          if (this.state) return;
          this.state = 1;
          this._elapsed = 0;
          this.startTime = $.now();

          //未定义则不替换
          $.extend(this, {
            timeout: timeout,
            periodic: periodic,
            handler: handler
          });

          this._start();
        },
        stop: function () {
          if (!this.state) return;
          this.state = 0;
          this.stopTime = $.now();
          this._elapsed += this.stopTime - this.startTime;
          clearInterval(this.timerId);
          clearTimeout(this.timerId);
        },
        pauseTime: 0,
        pause: function () {
          if (this.state == 0) return;
          if (this.state == 2) return;
          this.state = 2;
          this.pauseTime = $.now();
          this._elapsed += this.pauseTime - this.startTime;
          clearInterval(this.timerId);
          clearTimeout(this.timerId);
        },
        restart: function (timeout, periodic, handler) {
          if (this.state) this.stop();
          this.start(timeout, periodic, handler);
        },
        resume: function () {
          if (this.state == 1) return;
          if (this.state == 0) return;
          var _this = this,
            r = this.getRemaining();
          if (this.periodic) {
            this.timerId = setTimeout(function () {
              _this._onExpired();
              _this._start();
            }, r);
          } else {
            this.timerId = setTimeout(function () {
              _this._onExpired();
            }, r);
          }
          this.state = 1;
          this.startTime = $.now();
        },
        _elapsed: 0,
        getElapsed: function () {
          if (this.state != 1)
            return this._elapsed;
          return this._elapsed + $.now() - this.startTime;
        },
        getRemaining: function () {
          return this.timeout - this.getElapsed();
        }
      };
      return Timer;
    }(),

    //图片幻灯片
    slide: function (config) {
      var cfg = $.extend(true, {
        onChange: null,
        eventType: 'click',
        align: 'left',
        alignDiff: 0,
        focus: 'left',
        direction: 'right',
        context: null,
        container: null,
        paneSel: '',
        btnSel: '',
        transition: '',
        prevSel: '',
        nextSel: '',
        interval: 5000,
        duration: 1000,
        btnActiveCls: 'active',
        paneActiveCls: 'active',
        easing: null,
        autoPlay: true,
        random: false,
        btnAutofill: true, //自动填充按钮
        btnAutofillTpl: '<%s>%d</%s>', //%s: tagName
        fullscreen: false,
        paneSize: 'auto', //尺寸 可以为数字 如果为auto则会获取容器和pane大小的较大值
        bgColors: null,

        start: null, //curid toid
        progress: null, //p, curid toid
        finish: null, //curid

        showIntervalTimer: false,
        intervalTimerBgColor: '#fff',
        fade: {
          duration: 2000,
          easing: 'easeOutQuad'
        },
        crossfade: {
          duration: 2000,
          easing: 'easeOutQuad'
        },
        slide: {
          duration: 1000,
          easing: 'easeOutCubic'
        },
        slice: {
          duration: 2000,
          easing: 'easeOutQuad',
          effects: 'up,down,updown',
          slicecount: 10
        },
        blinds: {
          duration: 1500,
          easing: 'easeOutCubic',
          slicecount: 5
        },
        blocks: {
          columncount: 5,
          rowcount: 4,
          effects: 'topleft,bottomright,top,bottom,random',
          duration: 2000,
          easing: 'easeOutQuad'
        },
        shuffle: {
          duration: 1500,
          easing: 'easeOutQuad',
          rowcount: 5,
          columncount: 5
        },
        threed: {
          duration: 3000,
          easing: 'easeOutQuad',
          slicecount: 5,
          bgcolor: '#222222',
          perspective: 1000,
          perspectiveorigin: 'right',
          scatter: 30
        },
        threedhorizontal: {
          duration: 3000,
          bgcolor: '#222222',
          slicecount: 3,
          easing: 'easeOutCubic',
          scatter: 15,
          perspectiveorigin: 'bottom'
        }
      }, config);

      cfg.paneSel = cfg.panelSel || cfg.paneSel;
      cfg.count = parseInt(cfg.count) || 1;
      cfg.transition = cfg.transition.split(',');
      cfg.fullscreen = !!cfg.fullscreen;
      cfg.containerScale = ~~cfg.containerScale; // 0 1 2
      cfg.bgColors = cfg.bgColors || [];

      var t, horizontal = cfg.direction == 'left' || cfg.direction == 'right',
        css,
        addValue = cfg.direction == 'bottom' || cfg.direction == 'right',
        useCss = horizontal ? 'width' : 'height',
        props = {},
        $context = $(cfg.context || document),
        $panels = $(cfg.paneSel, $context),
        $btns = $(cfg.btnSel, $context),
        $container = $(cfg.container || $panels.parent()[0]),
        height = $container.height(),
        $addonContainer = $('<div style=\'position:relative; height: 100%\'/>').appendTo($container),
        containerSize = $addonContainer[useCss](),
        minPosition, lastIndex,
        alignLeft = cfg.align == 'left' ? 0 : container.width() / 2 - panels.outerWidth(true) / 2,
        result,
        slideCount = Math.ceil($panels.length / cfg.count),
        triggerCount = 0,
        direction = 1;

      alignLeft += cfg.alignDiff;

      if (!$panels.length) return;

      //自动设置按钮个数
      if (cfg.btnAutofill && $btns.length && slideCount != $btns.length) {
        var l = slideCount - $btns.length;
        if (l > 0) {
          while (l--) {
            $btns.push($(cfg.btnAutofillTpl.replace('%s', btns[0].tagName).replace('%d', length - l)).insertAfter($btns.eq(-1))[0]);
          }
        } else {
          $($btns.splice(slideCount)).hide();

        }
      }

      var curIndex = 0,
        toIndex = 0;
      var animationDuration,
        animationTime = 0,
        animatingTimer = W.timer(50, true, function () {
          animationTime += 50;
          cfg.progress && cfg.progress(animationTime / animationDuration, curIndex, toIndex);
          if (animationTime >= animationDuration) {
            var lastindex = curIndex;
            curIndex = toIndex;
            clearAll();
            cfg.autoPlay && intervalTimer.resume();
            cfg.finish && cfg.finish(curIndex, lastindex);
          }
        });

      animatingTimer.start();
      animatingTimer.pause();

      if (cfg.autoPlay) {
        if (cfg.showIntervalTimer) {
          var $timerbar = $('<div/>').css({
            'background-color': cfg.intervalTimerBgColor,
            'position': 'absolute', 'bottom': 0, 'left': 0,
            'width': 0, 'height': 2, 'z-index': 10
          }).appendTo($addonContainer);
        }

        var time = 0,
          intervalTimer = W.timer(50, true, function () {
            time += 50;
            $timerbar && $timerbar.width(time / cfg.interval * 100 + '%');
            if (time > cfg.interval) next();
          });

        intervalTimer.start();

        function timerStop () {
          time = 0;
          $timerbar && $timerbar.width(0);
          intervalTimer.pause();
        };

        $(cfg.context || cfg.container || $container)
          .on('mouseenter touchstart', function () {intervalTimer.pause();})
          .on('mouseleave touchend', function () {
            animatingTimer.state != W.timer.STATE_START && intervalTimer.resume();
          });
      }

      console.log(cfg);
      // 重置一下高度
      // height = $panels.height();

      if (cfg.count > 1 || !cfg.transition[0]) {
        var outerSize = $panels['outer' + useCss.charAt(0).toUpperCase() + useCss.slice(1)](true);
        var singleSize = cfg.paneSize == 'auto' || cfg.paneSize == 'fix' ? cfg.count * outerSize : cfg.paneSize;
        $addonContainer.css({'overflow': 'hidden', 'height': height});
        var $moveingDiv = $('<div style=\'position:absolute; width: 9999px; height: 9999px\'/>').append($panels).appendTo($addonContainer);
        horizontal ? $panels.css('float', 'left') : $panels.css('clear', 'both');

        function clearAll () {}

        function run (index) {
          if ($btns[curIndex]) $btns.eq(curIndex).removeClass(cfg.btnActiveCls);
          if ($btns[index]) $btns.eq(index).addClass(cfg.btnActiveCls);
          $panels.eq(curIndex).removeClass(cfg.paneActiveCls);
          $panels.eq(index).addClass(cfg.paneActiveCls);
          cfg.autoPlay && timerStop();
          curIndex = index;
          result.index = index;
          props[horizontal ? 'left' : 'top'] = -index * singleSize;
          $moveingDiv.stop().animate(props, cfg.duration, cfg.easing, function () {
            cfg.autoPlay && intervalTimer.resume();
          });
          triggerCount++;
          cfg.finish && cfg.finish(index);
        }

      } else {
        var w = cfg.fullscreen ? 1920 : $addonContainer.width();
        $addonContainer.width(w).css('left', '50%').css('margin-left', -w / 2);

        var imgSize = {width: w, height: height};
        var imgSrcs = $('img', $panels).map(function () {return this.src;});
        var imgLinks = $('img', $panels).closest('a').map(function () {return this.href;});

        function getPanelHtml (index, top, left) {
          var s = 'position:absolute; top:' + top + 'px;left:' + left + 'px;width:' + imgSize.width + 'px;height:' + imgSize.height + 'px;background: no-repeat center center;';
          if (cfg.bgColors[index]) s += 'background-color: ' + cfg.bgColors[index] + ';';
          var a = {
            'fill': '<div style=\'' + s + 'background-image:url(' + imgSrcs[index] + ')\'/>',
            'cover': '<div style=\'' + s + 'background-size: cover; background-image:url(' + imgSrcs[index] + ')\'/>',
            'extendWidth': '<div style=\'' + s + 'overflow: hidden;\'><div style=\'*position: absolute;*top: 50%;\'>' +
              '<img src=\'' + imgSrcs[index] + '\' style=\'position:absolute; top: 0; bottom: 0; left: 0; right: 0; *position: relative; *top: -50%; margin: auto; display: block; border: 0; width: 100%;\'/>' + '</div></div>',
            'extendHeight': '<div style=\'' + s + 'overflow: hidden;\'><div style=\'position:absolute; left: 50%;height: 100%;\' >' +
              '<img src=\'' + imgSrcs[index] + '\' style=\'position:relative; left:-50%; display: block; border: 0; height: 100%;\'/>' + '</div></div>'
          };
          if (cfg.imageFit in a) return a[cfg.imageFit];
          return '<div style=\'' + s + '\'>' + '<img src=\'' + imgSrcs[index] + '\' style=\'display: block; border: 0; width: 100%; height: 100%;\' />' + '</div>';
        }

        //重新生成
        $panels.hide();
        var html = '';
        for (var i = 0; i < slideCount; ++i) {
          html += '<a href=\'' + imgLinks[i] + '\' target=\'_blank\' style=\'position:absolute; width: 100%; height: 100%;\'>' + getPanelHtml(i, 0, 0) + '</a>';
        }
        $panels = $(html).hide().appendTo($addonContainer);
        W.navigator.isIE == 8 && $panels.find('*').css('filter', 'inherit');
        $panels.eq(0).show();

        var timers = [];
        var nodes = [];

        function clearAll () {
          while ($el = nodes.pop()) $el.remove();
          while (tm = timers.pop()) clearTimeout(tm);
          animatingTimer.pause();
          $addonContainer.css('overflow', '');
          $panels.hide().stop(1, 1).css('left', 0).eq(curIndex).show();
          $btns.removeClass(cfg.btnActiveCls).eq(curIndex).addClass(cfg.btnActiveCls);
        }

        function resetSize () {
          clearAll();
          if (cfg.fullscreen && cfg.containerScale > 0) {
            imgSize.width = Math.max($(window).width(), 1920);
            if (cfg.containerScale == 2) $addonContainer.height(imgSize.height = imgSize.width / imgSize.width * imgSize.height);
          } else {
            if (!cfg.fullscreen) imgSize.width = $container.width();
            imgSize.height = $container.height();
          }
          $panels.children().css(imgSize);
          $addonContainer.width(imgSize.width).css('margin-left', -imgSize.width / 2);
          cfg.resize && cfg.resize(imgSize);
        }

        if (cfg.fullscreen && cfg.containerScale > 0) {
          resetSize();
          $(window).on('resize', resetSize);
        }

        function run (index) {
          if (curIndex == index) return;
          if (animatingTimer.state == W.timer.STATE_START) return;
          clearAll();
          var slideType = cfg.transition[~~(Math.random() * cfg.transition.length)];
          toIndex = index;
          direction = toIndex < curIndex ? -1 : 1;
          funcs[slideType](index);
          cfg.autoPlay && timerStop();
          animationTime = 0;
          animationDuration = cfg[slideType].duration;
          animatingTimer.resume();
          cfg.start && cfg.start(curIndex, index);
          triggerCount++;
        }

        var funcs = {
          'slice': function (index) {
            var o = cfg.slice;
            var eff = o.effects.split(',');
            eff = eff[~~(Math.random() * eff.length)];
            var w = imgSize.width / o.slicecount;
            var s = '';
            for (var i = 0; i < o.slicecount; ++i) {
              var c = eff == 'up' ? 'bottom:0;' : eff == 'down' ? 'top: 0;' : i % 2 ? 'bottom:0;' : 'top:0;';
              s += '<div style=\'position:absolute;' + c + 'left:' + w * i + 'px;width:' + (w + 1) + 'px;height:0;overflow:hidden;\'>' +
                getPanelHtml(index, 0, -w * i) + '</div>';
            }
            nodes.push($(s).appendTo($addonContainer).each(function (i) {
              $(this).delay(o.duration / 2 / o.slicecount * (direction == 1 ? i : o.slicecount - i)).animate({height: '100%'}, o.duration / 2, o.easing);
            }));
          },
          'blinds': function (index) {
            var o = cfg.blinds;
            var w = Math.ceil(imgSize.width / o.slicecount);
            var s = '';
            for (var i = 0; i < o.slicecount; ++i) {
              var c = direction == 1 ? 'left:' + w * i + 'px;' : 'right:' + w * (o.slicecount - i - 1) + 'px;';
              s += '<div style=\'position:absolute;top:0;' + c + 'width:0;height:100%;overflow:hidden;\'>' +
                getPanelHtml(index, 0, -w * i) + '</div>';
            }
            nodes.push($(s).appendTo($addonContainer).each(function (i) {
              $(this).animate({width: w}, o.duration * (direction == 1 ? i + 1 : o.slicecount - i) / o.slicecount, o.easing);
            }));
          },
          'fade': function (index) {
            var o = cfg.crossfade;
            $panels.eq(index).css({'left': 0, 'top': 0}).show().after($panels.eq(curIndex).css({
              'left': 0,
              'top': 0
            }).css('filter', 'alpha(opacity=100)').fadeOut(o.duration, o.easing));
          },
          'crossfade': function (index) {
            var o = cfg.crossfade;
            $panels.eq(curIndex).css({'left': 0, 'top': 0}).after($panels.eq(index).css({
              'left': 0,
              'top': 0
            }).fadeIn(o.duration, o.easing)).fadeOut(o.duration, o.easing);
          },
          'slide': function (index) {
            var o = cfg.slide;
            $addonContainer.css('overflow', 'hidden');
            $panels.eq(index).show().css('left', direction == 1 ? '100%' : '-100%').animate({left: 0}, o.duration, o.easing);
            $panels.eq(curIndex).css('left', 0).animate({left: direction == 1 ? '-100%' : '100%'}, o.duration, o.easing);
          },
          'blocks': function (index) {
            var o = cfg.blocks;
            var eff = o.effects.split(',');
            eff = eff[~~(Math.random() * eff.length)];
            var w = imgSize.width / o.columncount;
            var h = imgSize.height / o.rowcount;
            var s = '';
            for (var j = 0; j < o.rowcount; ++j) {
              for (var i = 0; i < o.columncount; ++i) {
                s += '<div style=\'position:absolute;top:' + h * j + 'px;left:' + w * i + 'px;width:' + w + 'px;height:' + h + 'px;overflow:hidden;\'>' +
                  getPanelHtml(index, -h * j, -w * i) + '</div>';
              }
            }
            var $el = $(s).appendTo($addonContainer).hide();
            if (eff == 'random') $el.sort(function () {return 0.5 - Math.random();});
            nodes.push($el.each(function (i) {
              var k = eff == 'topleft' || eff == 'bottomright' ? (~~(i / o.columncount) + i % o.columncount) / (o.rowcount + o.columncount) :
                i / (o.rowcount * o.columncount);
              $(this).delay((o.duration - 300) * (direction == 1 ? k : 1 - k)).fadeIn(300);
            }));
          },

          'shuffle': function (index) {
            var o = cfg.shuffle;
            var w = imgSize.width / o.columncount;
            var h = imgSize.height / o.rowcount;
            var s = '';
            var s2 = '';
            for (var j = 0; j < o.rowcount; ++j) {
              for (var i = 0; i < o.columncount; ++i) {
                s += '<div style=\'position:absolute;top:' + Math.random() * (imgSize['height'] - h) + 'px;left:' + Math.random() * (imgSize['width'] - w) + 'px;width:' + w + 'px;height:' + h + 'px;overflow:hidden;\'>' +
                  getPanelHtml(index, -h * j, -w * i) + '</div>';
                s2 += '<div style=\'position:absolute;top:' + h * j + 'px;left:' + w * i + 'px;width:' + w + 'px;height:' + h + 'px;overflow:hidden;\'>' +
                  getPanelHtml(curIndex, -h * j, -w * i) + '</div>';
              }
            }
            $panels.hide();
            var $div = $('<div/>').append($(s2).each(function (i) {
              $(this).animate({
                top: Math.random() * (imgSize['height'] - h),
                left: Math.random() * (imgSize['width'] - w),
                opacity: 0
              }, o.duration, o.easing);
            }), $(s).each(function (i) {
              $(this).css('opacity', 0).animate({
                top: h * ~~(i / o.columncount),
                left: w * (i % o.columncount),
                opacity: 1
              }, o.duration, o.easing);
            })).appendTo($addonContainer);
            W.navigator.isIE == 8 && $div.children().find('*').css('filter', 'inherit');
            nodes.push($div);
          },
          'threed': function (index) {
            if (!W.navigator.isChrome) return funcs['slide'](index);
            var o = cfg.threed;
            var w = imgSize.width / o.slicecount;
            var h = imgSize.height;
            var s = '';
            $panels.hide();
            var $wrap = $('<div style=\'height: 100%; transform-style: preserve-3d; perspective-origin: ' + o.perspectiveorigin + ' center; perspective:' + imgSize['width'] + 'px;\'/>').appendTo($addonContainer);
            nodes.push($wrap);

            for (var i = 0; i < o.slicecount; ++i) {
              s += '<div style=\'position:absolute;top:0;left:' + w * i + 'px;width:' + w + 'px;height:100%; backface-visibility: hidden; transition-property: transform; transform-style:preserve-3d; transform: translateZ(-' + h / 2 + 'px)\'>' +
                '<div style=\'position:absolute;width:' + w + 'px;height:100%;overflow:hidden; backface-visibility: hidden; transform: translateZ(' + h / 2 + 'px)\'>' +
                getPanelHtml(curIndex, 0, -w * i) + '</div>' +
                '<div style=\'position:absolute;width:' + w + 'px;height:100%;overflow:hidden; backface-visibility: hidden; transform: rotateX(' + ((direction == 1) ? '90' : '-90') + 'deg) translateZ(' + h / 2 + 'px)\'>' +
                getPanelHtml(index, 0, -w * i) + '</div>' +
                '<div style=\'position:absolute;top:1px;left:2px;width:' + (h - 1) + 'px;height:' + (h - 1) + 'px;backface-visibility: hidden; transform:rotateY(-90deg) translateZ(' + (h / 2) + 'px);background:' + o.bgcolor + ';\'></div>' +
                '<div style=\'position:absolute;top:0;left:0;width:' + (h - 1) + 'px;height:' + (h - 1) + 'px;backface-visibility: hidden; transform:rotateY(90deg) translateZ(' + (w - h / 2) + 'px);background:' + o.bgcolor + ';\'></div>' +
                '</div>';
            }

            $(s).appendTo($wrap).each(function (i) {
              var $this = $(this);
              var left = ~~((i - o.slicecount / 2) * o.scatter * w / 100);
              timers.push(setTimeout(function () {
                $this.css({
                  'animation-timing-function': W.easing2cubicBezier(o.easing),
                  'transition-duration': o.duration / Math.min(o.slicecount, 2) + 'ms',
                  'transform': 'translateZ(-' + h / 2 + 'px) rotateX(' + (direction == 1 ? '-' : '') + '90deg) translateX(' + left + 'px)'
                });
                $this.delay(o.duration / 4 - 50).animate({left: '-=' + left + 'px'}, o.duration / 4);
              }, o.duration / 2 * i / (o.slicecount - 1) + 50));
            });
          },

          'threedhorizontal': function (index) {
            if (!W.navigator.isChrome) return funcs['slide'](index);
            var o = cfg.threedhorizontal;
            var w = imgSize.width;
            var h = imgSize.height / o.slicecount;
            var s = '';
            $panels.hide();
            var $wrap = $('<div style=\'height: 100%; transform-style: preserve-3d; perspective-origin: center ' + o.perspectiveorigin + '; perspective:' + imgSize['width'] + 'px;\'/>').appendTo($addonContainer);
            nodes.push($wrap);

            for (var i = 0; i < o.slicecount; ++i) {
              s += '<div style=\'position:absolute;top:' + h * i + 'px;left:0;width:100%;height:100%; backface-visibility: hidden; transition-property: transform; transform-style:preserve-3d;  transform: translateZ(-' + w / 2 + 'px)\'>' +
                '<div style=\'position:absolute;top:0;left:0;width:100%;height:' + h + 'px; overflow:hidden; backface-visibility: hidden; transform: translateZ(' + w / 2 + 'px)\'>' +
                getPanelHtml(curIndex, -+h * i, 0) + '</div>' +
                '<div style=\'position:absolute;top:0;left:0;width:100%;height:' + h + 'px; overflow:hidden; backface-visibility: hidden; transform: rotateY(' + ((direction == 1) ? '90' : '-90') + 'deg) translateZ(' + w / 2 + 'px)\'>' +
                getPanelHtml(index, -+h * i, 0) + '</div>' +
                '<div style=\'position:absolute;top:1px;left:1px;width:' + (w - 1) + 'px;height:' + (w - 1) + 'px;backface-visibility: hidden;transform:rotateX(90deg) translateZ(' + w / 2 + 'px);background:' + o.bgcolor + ';\'></div>' +
                '<div style=\'position:absolute;top:0;left:0;width:' + (w - 1) + 'px;height:' + (w - 1) + 'px;backface-visibility: hidden;transform:rotateX(-90deg) translateZ(' + (h - w / 2) + 'px);background:' + o.bgcolor + ';\'></div>' +
                '</div>';
            }

            $(s).appendTo($wrap).each(function (i) {
              var $this = $(this);
              var top = ~~((i - o.slicecount / 2) * o.scatter * h / 100);
              timers.push(setTimeout(function () {
                $this.css({
                  'animation-timing-function': W.easing2cubicBezier(o.easing),
                  'transition-duration': o.duration / Math.min(o.slicecount, 2) + 'ms',
                  'transform': 'translateZ(-' + w / 2 + 'px) rotateY(' + (direction == 1 ? '-' : '') + '90deg) translateY(' + top + 'px)'
                });
                $this.delay(o.duration / 4 - 50).animate({top: '-=' + top + 'px'}, o.duration / 4);
              }, o.duration / 2 * i / (o.slicecount - 1) + 50));
            });
          }
        };
      }

      result = {
        index: 0, select: run, $container: $addonContainer, remove: function () {
          $(window).off('resize', resetSize);
          $addonContainer.remove();
          animatingTimer.stop();
          intervalTimer && intervalTimer.stop();
          clearAll();
        }, resize: resetSize
      };

      $btns.eq(curIndex).addClass(cfg.btnActiveCls);
      $btns[cfg.eventType](function () { run($btns.index(this)); });

      function prev () { run((curIndex + slideCount - 1) % slideCount); }

      function next () { run((curIndex + 1) % slideCount); }

      $(cfg['prevSel'], $context).click(prev);
      $(cfg['nextSel'], $context).click(next);

      cfg.init && cfg.init(curIndex);
      return result;

      var originPos, handled = true, moved, originalEvent, lastOriginalEvent;

      function t_move (e) {
        moved = true;
        lastOriginalEvent = e.originalEvent;
        var v = originPos + (lastOriginalEvent.touches[0].clientX - originalEvent.touches[0].clientX);
        v = Math.max(v, minPosition);
        v = Math.min(v, 0);
        moveDiv.css(css, v);
      }

      function t_end (e) {
        if (!moved) return;
        var dir = lastOriginalEvent.touches[0].clientX > originalEvent.touches[0].clientX ? -1 : 1;
        var pos = parseInt(moveDiv.css(css));
        handled = true;
        $(document).off('touchmove', t_move).off('touchend', t_end);
        if (dir < 0 && pos == 0) {
          select(0);
        } else if (dir > 0 && pos == minPosition) {
          select(lastIndex);
        } else {
          next();
        }
      }

      $(cfg.container || $container).on('touchstart', function (e) {
        if (!handled || moveDiv.is(':animated')) return;
        handled = false;
        moved = false;
        originalEvent = e.originalEvent;
        originPos = parseInt(moveDiv.css(css));
        $(document).on('touchmove', t_move).on('touchend', t_end);
      });

    },

    /**
     @parm direction 0: 上下左右 1: 上下 2: 左右
     */
    hit: function (elem, direction, count, distance) {
      if (elem.length && elem[0]) {
        var i = 0;
        for (; i < elem.length; ++i)
          $.w.hit(elem[i], direction, count, distance);
        return;
      }
      var a, b, c, t = 0, orig = {left: $.css(elem, 'left', true), top: $.css(elem, 'top', true)};

      if (!direction) {
        a = ['top', 'left'];
        b = 4;
        c = 2;
      } else if (direction == 1) {
        a = ['top'];
        b = 2;
        c = 1;
      } else {
        a = ['left'];
        b = 2;
        c = 1;
      }
      count = count || 7;
      distance = distance || 3;

      if ($.css(elem, 'position') == 'static') {
        $.style(elem, 'position', 'relative');
      }

      var tm = setInterval(function () {
        $.style(elem, a[t % c], orig[a[t % c]] + (t++ % b < c ? -distance : distance));
        if (t > count) {
          clearInterval(tm);
          $(elem).css(orig);
        }
      }, 24);

    },
    zoom: function (config) {
      var cfg = $.extend({
        imgNodes: 'img', //图片节点或jquery对象
        bigImags: 'rel', //大图路径 可以是数组， 默认读取原图rel和src属性
        //指示器模版
        rectTpl: $('<div>').css({opacity: .2, border: '1px solid #00f', background: '#000'}),
        //大图模版 如果包含子div可以用data-attach-point标识容器
        boxTpl: $('<div data-attach-point=\'container\' style=\'border: 1px solid #ccc; background: #fff\'></div>'),
        width: 300,
        height: 300,
        /**大图显示方式
         1. 1 ~ n 按倍数放大
         2. [width, height]固定大小
         */
        method: 1,
        diff: [5, 0] //box和img之间间隔

      }, config);

      var body = document.body, win = $(window), doc = $(document),
        imgNodes = $(cfg.imgNodes),
        rect = $(cfg.rectTpl).css({zIndex: 9999, position: 'absolute'}).appendTo(body).hide(),
        box = $(cfg.boxTpl).css({
          zIndex: 9999,
          position: 'absolute'
        }).width(cfg.width).height(cfg.height).appendTo(body).hide(),
        boxContainer = (boxContainer = box.find('[data-attach-point=\'container\']'))
          && boxContainer.length && boxContainer || box,
        img = $('<img>').appendTo(boxContainer).css('position', 'absolute'),
        offset, target, contentBox = {left: 0, top: 0, right: 0, bottom: 0}, x, y;

      if (boxContainer.css('position') == 'static')
        boxContainer.css({position: 'relative'});

      boxContainer.css({overflow: 'hidden'});

      if ($.isArray(cfg.method))
        img.width(cfg.method[0]).height(cfg.method[1]);

      function mouseover (e) {
        target = $(this);
        offset = target.offset();
        rect.show();
        box.show();
        x = e.pageX;
        y = e.pageY;

        _resetContentBox();

        var src = $.isArray(cfg.bigImags) ? cfg.bigImags[imgNodes.index(this)]
          : $(this).attr(cfg.bigImags) || $(this).attr('src');

        img[0].src = src;

        box.css(_getBoxPosition(offset, target.outerWidth(), target.outerHeight()));

        $.w.loadImage(src, function (w, h) {
          if (!isNaN(cfg.method) && !isNaN(w)) {
            w = w * cfg.method;
            h = h * cfg.method;
            img.width(w).height(h);
            var rW = Math.min(cfg.width / w, 1) * target.width();
            var rH = Math.min(cfg.height / h, 1) * target.height();
            rect.outerWidth(rW).outerHeight(rH);
            _resetRectPosition(rW, rH);
          }
        });
        doc.on('mousemove', mousemove);
      }

      function mousemove (e) {
        x = e.pageX;
        y = e.pageY;
        if (x < contentBox.left || x > contentBox.right || y < contentBox.top || y > contentBox.bottom) {
          mouseout();
        }
        _resetRectPosition(rect.outerWidth(), rect.outerHeight());
      }

      function mouseout (e) {
        doc.off('mousemove', mousemove);
        box.hide();
        rect.hide();
      }

      function add (imgNodes) {
        imgNodes.mouseover(mouseover);
      }

      add(imgNodes);

      return {
        reset: function () {
          if (target) {
            offset = target.offset();
            _resetRectPosition();
            _resetContentBox();
            _getBoxPosition();
          }
        }
      };

      function _resetContentBox () {
        if (target) {
          contentBox.width = target.width();
          contentBox.height = target.height();
          contentBox.left = offset.left + $.css(target[0], 'borderLeftWidth', true) + $.css(target[0], 'paddingLeft', true);
          contentBox.top = offset.top + $.css(target[0], 'borderTopWidth', true) + $.css(target[0], 'paddingTop', true);
          contentBox.right = contentBox.left + contentBox.width;
          contentBox.bottom = contentBox.top + contentBox.height;
        }
      }

      function _resetRectPosition (w, h) {
        var left = x - w / 2, top = y - h / 2;
        left = Math.min(left, contentBox.right - w);
        left = Math.max(left, contentBox.left);
        top = Math.min(top, contentBox.bottom - h);
        top = Math.max(top, contentBox.top);
        rect.css({left: left, top: top});

        w = img.width();
        h = img.height();
        left = (left - offset.left) / contentBox.width * w;
        top = (top - offset.top) / contentBox.height * h;
        left = Math.min(left, w - cfg.width);
        left = Math.max(left, 0);
        top = Math.min(top, h - cfg.height);
        top = Math.max(top, 0);
        img.css({left: -left, top: -top});

      }

      function _getBoxPosition (offset, W, H) {
        var scroll = {left: win.scrollLeft(), top: win.scrollTop()},
          width = box.outerWidth(),
          height = box.outerHeight(),
          left = offset.left + W + cfg.diff[0],
          top = offset.top + cfg.diff[1],
          maxTop = scroll.top + win.height(),
          maxLeft = scroll.left + win.width();

        if (top + height > maxTop) {
          top = maxTop - height;
          top = Math.max(top, scroll.top);
        }
        if (left + width > maxLeft) {
          var l = offset.left - width - cfg.diff[0];
          if (l > scroll.left || scroll.left - l < maxLeft - left) {
            left = l;
          }
        }
        return {top: top, left: left};
      }
    },
    calendar: function (cfg) {
      cfg = $.extend({
        width: '',
        height: '',
        target: '',
        begin: '1950-1-2',
        end: 2030,
        onSelect: null,
        showOtherMonth: true,
        weekendDay: 0

      }, cfg);
      var domNode = cfg.target ? $(cfg.target) : $('<div>'),
        table = $('<table>').css({width: '100%'}).appendTo(domNode),
        thead = $('<thead>').appendTo(table),
        tbody = $('<tbody>').appendTo(table),
        tfoot = $('<tfoot>').appendTo(table),
        dayNames = ['日', '一', '二', '三', '四', '五', '六'],
        leapYear = function (y) {
          return ((y % 4 == 0 && y % 100 != 0) || y % 400 == 0) ? 1 : 0;
        },
        getMonthDaysCount = function (y) {
          return [31, 28 + leapYear(y), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        },
        saturday = 6 - cfg.weekendDay,
        sunday = (7 - cfg.weekendDay >= 7) ? 0 : (7 - cfg.weekendDay),
        i = 0, j, tr, td, s, rowCount = 6;
      nowDate = new Date();

      domNode.css({width: cfg.width, height: cfg.height}).addClass('w-calendar');
      //头部
      tr = $('<tr>').appendTo(thead);
      while (i < dayNames.length) {
        s = (i == saturday || i == sunday) ? ' class=\'w-calendar-weekend\'' : '';
        tr.append('<td ' + s + '>' + dayNames[i] + '</td>');
        ++i;
      }

      function select (date) {
        var oNow = new Date(date),
          nowY = oNow.getFullYear(), nowM = oNow.getMonth(), nowD = oNow.getDate(),
          oDate = new Date(date),
          y = oDate.getFullYear(), m = oDate.getMonth(), d = oDate.getDate(),
          daysCount = getMonthDaysCount(y)[m],
          oLastMonth = new Date(y, m - 1),
          lastMonthDaysCount = getMonthDaysCount(oLastMonth.getFullYear())[oLastMonth.getMonth()],
          firstDay = (new Date(y, m)).getDay();
        tbody.empty();
        i = 0;
        j = firstDay;
        tr = $('<tr>').appendTo(tbody);
        //上个月
        while (j--) {
          td = $('<td>').appendTo(tr).addClass('w-calendar-othermonth');
          if (cfg.showOtherMonth)
            td.html(lastMonthDaysCount - j);
        }
        //这个月
        j = firstDay;
        var counter = 1;

        for (; i < rowCount;) {
          for (; j < 7;) {
            if (j == 0)
              tr = $('<tr>').appendTo(tbody);
            td = $('<td>').appendTo(tr);
            if (counter == d)
              td.addClass('w-calendar-selected');
            td.html(counter++);
            ++j;
            if (counter > daysCount) break;
          }
          if (counter > daysCount) break;
          j = 0;
          ++i;
        }
        //下个月
        counter = 1;
        while (i++ < rowCount) {
          for (; j < 7; ++j) {
            if (j == 0)
              tr = $('<tr>').appendTo(tbody);
            td = $('<td>').appendTo(tr).addClass('w-calendar-othermonth');
            if (cfg.showOtherMonth)
              td.html(counter++);
          }
          j = 0;
        }
      }

      select('2013,7,5');

    },
    datePicker: function (cfg) {
      cfg = $.extend({
        date: '', //默认日期
        begin: '1950-1-2',
        end: 2030,
        input: null,
        disabled: false,
        position: '',
        format: 'Y-m-d H:i:s',
        showTime: true || false,
        week: 0
      }, cfg);

      if (!cfg.input) return false;
      var input = $(cfg.input),
        date = '' + (cfg.date || input.val()),
        oDate;

      if (input.prop('disabled')) cfg.disabled = true;

      if (date.length == 4)
        oDate = new Date(date, 0, 1);
      else
        oDate = new Date(date);

      var html = '<div class=\'w-datepicker\'><div class=\'w-datepicker-border\'>' +
          '<span class=\'w-datepicker-btns\'><span class=\'w-datepicker-icon\'></span></span>' + '</div></div>',
        domNode = $(html);

      input.addClass('w-datepicker-input').before(domNode);
      var hover = function () {$(this).toggleClass('w-datepicker-btns-hover');};
      var btns = domNode.find('.w-datepicker-border').prepend(input).find('.w-datepicker-btns');
      if (!cfg.disabled) btns.hover(hover);

      return {
        disable: function (b) {
          input.prop('disabled', b);
          if (cfg.disabled == b) return;
          if (b)
            btns.bind(hover);
          else
            btns.unbind(hover);
          cfg.disabled = b;
        }
      };

    },
    /**
     * 和PHP一样的时间戳格式化函数
     * @param  {string} format    格式
     * @param  {int}    timestamp 要格式化的时间 默认为当前时间
     * @return {string}           格式化的时间字符串
     */
    dateFormat: function (format, timestamp) {
      var a, jsdate = ((timestamp) ? new Date(timestamp) : new Date());
      var pad = function (n, c) {
        if ((n = n + '').length < c) {
          return new Array(++c - n.length).join('0') + n;
        } else {
          return n;
        }
      };
      var txt_weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
      var txt_ordin = {1: 'st', 2: 'nd', 3: 'rd', 21: 'st', 22: 'nd', 23: 'rd', 31: 'st'};
      var txt_months = ['', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
      var f = {
        // Day
        d: function () {return pad(f.j(), 2);},
        D: function () {return f.l().substr(0, 3);},
        j: function () {return jsdate.getDate();},
        l: function () {return txt_weekdays[f.w()];},
        N: function () {return f.w() + 1;},
        S: function () {return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th';},
        w: function () {return jsdate.getDay();},
        z: function () {return (jsdate - new Date(jsdate.getFullYear() + '/1/1')) / 864e5 >> 0;},

        // Week
        W: function () {
          var a = f.z(), b = 364 + f.L() - a;
          var nd2, nd = (new Date(jsdate.getFullYear() + '/1/1').getDay() || 7) - 1;
          if (b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b) {
            return 1;
          } else {
            if (a <= 2 && nd >= 4 && a >= (6 - nd)) {
              nd2 = new Date(jsdate.getFullYear() - 1 + '/12/31');
              return date('W', Math.round(nd2.getTime() / 1000));
            } else {
              return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0);
            }
          }
        },

        // Month
        F: function () {return txt_months[f.n()];},
        m: function () {return pad(f.n(), 2);},
        M: function () {return f.F().substr(0, 3);},
        n: function () {return jsdate.getMonth() + 1;},
        t: function () {
          var n;
          if ((n = jsdate.getMonth() + 1) == 2) {
            return 28 + f.L();
          } else {
            if (n & 1 && n < 8 || !(n & 1) && n > 7) {
              return 31;
            } else {
              return 30;
            }
          }
        },

        // Year
        L: function () {
          var y = f.Y();
          return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0;
        },
        //o not supported yet
        Y: function () {return jsdate.getFullYear();},
        y: function () {return (jsdate.getFullYear() + '').slice(2);},

        // Time
        a: function () {return jsdate.getHours() > 11 ? 'pm' : 'am';},
        A: function () {return f.a().toUpperCase();},
        B: function () {
          // peter paul koch:
          var off = (jsdate.getTimezoneOffset() + 60) * 60;
          var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off;
          var beat = Math.floor(theSeconds / 86.4);
          if (beat > 1000) beat -= 1000;
          if (beat < 0) beat += 1000;
          if ((String(beat)).length == 1) beat = '00' + beat;
          if ((String(beat)).length == 2) beat = '0' + beat;
          return beat;
        },
        g: function () {return jsdate.getHours() % 12 || 12;},
        G: function () {return jsdate.getHours();},
        h: function () {return pad(f.g(), 2);},
        H: function () {return pad(jsdate.getHours(), 2);},
        i: function () {return pad(jsdate.getMinutes(), 2);},
        s: function () {return pad(jsdate.getSeconds(), 2);},
        //u not supported yet

        // Timezone
        //e not supported yet
        //I not supported yet
        O: function () {
          var t = pad(Math.abs(jsdate.getTimezoneOffset() / 60 * 100), 4);
          if (jsdate.getTimezoneOffset() > 0) t = '-' + t; else t = '+' + t;
          return t;
        },
        P: function () {
          var O = f.O();
          return (O.substr(0, 3) + ':' + O.substr(3, 2));
        },
        //T not supported yet
        //Z not supported yet

        // Full Date/Time
        c: function () {return f.Y() + '-' + f.m() + '-' + f.d() + 'T' + f.h() + ':' + f.i() + ':' + f.s() + f.P();},
        //r not supported yet
        U: function () {return Math.round(jsdate.getTime() / 1000);}
      };

      return format.replace(/[\\]?([a-zA-Z])/g, function (t, s) {
        if (t != s) {
          // escaped
          ret = s;
        } else if (f[s]) {
          // a date function exists
          ret = f[s]();
        } else {
          // nothing special
          ret = s;
        }
        return ret;
      });
    },
    dateAdd: function (interval, number, date) {
      var d = new Date(date);
      var k = {
        'y': 'FullYear',
        'q': 'Month',
        'm': 'Month',
        'w': 'Date',
        'd': 'Date',
        'h': 'Hours',
        'n': 'Minutes',
        's': 'Seconds',
        'ms': 'MilliSeconds'
      };
      var n = {'q': 3, 'w': 7};
      eval('d.set' + k[interval] + '(d.get' + k[interval] + '()+' + ((n[interval] || 1) * number) + ')');
      return d;
    },
    dateDiff: function (interval, date1, date2) {
      date1 = new Date(date1);
      date2 = new Date(date2);
      var i = {}, t = date1.getTime(), t2 = date2.getTime();
      i['y'] = date2.getFullYear() - date1.getFullYear();
      i['q'] = i['y'] * 4 + Math.floor(date2.getMonth() / 4) - Math.floor(date1.getMonth() / 4);
      i['m'] = i['y'] * 12 + date2.getMonth() - date1.getMonth();
      i['ms'] = date2.getTime() - date1.getTime();
      i['w'] = Math.floor((t2 + 345600000) / (604800000)) - Math.floor((t + 345600000) / (604800000));
      i['d'] = Math.floor(t2 / 86400000) - Math.floor(t / 86400000);
      i['h'] = Math.floor(t2 / 3600000) - Math.floor(t / 3600000);
      i['n'] = Math.floor(t2 / 60000) - Math.floor(t / 60000);
      i['s'] = Math.floor(t2 / 1000) - Math.floor(t / 1000);
      return i[interval];
    },
    isDate: function (dateval) {
      var arr = new Array();

      if (dateval.indexOf('-') != -1) {
        arr = dateval.toString().split('-');
      } else if (dateval.indexOf('/') != -1) {
        arr = dateval.toString().split('/');
      } else {
        return false;
      }

      //yyyy-mm-dd || yyyy/mm/dd
      if (arr[0].length == 4) {
        var date = new Date(arr[0], arr[1] - 1, arr[2]);
        if (date.getFullYear() == arr[0] && date.getMonth() == arr[1] - 1 && date.getDate() == arr[2]) {
          return true;
        }
      }
      //dd-mm-yyyy || dd/mm/yyyy
      if (arr[2].length == 4) {
        var date = new Date(arr[2], arr[1] - 1, arr[0]);
        if (date.getFullYear() == arr[2] && date.getMonth() == arr[1] - 1 && date.getDate() == arr[0]) {
          return true;
        }
      }
      //mm-dd-yyyy || mm/dd/yyyy
      if (arr[2].length == 4) {
        var date = new Date(arr[2], arr[0] - 1, arr[1]);
        if (date.getFullYear() == arr[2] && date.getMonth() == arr[0] - 1 && date.getDate() == arr[1]) {
          return true;
        }
      }

      return false;
    }
    , grid: function (cfg) {
      cfg = $.extend({
        domNode: null,
        columns: null,
        subRows: null,
        data: null
      }, cfg);
      var domNode = $(cfg.domNode || '<div>'),
        table = $('<table>').css({
          borderCollapse: 'collapse',
          tableLayout: 'fixed'
        }).appendTo(domNode),
        rowIndex, rowCount, label, formatter, field,
        i, j, tr, td, columns, fields, rowSpan, colSpan;
      if (cfg.subRows) {
        $.each(cfg.data, function (key, data) {
          for (i = 0; i < cfg.subRows.length; ++i) {
            tr = $('<tr>').appendTo(table);
            columns = cfg.subRows[i];
            for (j = 0; j < columns.length; ++j) {
              fields = columns[j];
              rowSpan = colSpan = 0;
              if ($.isPlainObject(fields)) {
                field = fields['field'];
                label = fields['label'] == undefined ? field : fields['label'];
                formatter = fields['formatter'];
                colSpan = fields['colSpan'];
                rowSpan = fields['rowSpan'];
              } else if ($.isArray(fields)) {
                field = fields[0];
                label = fields[1] == undefined ? field : fields[1];
                formatter = fields[2];
              } else {
                field = fields;
                label = field;
                formatter = null;
              }
              td = $('<td>').appendTo(tr).addClass('field-' + field);
              if (rowSpan) td.attr('rowSpan', rowSpan);
              if (colSpan) td.attr('colSpan', colSpan);
              if (formatter) {
                td.html(formatter(data[field], data, td));
              } else
                td.html(data[field]);
            }
          }
        });

      }
      return domNode;
    }
    , slider: function (options) {
      options = $.extend({
        containment: null,
        handle: null,
        type: 'h', //v,h,vh
        width: 0,
        height: 0,
        mousedown: null,
        mousemove: null,
        mouseup: null,
        change: null,
        context: null
      }, options);

      var $containment = $(options.containment);
      var $handle = options.handle ? $(options.handle) : null;

      var width, height, valueH, valueV;

      var getValue = function (e) {
        var pageX = ((e.type == 'touchmove') ? e.originalEvent.changedTouches[0].pageX : e.pageX);
        var pageY = ((e.type == 'touchmove') ? e.originalEvent.changedTouches[0].pageY : e.pageY);
        var offset = $containment.offset();
        var left = Math.min(Math.max(0, e.pageX - offset.left), width);
        var top = Math.min(Math.max(0, e.pageY - offset.top), height);
        valueH = left / width;
        valueV = top / height;

        return options.type == 'h' ? valueH : options.type == 'v' ? valueV : [valueH, valueV];
      };

      function setHandle (v) {
        if ($handle) {
          var left = (valueH * 100).toFixed(2) + '%';
          var top = (valueV * 100).toFixed(2) + '%';
          $handle.css(options.type == 'h' ? {left: left} : options.type == 'v' ? {top: top} : {left: left, top: top});
        }
      }

      function mouseDown (e) {
        if (e.which != 1 || e.isDefaultPrevented()) return;

        width = options.width ? options.width : $containment.outerWidth();
        height = options.height ? options.height : $containment.outerHeight();

        var value = getValue(e);
        if (options.mousedown && options.mousedown.call(options.context, e, value) === false) return;

        $(document).on('mouseup touchend', mouseUp);
        $(document).on('mousemove touchmove', mouseMove);
        options.change && options.change.call(options.context, value);
      }

      function mouseMove (e) {
        var value = getValue(e);
        options.change && options.change.call(options.context, value);
        options.mousemove && options.mousemove.call(options.context, e, value);
      }

      function mouseUp (e) {
        $(document).off('mouseup touchend', mouseUp);
        $(document).off('mousemove touchmove', mouseMove);

        var value = getValue(e);
        options.change && options.change.call(options.context, value);
        options.mouseup && options.mouseup.call(options.context, e, value);
      }

      $($containment).on('mousedown', mouseDown);

    }

  });

}));