var dir = new Array();
var colors = new Array();
    
dir[0] = 1;
dir[1] = 1;
dir[2] = -1;
dir[3] = 1;
dir[4] = 1;
dir[5] = -1;
dir[6] = 1;
dir[7] = -1;

colors[0] = 'rgb(  8, 100,  8)'; 
colors[1] = 'rgb( 12,  64, 12)'; 
colors[2] = 'rgb( 20,  96, 20)';
colors[3] = 'rgb( 28, 128, 28)'; 
colors[4] = 'rgb( 31, 160, 31)';
colors[5] = 'rgb( 28, 150, 28)';
colors[6] = 'rgb( 20,  80, 20)';
colors[7] = 'rgb( 31,  50, 31)';

function _eat_rgb(str){
	var all = new Array();

	var a = str.indexOf("(");
	var b = str.indexOf(")");

	str = str.substring(a + 1, b);

	var tmpA = str.split(",");

	all["red"] = Number(tmpA[0]);
	all["green"] = Number(tmpA[1]);
	all["blue"] = Number(tmpA[2]);

	return all;
}

function fadeColors() {
	var i;
	for (i = 0; i < 8; i++) {
		var color = _eat_rgb(document.getElementById("box" + i).style.backgroundColor);
		color['blue'] += dir[i];
		color['red'] += dir[i];
		color['green'] += dir[i];
		if (color['green'] <= 32 || color['green'] >= 200) {
			dir[i] = dir[i] * -1;
		}
		if (color['red'] < 8) { color['red'] = 8; }
		if (color['red'] > 100) { color['red'] = 100; }
		if (color['blue'] < 8) { color['blue'] = 8; }
		if (color['blue'] > 100) { color['blue'] = 100; }

		document.getElementById("box" + i).style.backgroundColor 
			= "rgb(" + color['red'] + "," + color['green'] + ","+color['blue']+")";
        
	}

	setTimeout("fadeColors()", 50);
}

function init() {   
    for (i = 0; i < 8; i++) {
        document.getElementById('box' + i).style.backgroundColor = colors[i];
    }
    
    setTimeout("fadeColors()", 50);    
}