// fire all the fades when the .js file is called [on load of the page]
setTimeout('fade1in()', 0);
setTimeout('fade1out()', 1500);
setTimeout('fade2in()', 1500);
setTimeout('fade2out()', 3000);
setTimeout('fade3in()', 3000);
setTimeout('fade3out()', 4500);
setTimeout('fade4in()', 4500);
setTimeout('fade4out()', 6000);
setTimeout('fade5in()', 6000);
setTimeout('fade5out()', 7500);
setTimeout('fade6in()', 7500);
setTimeout('fade6out()', 9000);
setTimeout('fade7in()', 9000);
setTimeout('fade7out()', 10500);
setTimeout('fade8in()', 10500);
setTimeout('fade8out()', 12000);
setTimeout('fade9in()', 12000);
setTimeout('fade9out()', 13500);
setTimeout('fade10in()', 13500);
setTimeout('fade10out()', 15000);
setTimeout('fade11in()', 15000);
setTimeout('fade11out()', 16500);
setTimeout('fade12in()', 16500);
setTimeout('fade12out()', 18000);
setTimeout('fade13in()', 18000);
setTimeout('fade13out()', 19500);
setTimeout('fade14in()', 19500);
setTimeout('fade14out()', 21000);
setTimeout('fade15in()', 21000);
setTimeout('fade15out()', 22500);
setTimeout('fade16in()', 22500);
setTimeout('fade16out()', 24000);
setTimeout('fade17in()', 24000);
setTimeout('fade17out()', 25500);
setTimeout('fade18in()', 25500);
setTimeout('fade18out()', 27000);
setTimeout('fade19in()', 27000);
setTimeout('fade19out()', 28500);
setTimeout('fade20in()', 28500);
setTimeout('fade20out()', 30000);
setTimeout('fade21in()', 30000);
setTimeout('fade21out()', 31500);

// set up variables
var colorfrom1r = 102, colorfrom1g = 51, colorfrom1b = 0;
var colorto1r = 255, colorto1g = 255, colorto1b = 255;
var colorbackto1r = 102, colorbackto1g = 51, colorbackto1b = 0;

var colorfrom2r = 102, colorfrom2g = 51, colorfrom2b = 0;
var colorto2r = 255, colorto2g = 255, colorto2b = 255;
var colorbackto2r = 102, colorbackto2g = 51, colorbackto2b = 0;

var colorfrom3r = 102, colorfrom3g = 51, colorfrom3b = 0;
var colorto3r = 255, colorto3g = 255, colorto3b = 255;
var colorbackto3r = 102, colorbackto3g = 51, colorbackto3b = 0;

var colorfrom4r = 102, colorfrom4g = 51, colorfrom4b = 0;
var colorto4r = 255, colorto4g = 255, colorto4b = 255;
var colorbackto4r = 102, colorbackto4g = 51, colorbackto4b = 0;

var colorfrom5r = 102, colorfrom5g = 51, colorfrom5b = 0;
var colorto5r = 255, colorto5g = 255, colorto5b = 255;
var colorbackto5r = 102, colorbackto5g = 51, colorbackto5b = 0;

var colorfrom6r = 102, colorfrom6g = 51, colorfrom6b = 0;
var colorto6r = 255, colorto6g = 255, colorto6b = 255;
var colorbackto6r = 102, colorbackto6g = 51, colorbackto6b = 0;

var colorfrom7r = 102, colorfrom7g = 51, colorfrom7b = 0;
var colorto7r = 255, colorto7g = 255, colorto7b = 255;
var colorbackto7r = 102, colorbackto7g = 51, colorbackto7b = 0;

var colorfrom8r = 102, colorfrom8g = 51, colorfrom8b = 0;
var colorto8r = 255, colorto8g = 255, colorto8b = 255;
var colorbackto8r = 102, colorbackto8g = 51, colorbackto8b = 0;

var colorfrom9r = 102, colorfrom9g = 51, colorfrom9b = 0;
var colorto9r = 255, colorto9g = 255, colorto9b = 255;
var colorbackto9r = 102, colorbackto9g = 51, colorbackto9b = 0;

var colorfrom10r = 102, colorfrom10g = 51, colorfrom10b = 0;
var colorto10r = 255, colorto10g = 255, colorto10b = 255;
var colorbackto10r = 102, colorbackto10g = 51, colorbackto10b = 0;

var colorfrom11r = 102, colorfrom11g = 51, colorfrom11b = 0;
var colorto11r = 255, colorto11g = 255, colorto11b = 255;
var colorbackto11r = 102, colorbackto11g = 51, colorbackto11b = 0;

var colorfrom12r = 102, colorfrom12g = 51, colorfrom12b = 0;
var colorto12r = 255, colorto12g = 255, colorto12b = 255;
var colorbackto12r = 102, colorbackto12g = 51, colorbackto12b = 0;

var colorfrom13r = 102, colorfrom13g = 51, colorfrom13b = 0;
var colorto13r = 255, colorto13g = 255, colorto13b = 255;
var colorbackto13r = 102, colorbackto13g = 51, colorbackto13b = 0;

var colorfrom14r = 102, colorfrom14g = 51, colorfrom14b = 0;
var colorto14r = 255, colorto14g = 255, colorto14b = 255;
var colorbackto14r = 102, colorbackto14g = 51, colorbackto14b = 0;

var colorfrom15r = 102, colorfrom15g = 51, colorfrom15b = 0;
var colorto15r = 255, colorto15g = 255, colorto15b = 255;
var colorbackto15r = 102, colorbackto15g = 51, colorbackto15b = 0;

var colorfrom16r = 102, colorfrom16g = 51, colorfrom16b = 0;
var colorto16r = 255, colorto16g = 255, colorto16b = 255;
var colorbackto16r = 102, colorbackto16g = 51, colorbackto16b = 0;

var colorfrom17r = 102, colorfrom17g = 51, colorfrom17b = 0;
var colorto17r = 255, colorto17g = 255, colorto17b = 255;
var colorbackto17r = 102, colorbackto17g = 51, colorbackto17b = 0;

var colorfrom18r = 102, colorfrom18g = 51, colorfrom18b = 0;
var colorto18r = 255, colorto18g = 255, colorto18b = 255;
var colorbackto18r = 102, colorbackto18g = 51, colorbackto18b = 0;

var colorfrom19r = 102, colorfrom19g = 51, colorfrom19b = 0;
var colorto19r = 255, colorto19g = 255, colorto19b = 255;
var colorbackto19r = 102, colorbackto19g = 51, colorbackto19b = 0;

var colorfrom20r = 102, colorfrom20g = 51, colorfrom20b = 0;
var colorto20r = 255, colorto20g = 255, colorto20b = 255;
var colorbackto20r = 102, colorbackto20g = 51, colorbackto20b = 0;

var colorfrom21r = 102, colorfrom21g = 51, colorfrom21b = 0;
var colorto21r = 255, colorto21g = 255, colorto21b = 255;
var colorbackto21r = 102, colorbackto21g = 51, colorbackto21b = 0;

function fade1in() {
    document.getElementById("fade1").style.color = "rgb(" + colorfrom1r + "," + colorfrom1g + "," + colorfrom1b + ")";
    if (colorfrom1r < colorto1r)
        colorfrom1r += 5;
    if (colorfrom1g < colorto1g)
        colorfrom1g += 5;
    if (colorfrom1b < colorto1b)
        colorfrom1b += 5;
    if ((colorfrom1r < colorto1r) || (colorfrom1g < colorto1g) || (colorfrom1b < colorto1b))
        setTimeout('fade1in()', 30);
}

function fade1out() {
    document.getElementById("fade1").style.color = "rgb(" + colorto1r + "," + colorto1g + "," + colorto1b + ")";
    if (colorto1r > colorbackto1r)
        colorto1r -= 5;
    if (colorto1g > colorbackto1g)
        colorto1g -= 5;
    if (colorto1b > colorbackto1b)
        colorto1b -= 5;
    if ((colorto1r > colorbackto1r) || (colorto1g > colorbackto1g) || (colorto1b > colorbackto1b))
        setTimeout('fade1out()', 30);
}

function fade2in() {
    document.getElementById("fade2").style.color = "rgb(" + colorfrom2r + "," + colorfrom2g + "," + colorfrom2b + ")";
    if (colorfrom2r < colorto2r)
        colorfrom2r += 5;
    if (colorfrom2g < colorto2g)
        colorfrom2g += 5;
    if (colorfrom2b < colorto2b)
        colorfrom2b += 5;
    if ((colorfrom2r < colorto2r) || (colorfrom2g < colorto2g) || (colorfrom2b < colorto2b))
        setTimeout('fade2in()', 30);
}

function fade2out() {
    document.getElementById("fade2").style.color = "rgb(" + colorto2r + "," + colorto2g + "," + colorto2b + ")";
    if (colorto2r > colorbackto2r)
        colorto2r -= 5;
    if (colorto2g > colorbackto2g)
        colorto2g -= 5;
    if (colorto2b > colorbackto2b)
        colorto2b -= 5;
    if ((colorto2r > colorbackto2r) || (colorto2g > colorbackto2g) || (colorto2b > colorbackto2b))
        setTimeout('fade2out()', 30);
}

function fade3in() {
    document.getElementById("fade3").style.color = "rgb(" + colorfrom3r + "," + colorfrom3g + "," + colorfrom3b + ")";
    if (colorfrom3r < colorto3r)
    colorfrom3r += 5;
    if (colorfrom3g < colorto3g)
    colorfrom3g += 5;
    if (colorfrom3b < colorto3b)
    colorfrom3b += 5;
    if ((colorfrom3r < colorto3r) || (colorfrom3g < colorto3g) || (colorfrom3b < colorto3b))
    setTimeout('fade3in()', 30);
}

function fade3out() {
    document.getElementById("fade3").style.color = "rgb(" + colorto3r + "," + colorto3g + "," + colorto3b + ")";
    if (colorto3r > colorbackto3r)
    colorto3r -= 5;
    if (colorto3g > colorbackto3g)
    colorto3g -= 5;
    if (colorto3b > colorbackto3b)
    colorto3b -= 5;
    if ((colorto3r > colorbackto3r) || (colorto3g > colorbackto3g) || (colorto3b > colorbackto3b))
    setTimeout('fade3out()', 30);
}

function fade4in() {
    document.getElementById("fade4").style.color = "rgb(" + colorfrom4r + "," + colorfrom4g + "," + colorfrom4b + ")";
    if (colorfrom4r < colorto4r)
        colorfrom4r += 5;
    if (colorfrom4g < colorto4g)
        colorfrom4g += 5;
    if (colorfrom4b < colorto4b)
        colorfrom4b += 5;
    if ((colorfrom4r < colorto4r) || (colorfrom4g < colorto4g) || (colorfrom4b < colorto4b))
        setTimeout('fade4in()', 30);
}

function fade4out() {
    document.getElementById("fade4").style.color = "rgb(" + colorto4r + "," + colorto4g + "," + colorto4b + ")";
    if (colorto4r > colorbackto4r)
        colorto4r -= 5;
    if (colorto4g > colorbackto4g)
        colorto4g -= 5;
    if (colorto4b > colorbackto4b)
        colorto4b -= 5;
    if ((colorto4r > colorbackto4r) || (colorto4g > colorbackto4g) || (colorto4b > colorbackto4b))
        setTimeout('fade4out()', 30);
}

function fade5in() {
    document.getElementById("fade5").style.color = "rgb(" + colorfrom5r + "," + colorfrom5g + "," + colorfrom5b + ")";
    if (colorfrom5r < colorto5r)
        colorfrom5r += 5;
    if (colorfrom5g < colorto5g)
        colorfrom5g += 5;
    if (colorfrom5b < colorto5b)
        colorfrom5b += 5;
    if ((colorfrom5r < colorto5r) || (colorfrom5g < colorto5g) || (colorfrom5b < colorto5b))
        setTimeout('fade5in()', 30);
}

function fade5out() {
    document.getElementById("fade5").style.color = "rgb(" + colorto5r + "," + colorto5g + "," + colorto5b + ")";
    if (colorto5r > colorbackto5r)
        colorto5r -= 5;
    if (colorto5g > colorbackto5g)
        colorto5g -= 5;
    if (colorto5b > colorbackto5b)
        colorto5b -= 5;
    if ((colorto5r > colorbackto5r) || (colorto5g > colorbackto5g) || (colorto5b > colorbackto5b))
        setTimeout('fade5out()', 30);
}

function fade6in() {
    document.getElementById("fade6").style.color = "rgb(" + colorfrom6r + "," + colorfrom6g + "," + colorfrom6b + ")";
    if (colorfrom6r < colorto6r)
        colorfrom6r += 5;
    if (colorfrom6g < colorto6g)
        colorfrom6g += 5;
    if (colorfrom6b < colorto6b)
        colorfrom6b += 5;
    if ((colorfrom6r < colorto6r) || (colorfrom6g < colorto6g) || (colorfrom6b < colorto6b))
        setTimeout('fade6in()', 30);
}

function fade6out() {
    document.getElementById("fade6").style.color = "rgb(" + colorto6r + "," + colorto6g + "," + colorto6b + ")";
    if (colorto6r > colorbackto6r)
        colorto6r -= 5;
    if (colorto6g > colorbackto6g)
        colorto6g -= 5;
    if (colorto6b > colorbackto6b)
        colorto6b -= 5;
    if ((colorto6r > colorbackto6r) || (colorto6g > colorbackto6g) || (colorto6b > colorbackto6b))
        setTimeout('fade6out()', 30);
}

function fade7in() {
    document.getElementById("fade7").style.color = "rgb(" + colorfrom7r + "," + colorfrom7g + "," + colorfrom7b + ")";
    if (colorfrom7r < colorto7r)
        colorfrom7r += 5;
    if (colorfrom7g < colorto7g)
        colorfrom7g += 5;
    if (colorfrom7b < colorto7b)
        colorfrom7b += 5;
    if ((colorfrom7r < colorto7r) || (colorfrom7g < colorto7g) || (colorfrom7b < colorto7b))
        setTimeout('fade7in()', 30);
}

function fade7out() {
    document.getElementById("fade7").style.color = "rgb(" + colorto7r + "," + colorto7g + "," + colorto7b + ")";
    if (colorto7r > colorbackto7r)
        colorto7r -= 5;
    if (colorto7g > colorbackto7g)
        colorto7g -= 5;
    if (colorto7b > colorbackto7b)
        colorto7b -= 5;
    if ((colorto7r > colorbackto7r) || (colorto7g > colorbackto7g) || (colorto7b > colorbackto7b))
        setTimeout('fade7out()', 30);
}

function fade8in() {
    document.getElementById("fade8").style.color = "rgb(" + colorfrom8r + "," + colorfrom8g + "," + colorfrom8b + ")";
    if (colorfrom8r < colorto8r)
        colorfrom8r += 5;
    if (colorfrom8g < colorto8g)
        colorfrom8g += 5;
    if (colorfrom8b < colorto8b)
        colorfrom8b += 5;
    if ((colorfrom8r < colorto8r) || (colorfrom8g < colorto8g) || (colorfrom8b < colorto8b))
        setTimeout('fade8in()', 30);
}

function fade8out() {
    document.getElementById("fade8").style.color = "rgb(" + colorto8r + "," + colorto8g + "," + colorto8b + ")";
    if (colorto8r > colorbackto8r)
        colorto8r -= 5;
    if (colorto8g > colorbackto8g)
        colorto8g -= 5;
    if (colorto8b > colorbackto8b)
        colorto8b -= 5;
    if ((colorto8r > colorbackto8r) || (colorto8g > colorbackto8g) || (colorto8b > colorbackto8b))
        setTimeout('fade8out()', 30);
}

function fade9in() {
    document.getElementById("fade9").style.color = "rgb(" + colorfrom9r + "," + colorfrom9g + "," + colorfrom9b + ")";
    if (colorfrom9r < colorto9r)
        colorfrom9r += 5;
    if (colorfrom9g < colorto9g)
        colorfrom9g += 5;
    if (colorfrom9b < colorto9b)
        colorfrom9b += 5;
    if ((colorfrom9r < colorto9r) || (colorfrom9g < colorto9g) || (colorfrom9b < colorto9b))
        setTimeout('fade9in()', 30);
}

function fade9out() {
    document.getElementById("fade9").style.color = "rgb(" + colorto9r + "," + colorto9g + "," + colorto9b + ")";
    if (colorto9r > colorbackto9r)
        colorto9r -= 5;
    if (colorto9g > colorbackto9g)
        colorto9g -= 5;
    if (colorto9b > colorbackto9b)
        colorto9b -= 5;
    if ((colorto9r > colorbackto9r) || (colorto9g > colorbackto9g) || (colorto9b > colorbackto9b))
        setTimeout('fade9out()', 30);
}

function fade10in() {
    document.getElementById("fade10").style.color = "rgb(" + colorfrom10r + "," + colorfrom10g + "," + colorfrom10b + ")";
    if (colorfrom10r < colorto10r)
        colorfrom10r += 5;
    if (colorfrom10g < colorto10g)
        colorfrom10g += 5;
    if (colorfrom10b < colorto10b)
        colorfrom10b += 5;
    if ((colorfrom10r < colorto10r) || (colorfrom10g < colorto10g) || (colorfrom10b < colorto10b))
        setTimeout('fade10in()', 30);
}

function fade10out() {
    document.getElementById("fade10").style.color = "rgb(" + colorto10r + "," + colorto10g + "," + colorto10b + ")";
    if (colorto10r > colorbackto10r)
        colorto10r -= 5;
    if (colorto10g > colorbackto10g)
        colorto10g -= 5;
    if (colorto10b > colorbackto10b)
        colorto10b -= 5;
    if ((colorto10r > colorbackto10r) || (colorto10g > colorbackto10g) || (colorto10b > colorbackto10b))
        setTimeout('fade10out()', 30);
}

function fade11in() {
    document.getElementById("fade11").style.color = "rgb(" + colorfrom11r + "," + colorfrom11g + "," + colorfrom11b + ")";
    if (colorfrom11r < colorto11r)
        colorfrom11r += 5;
    if (colorfrom11g < colorto11g)
        colorfrom11g += 5;
    if (colorfrom11b < colorto11b)
        colorfrom11b += 5;
    if ((colorfrom11r < colorto11r) || (colorfrom11g < colorto11g) || (colorfrom11b < colorto11b))
        setTimeout('fade11in()', 30);
}

function fade11out() {
    document.getElementById("fade11").style.color = "rgb(" + colorto11r + "," + colorto11g + "," + colorto11b + ")";
    if (colorto11r > colorbackto11r)
        colorto11r -= 5;
    if (colorto11g > colorbackto11g)
        colorto11g -= 5;
    if (colorto11b > colorbackto11b)
        colorto11b -= 5;
    if ((colorto11r > colorbackto11r) || (colorto11g > colorbackto11g) || (colorto11b > colorbackto11b))
        setTimeout('fade11out()', 30);
}

function fade12in() {
    document.getElementById("fade12").style.color = "rgb(" + colorfrom12r + "," + colorfrom12g + "," + colorfrom12b + ")";
    if (colorfrom12r < colorto12r)
        colorfrom12r += 5;
    if (colorfrom12g < colorto12g)
        colorfrom12g += 5;
    if (colorfrom12b < colorto12b)
        colorfrom12b += 5;
    if ((colorfrom12r < colorto12r) || (colorfrom12g < colorto12g) || (colorfrom12b < colorto12b))
        setTimeout('fade12in()', 30);
}

function fade12out() {
    document.getElementById("fade12").style.color = "rgb(" + colorto12r + "," + colorto12g + "," + colorto12b + ")";
    if (colorto12r > colorbackto12r)
        colorto12r -= 5;
    if (colorto12g > colorbackto12g)
        colorto12g -= 5;
    if (colorto12b > colorbackto12b)
        colorto12b -= 5;
    if ((colorto12r > colorbackto12r) || (colorto12g > colorbackto12g) || (colorto12b > colorbackto12b))
        setTimeout('fade12out()', 30);
}

function fade13in() {
    document.getElementById("fade13").style.color = "rgb(" + colorfrom13r + "," + colorfrom13g + "," + colorfrom13b + ")";
    if (colorfrom13r < colorto13r)
        colorfrom13r += 5;
    if (colorfrom13g < colorto13g)
        colorfrom13g += 5;
    if (colorfrom13b < colorto13b)
        colorfrom13b += 5;
    if ((colorfrom13r < colorto13r) || (colorfrom13g < colorto13g) || (colorfrom13b < colorto13b))
        setTimeout('fade13in()', 30);
}

function fade13out() {
    document.getElementById("fade13").style.color = "rgb(" + colorto13r + "," + colorto13g + "," + colorto13b + ")";
    if (colorto13r > colorbackto13r)
        colorto13r -= 5;
    if (colorto13g > colorbackto13g)
        colorto13g -= 5;
    if (colorto13b > colorbackto13b)
        colorto13b -= 5;
    if ((colorto13r > colorbackto13r) || (colorto13g > colorbackto13g) || (colorto13b > colorbackto13b))
        setTimeout('fade13out()', 30);
}

function fade14in() {
    document.getElementById("fade14").style.color = "rgb(" + colorfrom14r + "," + colorfrom14g + "," + colorfrom14b + ")";
    if (colorfrom14r < colorto14r)
        colorfrom14r += 5;
    if (colorfrom14g < colorto14g)
        colorfrom14g += 5;
    if (colorfrom14b < colorto14b)
        colorfrom14b += 5;
    if ((colorfrom14r < colorto14r) || (colorfrom14g < colorto14g) || (colorfrom14b < colorto14b))
        setTimeout('fade14in()', 30);
}

function fade14out() {
    document.getElementById("fade14").style.color = "rgb(" + colorto14r + "," + colorto14g + "," + colorto14b + ")";
    if (colorto14r > colorbackto14r)
        colorto14r -= 5;
    if (colorto14g > colorbackto14g)
        colorto14g -= 5;
    if (colorto14b > colorbackto14b)
        colorto14b -= 5;
    if ((colorto14r > colorbackto14r) || (colorto14g > colorbackto14g) || (colorto14b > colorbackto14b))
        setTimeout('fade14out()', 30);
}

function fade15in() {
    document.getElementById("fade15").style.color = "rgb(" + colorfrom15r + "," + colorfrom15g + "," + colorfrom15b + ")";
    if (colorfrom15r < colorto15r)
        colorfrom15r += 5;
    if (colorfrom15g < colorto15g)
        colorfrom15g += 5;
    if (colorfrom15b < colorto15b)
        colorfrom15b += 5;
    if ((colorfrom15r < colorto15r) || (colorfrom15g < colorto15g) || (colorfrom15b < colorto15b))
        setTimeout('fade15in()', 30);
}

function fade15out() {
    document.getElementById("fade15").style.color = "rgb(" + colorto15r + "," + colorto15g + "," + colorto15b + ")";
    if (colorto15r > colorbackto15r)
        colorto15r -= 5;
    if (colorto15g > colorbackto15g)
        colorto15g -= 5;
    if (colorto15b > colorbackto15b)
        colorto15b -= 5;
    if ((colorto15r > colorbackto15r) || (colorto15g > colorbackto15g) || (colorto15b > colorbackto15b))
        setTimeout('fade15out()', 30);
}

function fade16in() {
    document.getElementById("fade16").style.color = "rgb(" + colorfrom16r + "," + colorfrom16g + "," + colorfrom16b + ")";
    if (colorfrom16r < colorto16r)
        colorfrom16r += 5;
    if (colorfrom16g < colorto16g)
        colorfrom16g += 5;
    if (colorfrom16b < colorto16b)
        colorfrom16b += 5;
    if ((colorfrom16r < colorto16r) || (colorfrom16g < colorto16g) || (colorfrom16b < colorto16b))
        setTimeout('fade16in()', 30);
}

function fade16out() {
    document.getElementById("fade16").style.color = "rgb(" + colorto16r + "," + colorto16g + "," + colorto16b + ")";
    if (colorto16r > colorbackto16r)
        colorto16r -= 5;
    if (colorto16g > colorbackto16g)
        colorto16g -= 5;
    if (colorto16b > colorbackto16b)
        colorto16b -= 5;
    if ((colorto16r > colorbackto16r) || (colorto16g > colorbackto16g) || (colorto16b > colorbackto16b))
        setTimeout('fade16out()', 30);
}

function fade17in() {
    document.getElementById("fade17").style.color = "rgb(" + colorfrom17r + "," + colorfrom17g + "," + colorfrom17b + ")";
    if (colorfrom17r < colorto17r)
        colorfrom17r += 5;
    if (colorfrom17g < colorto17g)
        colorfrom17g += 5;
    if (colorfrom17b < colorto17b)
        colorfrom17b += 5;
    if ((colorfrom17r < colorto17r) || (colorfrom17g < colorto17g) || (colorfrom17b < colorto17b))
        setTimeout('fade17in()', 30);
}

function fade17out() {
    document.getElementById("fade17").style.color = "rgb(" + colorto17r + "," + colorto17g + "," + colorto17b + ")";
    if (colorto17r > colorbackto17r)
        colorto17r -= 5;
    if (colorto17g > colorbackto17g)
        colorto17g -= 5;
    if (colorto17b > colorbackto17b)
        colorto17b -= 5;
    if ((colorto17r > colorbackto17r) || (colorto17g > colorbackto17g) || (colorto17b > colorbackto17b))
        setTimeout('fade17out()', 30);
}

function fade18in() {
    document.getElementById("fade18").style.color = "rgb(" + colorfrom18r + "," + colorfrom18g + "," + colorfrom18b + ")";
    if (colorfrom18r < colorto18r)
        colorfrom18r += 5;
    if (colorfrom18g < colorto18g)
        colorfrom18g += 5;
    if (colorfrom18b < colorto18b)
        colorfrom18b += 5;
    if ((colorfrom18r < colorto18r) || (colorfrom18g < colorto18g) || (colorfrom18b < colorto18b))
        setTimeout('fade18in()', 30);
}

function fade18out() {
    document.getElementById("fade18").style.color = "rgb(" + colorto18r + "," + colorto18g + "," + colorto18b + ")";
    if (colorto18r > colorbackto18r)
        colorto18r -= 5;
    if (colorto18g > colorbackto18g)
        colorto18g -= 5;
    if (colorto18b > colorbackto18b)
        colorto18b -= 5;
    if ((colorto18r > colorbackto18r) || (colorto18g > colorbackto18g) || (colorto18b > colorbackto18b))
        setTimeout('fade18out()', 30);
}

function fade19in() {
    document.getElementById("fade19").style.color = "rgb(" + colorfrom19r + "," + colorfrom19g + "," + colorfrom19b + ")";
    if (colorfrom19r < colorto19r)
        colorfrom19r += 5;
    if (colorfrom19g < colorto19g)
        colorfrom19g += 5;
    if (colorfrom19b < colorto19b)
        colorfrom19b += 5;
    if ((colorfrom19r < colorto19r) || (colorfrom19g < colorto19g) || (colorfrom19b < colorto19b))
        setTimeout('fade19in()', 30);
}

function fade19out() {
    document.getElementById("fade19").style.color = "rgb(" + colorto19r + "," + colorto19g + "," + colorto19b + ")";
    if (colorto19r > colorbackto19r)
        colorto19r -= 5;
    if (colorto19g > colorbackto19g)
        colorto19g -= 5;
    if (colorto19b > colorbackto19b)
        colorto19b -= 5;
    if ((colorto19r > colorbackto19r) || (colorto19g > colorbackto19g) || (colorto19b > colorbackto19b))
        setTimeout('fade19out()', 30);
}

function fade20in() {
    document.getElementById("fade20").style.color = "rgb(" + colorfrom20r + "," + colorfrom20g + "," + colorfrom20b + ")";
    if (colorfrom20r < colorto20r)
        colorfrom20r += 5;
    if (colorfrom20g < colorto20g)
        colorfrom20g += 5;
    if (colorfrom20b < colorto20b)
        colorfrom20b += 5;
    if ((colorfrom20r < colorto20r) || (colorfrom20g < colorto20g) || (colorfrom20b < colorto20b))
        setTimeout('fade20in()', 30);
}

function fade20out() {
    document.getElementById("fade20").style.color = "rgb(" + colorto20r + "," + colorto20g + "," + colorto20b + ")";
    if (colorto20r > colorbackto20r)
        colorto20r -= 5;
    if (colorto20g > colorbackto20g)
        colorto20g -= 5;
    if (colorto20b > colorbackto20b)
        colorto20b -= 5;
    if ((colorto20r > colorbackto20r) || (colorto20g > colorbackto20g) || (colorto20b > colorbackto20b))
        setTimeout('fade20out()', 30);
}

function fade21in() {
    document.getElementById("fade21").style.color = "rgb(" + colorfrom21r + "," + colorfrom21g + "," + colorfrom21b + ")";
    if (colorfrom21r < colorto21r)
        colorfrom21r += 5;
    if (colorfrom21g < colorto21g)
        colorfrom21g += 5;
    if (colorfrom21b < colorto21b)
        colorfrom21b += 5;
    if ((colorfrom21r < colorto21r) || (colorfrom21g < colorto21g) || (colorfrom21b < colorto21b))
        setTimeout('fade21in()', 30);
}

function fade21out() {
    document.getElementById("fade21").style.color = "rgb(" + colorto21r + "," + colorto21g + "," + colorto21b + ")";
    if (colorto21r > colorbackto21r)
        colorto21r -= 5;
    if (colorto21g > colorbackto21g)
        colorto21g -= 5;
    if (colorto21b > colorbackto21b)
        colorto21b -= 5;
    if ((colorto21r > colorbackto21r) || (colorto21g > colorbackto21g) || (colorto21b > colorbackto21b))
        setTimeout('fade21out()', 30);
}