/**
 * 全屏幻灯片类
 */
function slideclass(dividname){
	//幻灯节点对象
	this.divobj=$("#"+dividname);
	//大图节点对象
	this.divbigimgobj=$("#"+dividname+" .list");
	this.bigliarr=$("#"+dividname+" .list li");
	//缩略图节点对象
	this.divobj.append("<div class='thumb'></div>");
	this.divthumbobj=$("#"+dividname+" .thumb");
	this.thumbliobj=null;
	//其他设置
	this.index=this.divbigimgobj.length-1;
	this.timeer=null;
	this.speed=5000;//切换速度
}

/**
 * 初始化
 */
slideclass.prototype.init=function(n){
	this.setbigmarginleft();
	this.setbtn();
	this.bindevt();
	this.showone();
	this.paly();
}

/**
 * 设置大图距离左边的位置
 */
slideclass.prototype.setbigmarginleft = function(){
	var width = $(this.divbigimgobj).width();
	for (var i = 0; i < this.bigliarr.length; i++) {
		this.setsize(this.bigliarr[i]);
	}
}

/*设置居中*/
slideclass.prototype.setsize=function(liobj) {
	var thewidht=parseint($(window).width(),10);
	var imgobj=$(liobj).find("img").get(0);
	var width=parseint($(imgobj).attr("oldw"),10);
	
	var height=parseint($(imgobj).attr("oldh"),10);
	//alert(height);
	var nowheight=parseint($(imgobj).height(),10);
	var nowwidht=parseint(width*nowheight/height,10);
	var left=parseint((thewidht-nowwidht)/2,10);
	//alert(thewidht);
	$(imgobj).css({"left":left+"px"});
}

/**
 * 设置按钮
 */
slideclass.prototype.setbtn = function(){
	var width=parseint(24 * this.bigliarr.length, 10);
	var thehtml = "<ul style='width:" + width + "px;'>";
	for (var i = 0; i < this.bigliarr.length; i++) {
		//thehtml += "<li rel='" + i + "'>" + parseint(i + 1, 10) + "</li>";
		thehtml += "<li rel='" + i + "'>&nbsp;</li>";
	}
	thehtml += "</ul>";
	$(this.divthumbobj).html(thehtml);
	//$(this.divthumbobj).css({marginleft:"-"+parseint(width/2,10)+"px"});
	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.paly();
	});
	$(this.thumbliobj).hover(function(){
		clearinterval(theobj.timeer);
		theobj.index=parseint($(this).attr("rel"),10);
		theobj.showone();
		theobj.paly();
	}, function(){
	});
}

/**
 * 播放
 */
slideclass.prototype.paly=function(){
	var theobj=this;
	this.timeer=setinterval(function(){theobj.showone()},this.speed);
}

/**
 * 显示一个
 */
slideclass.prototype.showone=function(){
	$(this.bigliarr[this.index]).fadein(800).siblings().fadeout(800);	
	$(this.thumbliobj).removeclass("onfocus");
	$(this.thumbliobj[this.index]).addclass("onfocus");
	if(this.index<this.bigliarr.length-1){
		this.index++;
	}else{
		this.index=0;
	}
}