/*
 * cutePsWheel JS
 * Description:A js liabary which control the text type of input box can plus or minus value like Photoshop
 * Author:walkingp
 * Site:http://www.51obj.cn/
 * E-mail:walkingp@126.com
 * Last Modified:2010-2-5
 */
 
//Initial the wheel scroll event
var _orientValue=[];//orient value
var _interval=[];
var _length=[];
function InitScrollFunc(){
	var eles=GetObj();
	for(var i=0;i<eles.length;i++){
		if(document.addEventListener){
			(function(i){eles[i].addEventListener('DOMMouseScroll',function(e){e.preventDefault();e.stopPropagation();var direct=e.detail<0?1:-1;ScrollText(eles[i],direct);},false);})(i);
			eles[i].addEventListener('dblclick',RestoreOrientValue,false);
			eles[i].addEventListener('blur',RemoveScrollFunc,false);
			//eles[i].addEventListener('mouseover',SetFocus,false);
		}//W3C/Mozila
		(function(i){eles[i].onmousewheel=function(){ScrollFunc(event,eles[i]);}})(i);//IE/Opera/Chrome/Safari
		(function(i){eles[i].ondblclick=function(){RestoreOrientValue(eles[i]);;}})(i);
		(function(i){eles[i].onblur=function(){RemoveScrollFunc(eles[i]);;}})(i);//Remove the wheel scroll event
		(function(i){eles[i].onmouseover=function(){SetFocus(eles[i]);}})(i);
		
		/*Initial the value array*/
		if(eles[i].value!=""){
			_orientValue.push(eles[i].value);
		}else{
			_orientValue.push(0);
		}
		if(eles[i].getAttribute("interval")){
			_interval.push(parseFloat(eles[i].getAttribute("interval")));
			if(eles[i].getAttribute("interval").toString().indexOf(".")>0){
				var __length=parseInt(eles[i].getAttribute("interval").toString().length) - parseInt(eles[i].getAttribute("interval").toString().indexOf("."))-1;
				_length.push(__length);//get the length follow the decimal point 
			}else{
				_length.push(0);
			}
		}else{
			_interval.push(1);
			_length.push(0);
		}
	}
}

/*set object focus*/
function SetFocus(obj){
	obj.focus();
	obj.select();
}
/*remove the wheel scroll event*/
function RemoveScrollFunc(obj){
	if(document.removeEventListener){
		obj.removeEventListener('DOMMouseScroll',ScrollFunc,false);
		obj.removeEventListener('dblclick',RestoreOrientValue,false);
	}else if(document.detachEvent){
		obj.detachEvent('onmousewheel',ScrollFunc);
		obj.detachEvent('ondblclick',RestoreOrientValue);
	}
}
/*Restore the text box's orient value when double click event trigger*/
function RestoreOrientValue(obj){
	var eles=GetObj();
	for(var i=0;i<eles.length;i++){
		if(obj==eles[i]){
			obj.value=_orientValue[i];
			obj.select();
		}
	}
}

//core function
function ScrollFunc(){//for HTML DOM
	var direct=0;
	var e=arguments[0]||window.event;
	if(window.event){
		window.event.returnValue=false;
		window.event.cancelBubble=true;//Stop event bubble
	}
	if(e.wheelDelta){
		direct=e.wheelDelta>0?1:-1;
	}
	ScrollText(arguments[1],direct);
}
//reference by ScrollFunc
function ScrollText(obj,direct){
	obj.focus();
	var _value=0;
	if(obj.value!=""){
		_value=parseFloat(obj.value);
	}
	var eles=GetObj();
	for(var i=0;i<eles.length;i++){
		if(obj==eles[i]){
			if(direct>0){
				_value+=_interval[i];	
			}else{
				_value-=_interval[i];
			}
			obj.value=_value.toFixed(_length[i]);//calulcate the rounding result
			obj.select();//set select status
		}
	}
}
//referenced function,only get the object which has the 'rel' attribute
function GetObj(){
	var objs=document.getElementsByTagName('input');
	var elements=[];
	for(var i=0;i<objs.length;i++){
		if(objs[i].type=='text' && 	objs[i].getAttribute('rel') == 'wheel'){
			elements.push(objs[i]);
		}
	}
	return elements;
}
 //Add the WheelScroll function
(function AddLoadEvent(func){
	var _oldonload=window.onload;
	if(typeof window.onload!='function'){
    	window.onload=func;
	}else{
		window.onload=function(){
			_oldonload();
			func();
		}
	}
 })(InitScrollFunc);