// JavaScript Document
/*
*图片渐变切换插件
*/
//主题函数
function gradient(){
	this.i=0;
	this.config=config;
	this.action=action;
}
var config={
	container:"gradient",
	itemTag:"div",
	list:4
}
function action(){
	  var i=this.i; 
	  
 	  var eles=$("#"+this.config.container+" "+this.config.itemTag+"");
	  $(eles[0]).css("visibility","visible");
	  var cu=eles[i];
	  $(cu).hide();
	  if(i!=0){
		var pre=eles[i-1];
		$(pre).fadeOut(1000,function(){
			$(cu).fadeIn(1000)
		});
	  }else{
		 	$(cu).fadeIn(1000)
	 }
	  
	  i++;
	  if(i>=this.config.list){
		 i=0;
	  }
	  this.i=i;
}
//扩展函数
gradient.instrance=function(){
		var g=new gradient();
		return g;
}
gradient.config=function(fn){
		var g=gradient.instrance();
		g.config=fn;
		return g;
}
gradient.init=function(){
  var g=gradient.instrance();
  
  function init(){
	  
	  g.action();
	  g.config.time=setInterval(function(){
								   g.action();},3000);
	  function addEvent(){
		  $(this).bind("mousemove",function(){
			  clearInterval(g.config.time);
		  });
		  $(this).bind("mouseout",function(){
			  g.config.time=setInterval(function(){
								   g.action();},3000);
		  });
	  }
	  $("#gradient div").each(addEvent);
  }
  init();
}