// @name      The Fade Anything Technique
// @namespace http://www.axentric.com/aside/fat/
// @version   1.0-RC2
// @author    Adam Michela

var Fat = {
	make_hex : function (r,g,b) 
	{
		r = r.toString(16); if (r.length == 1) r = '0' + r;
		g = g.toString(16); if (g.length == 1) g = '0' + g;
		b = b.toString(16); if (b.length == 1) b = '0' + b;
		return "#" + r + g + b;
	},
	fade_all : function (fadeClass)
	{
		var a = document.getElementsByTagName("*");
		for (var i = 0; i < a.length; i++) 
		{
			var o = a[i];
			var myRegExp = new RegExp('('+fadeClass+'[^\s]+(\s+|$))|('+fadeClass+')');
			var r = myRegExp.exec(o.className);
			
			if (r)
			{
				// trim
				r[0] = r[0].replace(/^\s*|\s*$/g,"");
				
				var startColor = this.get_classProperty(r[0], "backgroundColor");
				
				if (!startColor)
				{
					startColor = "";
				}
				else
				{
					startColor = this.get_hexFromRGB(startColor);
				}

				if (!o.id) o.id = fadeClass + i;
				
				this.fade_element(o.id,null,null,startColor);

			}
		}
	},
	fade_element : function (id, fps, duration, from, to) 
	{
		if (!fps) fps = 30;
		if (!duration) duration = 3000;
		if (!from || from=="#") from = "#FFFF33";
		if (!to) to = this.get_bgcolor(id, from);
		
		var frames = Math.round(fps * (duration / 1000));
		var interval = duration / frames;
		var delay = interval;
		var frame = 0;
		
		if (from.length < 7) from += from.substr(1,3);
		if (to.length < 7) to += to.substr(1,3);
		
		var rf = parseInt(from.substr(1,2),16);
		var gf = parseInt(from.substr(3,2),16);
		var bf = parseInt(from.substr(5,2),16);
		var rt = parseInt(to.substr(1,2),16);
		var gt = parseInt(to.substr(3,2),16);
		var bt = parseInt(to.substr(5,2),16);
		
		var r,g,b,h;
		while (frame < frames)
		{
			r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
			g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
			b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
			h = this.make_hex(r,g,b);
		
			setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);

			frame++;
			delay = interval * frame; 
		}
		setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
	},
	set_bgcolor : function (id, c)
	{
		var o = document.getElementById(id);
		o.style.backgroundColor = c;
	},
	get_bgcolor : function (id, fromColor)
	{
		var o = document.getElementById(id);
		while(o)
		{
			var c;
			if (window.getComputedStyle) 
			{
				c = window.getComputedStyle(o,null).getPropertyValue("background-color");
			}
			else if (o.currentStyle) 
			{
				c = o.currentStyle.backgroundColor;
			}
			else 
			{
				c = o.style.backgroundColor;
			}
			
			if ((c != "" && c != "transparent" && this.get_hexFromRGB(c) != fromColor) || o.tagName == "BODY") break;
			o = o.parentNode;
		}
		if (c == "" || c == "undefined" || c == "transparent") c = "#FFFFFF";
		var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
		if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		return c;
	},
	get_hexFromRGB : function(input)
	{
		var toReturn = input;
		
		rgb = toReturn.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
		
		if (rgb) toReturn = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		
		if (toReturn && toReturn.length > 0 && toReturn != "transparent" && toReturn.substring(0,1) != "#") toReturn = "#" + toReturn;
		
		return toReturn;
	},
	get_classProperty : function(className, propertyName)
	{
	    var toReturn = null;
	
	    for (var i = 0; i < document.styleSheets.length; i++)
	    {
	        var cssRules = null;
	
	        if (document.styleSheets[i].rules)
	        {
	            cssRules = document.styleSheets[i].rules;
	        }
	        else if (document.styleSheets[i].cssRules)
	        {
	            cssRules = document.styleSheets[i].cssRules;
	        }
	
	        if (cssRules != null)
	        {
	            for (var j = 0; j < cssRules.length; j++)
	            {
	                if (cssRules[j].selectorText == "." + className && cssRules[j].style[propertyName] != null)
	                {
	                    toReturn = cssRules[j].style[propertyName];
	                }
	            }
	        }
	    }
	
	    return toReturn;
	}
}

// safe onload handler: http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
addLoadEvent(function() {
	Fat.fade_all('status');
});