function scrolls(id,dir){
	this.id = id; // id的对象的id
	this.dir = dir; //方向  "up","down","left","right"
	//this.dec; //方向决定 代表的scrollLeft,scrollTop
	this.h; //子层高度
	this.w; //子层宽度
	var pro;
}
scrolls.prototype = {
	addNodes : function (){ //在主层下添加复制元素
	
		//var p = id;
		var _this = this;
		var c = document.createElement("div");//子层
		var c1 = document.createElement("div");//双子层 1
		var c2 = document.createElement("div");//双子层 2
		var dir = _this.getDirection();
			
		if(this.dir == "err")
		{
			alert("方向参数错误!");
			return false;
		}
		
		//定死外框高度宽度
		_this.$(_this.id).style.height = _this.$(_this.id).offsetHeight + "px";
		_this.$(_this.id).style.width = _this.$(_this.id).offsetWidth + "px";
		
		
		c1.innerHTML = _this.$(_this.id).innerHTML;//复制层内的节点
		c2 = c1.cloneNode(true);//双子层2
		
		_this.$(_this.id).appendChild(c1);	
		_this.$(_this.id).appendChild(c2);
	
		if(dir == "ud")//设置样式
		{
			_this.h = c1.offsetHeight > _this.$(_this.id).offsetHeight ? c1.offsetHeight :  _this.$(_this.id).offsetHeight ;
			_this.w = _this.$(_this.id).offsetWidth;
			c1.style.cssText = "float:left;width:" + _this.w +"px;height:" + _this.h + "px;"
			c2.style.cssText = c1.style.cssText;			
			c.style.cssText = "width:" + c1.offsetWidth + "px;height:"+ c1.offsetHeight*2 +"px;overflow:hidden;margin:0px;padding:0px;border-width:0px;"
		}
		else
		{
			_this.w = c1.offsetWidth > _this.$(_this.id).offsetWidth ? c1.offsetWidth :  _this.$(_this.id).offsetWidth;
			_this.h = _this.$(_this.id).offsetHeight;
			c1.style.cssText = "float:left;width:" + _this.w +"px;height:" + _this.h + "px;"			
			c2.style.cssText = c1.style.cssText;
			c.style.cssText = "width:" + (c1.offsetWidth*2) + "px;height:"+ c1.offsetWidth +"px;overflow:auto;margin:0px;padding:0px;border-width:0px;"			
			
		}			
		c.appendChild(c1);
		c.appendChild(c2);		
		var pc = _this.$(_this.id).childNodes;		
		for(var i = 0 ; i < pc.length ; i++)
		{
			pc[i].removeNode;
			_this.$(_this.id).removeChild(pc[i]);
		}		
		_this.$(_this.id).innerHTML = "";
		_this.$(_this.id).appendChild(c);
		
		_this.maxSize = _this.getDirection() == "lr" ? _this.$(_this.id).getElementsByTagName("div")[0].offsetWidth/2 : _this.$(_this.id).getElementsByTagName("div")[0].offsetHeight/2;
		//alert(maxSize);
		_this.dec = _this.getDirection()=="lr" ? _this.$(_this.id).scrollLeft : _this.$(_this.id).scrollTop; 
		
		//alert(_this.$(id).scrollWidth);
		//_this.$(id).scrollTop =20;
		
	},
	
	
	scrollPro:function(){
		var _this = this;
		//alert(_this.dir)
		switch(_this.dir){
			case "up" : _this.pro = setInterval(function(){_this.scrollUp()},60);break;
			case "down" : _this.pro = setInterval(function(){_this.scrollDown()},1);break;
			case "left" : _this.pro = setInterval(function(){_this.scrollLeft()},1);break;
			case "right" : _this.pro =setInterval(function(){_this.scrollRight()},1);break;			
		}		
		_this.$(_this.id).onmouseover = function(){clearTimeout(_this.pro)};
		_this.$(_this.id).onmouseout = function(){
			switch(_this.dir){
				case "up" : _this.pro = setInterval(function(){_this.scrollUp()},60);break;
				case "down" : _this.pro = setInterval(function(){_this.scrollDown()},1);break;
				case "left" : _this.pro = setInterval(function(){_this.scrollLeft()},1);break;
				case "right" : _this.pro =setInterval(function(){_this.scrollRight()},1);break;			
			}		
		}
	},
	
	scrollUp:function(){
		
		var _this = this;
		//alert(_this.$(_this.id).scrollTop);
		//alert(_this.maxSize);
		if(_this.$(this.id).scrollTop < _this.maxSize)
		{
			_this.$(this.id).scrollTop++;
		}
		else
		{
			_this.$(this.id).scrollTop = 0;
		}
		
	},
	
	scrollDown:function(){
		
		var _this = this;
		//alert(_this.$(_this.id).scrollTop);
		//alert(_this.maxSize);
		if(_this.$(this.id).scrollTop <= 0)
		{
			_this.$(this.id).scrollTop = _this.maxSize;
		}
		else
		{
			_this.$(this.id).scrollTop--;
		}
		
	},
	
	scrollRight:function(){
		
		var _this = this;
		//alert(_this.$(_this.id).scrollTop);
		//alert(_this.maxSize);
		if(_this.$(this.id).scrollLeft <= 0)
		{
			_this.$(this.id).scrollLeft = _this.maxSize;
		}
		else
		{
			_this.$(this.id).scrollLeft--;
		}
		
	},
	scrollLeft:function(){
		
		var _this = this;
		if(_this.$(this.id).scrollLeft < _this.maxSize)
		{
			_this.$(this.id).scrollLeft++;
		}
		else
		{
			_this.$(this.id).scrollLeft = 0;
		}
		
	},
	
	$:function (o){ //获取对象
		if(typeof(o) == "string")
		{
			if(document.getElementById(o))
			{
				return document.getElementById(o);
			}
			else
			{
				alert("err" + "\"o" + "\"");
				return false;
			}
		}
		else
		{
			return o;
		}
	  },
	  
	  
	 getDirection : function(){ //获取方向
	 	switch(this.dir){
			case "up" : return "ud" ; break;			
			case "down" : return "ud" ; break;
			case "left" : return "lr" ; break;
			case "right" : return "lr" ; break;
			default : return "err";			
		}
	 }
}