function showpre(o){
	var that= this;
	this.box = $("#"+o["box"]);
	this.btnp = $("#"+o.pre);
	this.btnn= $("#"+o.next);
	this.v = o.v||1;
	this.c = 0;
	var li_node = "li";
	this.loop = o.loop||false;

	//ѭ������dom
	if(this.loop){
		this.li =  this.box.find(li_node);
		this.box.append(this.li.eq(0).clone(true));
	};
	this.li = this.box.find(li_node);
	this.l = this.li.length;

	//��������������
	if(this.l<=this.v){
		this.btnp.hide();
		this.btnn.hide();
	};
	this.deinit = true;
	this.w = this.li.outerwidth(true);
	this.box.width(this.w*this.l);
	this.maxl = this.l - this.v;

	//ҫ��ͼ���� ���¼������
	this.s = o.s||1;
	if(this.s>1){
		this.w = this.v*this.w;
		this.maxl = math.floor(this.l/this.v);
		this.box.width(this.w*(this.maxl+1));
		//������ҫ�������
		var addnum = (this.maxl+1)*this.v-this.l;
		var addhtml = "";
		for(var adn = 0;adn < addnum;adn++){
			addhtml += "<li class='addbox'><div class='photo'></div><div class='text'></div></li>";
		};
		this.box.append(addhtml);
	};
	
	//����״̬ͼ��
	this.numico = null;
	if(o.numico){
		this.numico  = $("#"+o.numico);
		var numhtml = "";
		numl = this.loop?(this.l-1):this.l;
		for(var i = 0;i<numl;i++){
				numhtml+="<a href='javascript:void(0);'>"+i+"</a>";
		};
		this.numico.html(numhtml);
		this.numicoli = this.numico.find("a");
		this.numicoli.bind("click",function(){
			if(that.c==$(this).html())return false;
			that.c=$(this).html();
			that.move();
		});
	};
	this.bigbox = null;
	this.loadnumbox = null;
	if(o.loadnumbox){
		this.loadnumbox = $("#"+o.loadnumbox);
	};

	//��ǰ�������
	this.allnumbox = null;
	if(o.loadnumbox){
		this.allnumbox = $("#"+o.allnumbox);
		if(o.bbox){
			var call = this.l<10?("0"+this.l):this.l;
		}else{
			var call = this.maxl<10?("0"+(this.maxl+1)):(this.maxl+1);
		};
		this.allnumbox.html(call);
	};

	//��ͼ��ť�������
	if(o.bbox){
		this.bigbox = $("#"+o.bbox);
		this.li.each(function(n){
			$(this).attr("num",n);
			var cn = (n+1<10) ? ("0"+(n+1)):n+1;
			$(this).find(".text").html(cn);
		});
		this.loadnum = 0;
		this.li.bind("click",function(){
			if(that.loadnum==$(this).attr("num"))return false;
			var test = null;
			if(that.loadnum>$(this).attr("num")){
				test = "pre";
			};
			that.loadnum = $(this).attr("num");

			that.loadimg(test);
		});
		that.loadimg();
		if(o.bnext){
			that.bnext = $("#"+o.bnext);
			that.bnext.bind("click",function(){
				that.loadnum<that.l-1 ?that.loadnum++:that.loadnum=0;
				that.loadimg();
			});
		};
		if(o.bpre){
			that.bpre = $("#"+o.bpre);
			that.bpre.bind("click",function(){
				that.loadnum> 0? that.loadnum--:that.loadnum=that.l-1 ;
				that.loadimg("pre");
			});
		};
	};

	//�����������(ѭ��or��ѭ��)
	if(this.loop){
		this.btnp.bind("click",function(){
			if(that.c<=0){
				that.c = that.l-1;
				that.box.css({left:-that.c*that.w});		
			};
			that.c --;
			that.move(1);
		});
		this.btnn.bind("click",function(){
			if(that.c>=(that.l-1)){
				that.box.css({left:0});		
				that.c = 0;
			};
			that.c++;
			that.move(1);
		});
	}else{
		this.btnp.bind("click",function(){
			that.c> 0? that.c--:that.c=that.maxl ;
			that.move(1);
		});
		this.btnn.bind("click",function(){
			that.c<that.maxl ?that.c++:that.c=0;
			that.move(1);
		});
	};
	that.timer = null;
	if(o.auto){
		that.box.bind("mouseover",function(){
			clearinterval(that.timer);
		});
		that.box.bind("mouseleave",function(){
			that.autoplay();
		});
		that.autoplay();
		
	};
	this.move();
}

showpre.prototype = {
	move:function(test){ //��������
		var that = this;
		var pos = this.c*this.w;
		//document.title = (test&&that.timer);
		if(test&&that.timer){
			clearinterval(that.timer);
		};
		//��ǰ���ͼ��
		if(that.numico){ 
			that.numicoli.removeclass("on");
			var numc = that.c;
			if(that.loop&&(that.c==(this.l-1))){
				numc= 0;	
			};
			that.numicoli.eq(numc).addclass("on");
		};

		this.box.stop();
		this.box.animate({left:-pos},function(){
			if(test&&that.auto){
				that.autoplay();
			};
			if(that.loop&&that.c==that.maxl){
				that.c = 0;
				that.box.css({left:0})
			};
		});
		if(that.bigbox)return false;
		//���ô�ͼ�������
		if(that.loadnumbox){
			var loadc = parseint(that.c)+1;
				loadc = loadc<10?"0"+loadc:loadc;
				that.loadnumbox.html(loadc);
		};

	},
	loadimg:function(test){ //���ش�ͼ����
		var that = this;
		var _src = this.li.eq(that.loadnum).attr("bsrc"),bigth3=null,bigth4=null,bigtext=null;
		if(that.li.eq(that.loadnum).attr("data-h")){
			//$("#bigt h3").html(that.li.eq(that.loadnum).attr("data-h"));
			var bigth3 = $("#bigt h3");
			$("#bigt").hide();
			bigth3.html("");
		};
		if(that.li.eq(that.loadnum).attr("data-m")){
			//$("#bigt h4").html(that.li.eq(that.loadnum).attr("data-m"));
			var bigth4 = $("#bigt h4");
			$("#bigt").hide();
				bigth4.html("");
		};
		if(that.li.eq(that.loadnum).attr("data-text")){
			//$("#bigtext").html(that.li.eq(that.loadnum).attr("data-text"));
			var bigtext = $("#bigtext");
				bigtext.html("").hide();
		};
		var img = new image();
			$(img).hide();
			//loading dom����(���״μ��غͺ�����أ����ݵ�����������˶�����)
			if(that.deinit){
				var le = 0;
				that.deinit = false;
				that.bigbox.html("<div class='loading'></div><div class='loading'></div>");
			}else{
				if(test!="pre"){
					var le = -1230;
					that.bigbox.append("<div class='loading'></div>");
				}else{
					var le = 1230;
					that.bigbox.find(".loading").before("<div class='loading'></div>");
					that.bigbox.css({"margin-left":-1230});
					le = 0;
				};				
			};
			that.bigbox.animate({"margin-left":le},function(){
				$(img).bind("load",function(){
					//�жϳ��ַ���
					if(test!="pre"){
						var n = 1,oldn = 0;
					}else{
						var n = 0,oldn = 1;
					};
					that.bigbox.find(".loading").eq(n).html(img);
					that.bigbox.find(".loading").eq(oldn).remove();
					that.bigbox.css({"margin-left":0});
					$(this).fadein(200,function(){
						if(bigth3){
							$("#bigt").fadein()
							bigth3.html(that.li.eq(that.loadnum).attr("data-h"));
						};
						if(bigth4){
							$("#bigt").fadein()
							bigth4.html(that.li.eq(that.loadnum).attr("data-m"));
						};
						if(bigtext){
							bigtext.html(that.li.eq(that.loadnum).attr("data-text")).fadein();
						};
					});
				});
				img.src = _src;
			});
			//��ӵ�ǰ�������
			that.li.removeclass("on");
			that.li.eq(that.loadnum).addclass("on");
			if(that.loadnumbox){
				var loadc = parseint(that.loadnum)+1;
					loadc = loadc<10?"0"+loadc:loadc;
					that.loadnumbox.html(loadc);
			};
			
			
	},
	autoplay:function(){ //�զ����ŷ���
		var that =this;

		that.timer = setinterval(function(){
			that.c<that.maxl?that.c++:that.c=0;
			that.move();
		},4000);
	}
}