var easySlider = function(value,min,max,len,dir,skinpath,dcontainer){
	var value = value|0;/*默认值*/
	this.min = isNaN(min)?1:min;/*最小数*/
	this.max = isNaN(max)?100:max;/*最大数*/
	this.len = isNaN(len)?100:len;/*滑块长度*/
	this.dir = dir||'up';/*滑块方向up,right,down,left*/
	this.skinpath = (skinpath||'easyslider/')+'slider_'+this.dir+'.png';/*滑块样式路径*/
	this.dcontainer = dcontainer||document.createElement('fragment');/*父对象*/
	if(!dcontainer){document.body.appendChild(this.dcontainer);}
	this.slider = null;
	this.sliderbar = null;
	this.ondrag = null;
	this.dragslider = null;
	this.per = (this.max-this.min)/this.len;
	this.__setValue__ = function(n){n = (n|0);value = (n<this.min)?this.min:(n>this.max)?this.max:n;};
	this.getValue = function(){return value;};
	this.setValue = function(n){
		this.__setValue__(n);this.__setRule__(n);
		if(this.ondrag&&this.ondrag.constructor==Function){this.ondrag(this.getValue());}
	};
};
easySlider.prototype = {
	__setRule__:function(n){
		var p = this.per,dir=this.dir,r = Math.ceil(n/p);
		if(dir=='left'||dir=='right'){this.sliderbar.style.top = (r+4)+'px';}else{this.sliderbar.style.left = (r+6)+'px';}
	},
	init:function(){
		var dir=this.dir,len=this.len,amartix=[4,(len+15),16,6],min=this.min,max=this.max,per=this.per;
		this.slider = document.createElement('div');
		this.dcontainer.appendChild(this.slider);
		this.slider.className = "easyslider";
		this.slider.innerHTML = '<div class="rule">&nbsp;</div><div class="sliderbar">&nbsp;</div>';
		this.rule = this.slider.getElementsByTagName('div')[0];
		this.sliderbar = this.slider.getElementsByTagName('div')[1];
		this.slider.style.cssText = 'position:relative;padding:10px;width:'+len+'px;height:2px;';
		this.rule.style.cssText = 'width:'+len+'px;height:0;font-size:0;line-height:0;padding:0;border-top:1px solid #9D9C99;border-bottom:1px solid #fff;border-left:1px solid #9D9C99;border-right:1px solid #fff;';
		this.sliderbar.style.cssText = 'position:absolute;width:9px;height:12px;font-size:0;line-height:0;padding:0;overflow:hidden;left:6px;top:4px;background:url('+this.skinpath+') 0 0 no-repeat;';
		switch(dir){
			case 'left':
			case 'right':
				amartix = [4,16,(len+13),4],this.sliderbar.style.left = '4px';
				this.slider.style.width = '2px',this.slider.style.height = len+'px',this.rule.style.width = '0px',this.rule.style.height = len+'px',this.sliderbar.style.width = '12px',this.sliderbar.style.height = '9px';
				this.rule.style.borderTop = 'none',this.rule.style.borderBottom = 'none';
				break;
			default:this.rule.style.borderLeft = 'none',this.rule.style.borderRight = 'none';break;
		}
		this.dragslider = new easyDragDrop(this.sliderbar,this.sliderbar,amartix,false,'default');
		var me = this;
		this.dragslider.ondrag = function(x,y){
			if(me.ondrag&&me.ondrag.constructor==Function){
				var ret = 0;
				if(dir=='left'||dir=='right'){
					y = y-4;
					ret = Math.floor(y*per)+min;
					ret = (y<=0)?min:(ret>max)?max:ret;
					me.ondrag(ret);
					me.__setValue__(ret);
				}else{
					x = x-6;
					ret = Math.floor(x*per)+min;
					ret = (x<=0)?min:(ret>max)?max:ret;
					me.ondrag(ret);
					me.__setValue__(ret);
				}
			}
		};
		this.setValue(this.getValue());
	}
};