(function($) {
// gradient 全屏图片渐变
$.fn.gradient = function(options) {
  if (!this.length) { return this; }
  var opts = $.extend(true, {}, $.fn.gradient.defaults, options);
  this.each(function() {
    var $this = $(this);
    var gradientUl = $this.find('ul');
    var gradientUli = gradientUl.find('li');
    var liLength = gradientUli.length;
    var str = '';
    if (liLength <2) {
      return;
    };
    str += '<ol>';
    for (var i = 0; i < liLength; i++) {
    	str += '<li></li>'
    };
    str += '</ol>';
    $this.append(str);
    var gradientOl = $this.find('ol');
    var gradientOli = gradientOl.find('li');
    var oliWidth = gradientOli.outerWidth();
    var _now = 0;
    gradientUli.hide().first().show();
    gradientOli.first().addClass('current')
    gradientOl.css('padding-left', (opts.pageWidth/2-liLength*oliWidth) + 'px');
    /* 鼠标点击的事件 */
    gradientOli.on('click',function() {
		var index = $(this).index();
		$(this).addClass('current').siblings('li').removeClass('current');
		gradientUli.css('z-index',10).eq(_now).stop(true,true)
    	_now = index;
    	gradientUli.eq(_now).css('z-index',100).fadeIn(400);
	});
    /* 图片渐变的函数 */
    function slider(){
		gradientUli.eq(_now).fadeOut('400',function () {
			$(this).css('z-index',10);
		});
		if(_now < liLength-1){
				_now++;
		} else {
				_now=0;
		}
		gradientUli.eq(_now).css('z-index',100).fadeIn(400);
		gradientOli.eq(_now).addClass('current').siblings().removeClass('current');
	};
	timeId = setInterval(slider,4500);
	$this.on({
		mouseover:function () {
			clearInterval(timeId);
		},
		mouseout:function () {
			timeId = setInterval(slider,4500);
		}
	});
  });
  return this;
};
// default options
$.fn.gradient.defaults = {
  pageWidth: 1000,
  intervals: 4000
};
})(jQuery);