// JavaScript Document

function css_slide(element,property,output_prefix,output_suffix,data_type,final_value,update_interval,step_size){
	switch(data_type){
		case "hex" :
			re = /([0-9a-fA-F]+)/;
		break;
		case "num" :
			re = /([0-9]+)/;
		break;
		case "rgb" :
			re = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/;
		break;			
	}
	this.stop_slide = false;
	this.re = re;
	this.property = property;
	this.element = element;		
	this.output_prefix = output_prefix;
	this.output_suffix = output_suffix;
	this.current_value = document.getElementById(element).style[property].match(re);  //array
	
	if(final_value!=null){ this.final_value = final_value; }
	if(update_interval!=null){ this.update_interval = update_interval; }
	if(step_size!=null){ this.step_size = step_size; }		
	
	this.block = Array();
	this.next = Array();
	
	this.slide = function(_this,final_value,update_interval,step_size){
		//alert(final_value);
		//alert(update_interval);
		//alert(step_size);
		if(final_value!=null){ _this.final_value = final_value; }
		if(update_interval!=null){ _this.update_interval = update_interval; }
		if(step_size!=null){ _this.step_size = step_size; }		
		_this.block = Array();
		_this.next = Array();
		_this.current_value = document.getElementById(element).style[property].match(_this.re);
		for(i=1 ; i < _this.current_value.length ; i++){
			//alert("p "+document.getElementById(element).style[property]+" r "+document.getElementById(element).style[property].match(_this.re)+" len "+_this.current_value.length+" cur "+_this.current_value[i]+" fin "+_this.final_value[i])
			if(_this.current_value[i] > _this.final_value[i]){ // slide down
				//alert("d");
				_this.next[i] = _this.current_value[i]*1 - _this.step_size[i];
				_this.block[i] = 'n';					
				if(_this.next[i] <= _this.final_value[i]){ 
					_this.next[i] = _this.final_value[i]; 
					_this.block[i] = 'y';
				}			
			}else if(_this.current_value[i] < _this.final_value[i]){ // slide up
				//alert("u");
				_this.next[i] = _this.current_value[i]*1 + _this.step_size[i];
				_this.block[i] = 'n';
				if(_this.next[i] >= _this.final_value[i]){ 
					_this.next[i] = _this.final_value[i];
					_this.block[i] = 'y';
				}
			}else{ // No slide
				//alert("n");
				_this.next[i] = _this.final_value[i];
				_this.block[i] = 'y';
			}				
		}
		var n = '';
		for(i=1 ; i <= _this.next.length ; i++){
			if(_this.next[i]){
				if(n){ n += ","; }
				n += _this.next[i];
			}
		}
		n = _this.output_prefix+n+_this.output_suffix;
		//alert(n)
		document.getElementById(_this.element).style[_this.property] = n;			
		var b = true;
		for(i=1 ; i <= _this.block.length ; i++){
			if(_this.block[i]){
				if(_this.block[i]!='y'){ b = false; }
			}
		}
		if(!b && !_this.stop_slide){
			var t = setTimeout( function(){ _this.s(); } ,_this.update_interval);
		}else if(_this.stop_slide){
			_this.stop_slide = false;
		}
	}
	
	this.curry = function(method){
		var curried = [];
		for (var i = 1; i < arguments.length; i++) {
			curried.push(arguments[i]);
		}
		return function() {
			var args = [];
			for (var i = 0; i < curried.length; i++) {
				args.push(curried[i]);
			}
			for (var i = 0; i < arguments.length; i++) {
				args.push(arguments[i]);
			}
			return method.apply(null, args);
		}
	}
	
	this.s = this.curry(this.slide,this)	
	
}