var Color;
var where = 0;
var fadeLevel = 8;
var fadeInTime = 50;
var fadeOutTime = 30;

function initFade(obj) {
	var startColor = {};
	var endColor = {};
	var fadeColor = {};
	var newColor = {};
	
	endColor.hex = "#FBAC82";

	/* SET START COLOR */
	if (obj.className == 'row1')
	{
		startRGB = new RGBColor("#FBFDEA");
		startColor.r = startRGB.r;
		startColor.g = startRGB.g;
		startColor.b = startRGB.b;
	}
	else if (obj.className == 'row2')
	{
		startRGB = new RGBColor("#FBF3DA");
		startColor.r = startRGB.r;
		startColor.g = startRGB.g;
		startColor.b = startRGB.b;
	}
	
	/* SET END COLOR */	
	endRGB = new RGBColor(endColor.hex);
	endColor.r = endRGB.r;
	endColor.g = endRGB.g;
	endColor.b = endRGB.b;

	/* SET FADE INTERVAL */
	fadeColor.r = Math.round((endColor.r - startColor.r) / fadeLevel);
	fadeColor.g = Math.round((endColor.g - startColor.g) / fadeLevel);
	fadeColor.b = Math.round((endColor.b - startColor.b) / fadeLevel);

	/* CREATE HEX ARRAY */
	Color = new Array(fadeLevel);
	
	newColor.r = startColor.r;
	newColor.g = startColor.g;
	newColor.b = startColor.b;
	
	for (var i = 0; i < fadeLevel; i++)
	{
		color = new RGBColor("rgb("+ newColor.r +", "+ newColor.g +", "+ newColor.b +")");
		Color[i] = color.toHex();

		newColor.r += fadeColor.r;
		newColor.g += fadeColor.g;
		newColor.b += fadeColor.b;
	}
}

function fadeIn(obj) {

	if (where < Color.length) {
		obj.style.backgroundColor=Color[where];
		where += 1;
		setTimeout(function () { fadeIn(obj) }, fadeInTime);
	} else {
		setTimeout(function () { fadeOut(obj) }, fadeOutTime);
	}
}

function fadeOut(obj) {

	if (where >= 0) {
		obj.style.backgroundColor=Color[where];
		where -= 1;
		setTimeout(function () { fadeOut(obj) }, fadeOutTime)
	}
}