/*幻灯片样式*/
function slideclass(dividname){
	//幻灯节点对象
	this.divobj=$("#"+dividname);
	//大图节点对象
	this.divbigimgobj=$("#"+dividname+" .list");
	this.bigliarr=$("#"+dividname+" ul li");
	//缩略图节点对象
	this.divobj.append("<div class='thumb'></div>");
	this.divthumbobj=$("#"+dividname+" .thumb");
	this.thumbliobj=null;
	//其他设置
	this.index=0;
	this.timeer=null;
	this.speed=4000;//切换速度
}
/**
 * 初始化
 */
slideclass.prototype.init=function(n){
	this.setcenter();
	this.setbtn();
	this.bindevt();
	this.showone();
	this.play();
}
/**
 * 设置按钮,没有原始宽度直接忽略
 */
slideclass.prototype.setcenter = function(){	
	this.bigliarr.find('img').each(function(){		
		var oldw=$(this).attr("oldw");			
		if(oldw==undefined || oldw==null){	
			return false;			
		}
		$(this).css({'margin-left':"-"+oldw/2+"px",'position':'relative','left':"50%"});
	})
}
/**
 * 设置按钮
 */
slideclass.prototype.setbtn = function(){
	var width=parseint(17* this.bigliarr.length, 10);
	this.divthumbobj.css({"width": width + "px","height":"12px","position":"relative","left":"50%","bottom":"25px","margin-left":"-"+(width/2)+"px"});
//	var thehtml = "<ul style='width:" + width + "px;position:absolute;left:50%;margin-left:-"+(width/2)+"px;'>";	
	var thehtml = "<ul>";
	for (var i = 0; i < this.bigliarr.length; i++) {
		thehtml += "<li rel='" + i + "'></li>";
	}
	thehtml += "</ul>";
	$(this.divthumbobj).html(thehtml);
	this.thumbliobj = $(this.divthumbobj).find("li");
	$(this.thumbliobj[0]).addclass("onfocus");
}

/**
 * 为大图及按钮绑定事件
 */
slideclass.prototype.bindevt = function(){
	var theobj = this;
	//$(this.bigimgarr).hover(function(){
	//	clearinterval(theobj.timeer);
	//}, function(){
	//	theobj.play();
	//});
	$(this.thumbliobj).hover(function(){
		clearinterval(theobj.timeer);
		theobj.index=parseint($(this).attr("rel"),10);
		theobj.showone();
		theobj.play();
	}, function(){
	});
	theobj.divobj.hover(function(){
		theobj.divobj.find(".left1,.right1").show();	
	},function(){
		theobj.divobj.find(".left1,.right1").hide();	
	})
	this.divobj.find(".left,.left1").click(function(){
		clearinterval(theobj.timeer);	
		theobj.index--;		
		theobj.showone();
		theobj.play();
	})
	this.divobj.find(".right,.right1").click(function(){
		clearinterval(theobj.timeer);
		theobj.index++;	
		theobj.showone();
		theobj.play();
	})
}

/**
 * 播放
 */
slideclass.prototype.play=function(){
	var theobj=this;
	this.timeer=setinterval(function(){	
		theobj.index++;
		theobj.showone()
	},this.speed);
}
/**
 * 显示一个
 */
slideclass.prototype.showone=function(){	
	var theobj=this;
	if(this.index<0){//返回最后一个
		this.index=this.bigliarr.length-1
	}else if(this.index>this.bigliarr.length-1){//返回第一个
		this.index=0;
	}
	$(this.bigliarr[this.index]).stop(1,1).fadein(2500).siblings().stop(1,1).fadeout(2500);
	$(this.thumbliobj).removeclass("onfocus");
	$(this.thumbliobj[this.index]).addclass("onfocus");
	
}