<!--

 var fadeColor = "#FF0000";
 var stepIn = 22; 
 var stepOut = 26;

 autoFade = true; 
 sloppyClass = false;
 macCompat = false;

 hexa = new makearray(16);
 for(var i = 0; i < 10; i++)
 hexa[i] = i;
 hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
 hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
 
 document.onmouseover = domouseover;
 document.onmouseout = domouseout;
 
 fadeColor = dehexize(fadeColor.toLowerCase());
 
 var fadeId = new Array();
 
 function dehexize(Color){
 var colorArr = new makearray(3);
 for (i=1; i<7; i++){
 for (j=0; j<16; j++){
 if (Color.charAt(i) == hexa[j]){
 if (i%2 !=0)
 colorArr[Math.floor((i-1)/2)]=eval(j)*16;
 else
 colorArr[Math.floor((i-1)/2)]+=eval(j);
 }
 }
 }
 return colorArr;
 }
 
 function domouseover() {
 if(document.all){
 var srcElement = event.srcElement;
 if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
 if (!srcElement.startColor) {
 srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
 srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
 }
 var link = (macCompat? srcElement.name: srcElement.uniqueID);
 if (link) fade(srcElement.startColor,fadeColor,link,stepIn); 
 else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
 }
 }
 }
 
 function domouseout() {
 if (document.all){
 var srcElement = event.srcElement;
 if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
 var link = (macCompat? srcElement.name: srcElement.uniqueID);
 if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
 }
 }
 }
 
 function makearray(n) {
 this.length = n;
 for(var i = 1; i <= n; i++)
 this[i] = 0;
 return this;
 }
 
 function hex(i) {
 if (i < 0)
 return "00";
 else if (i > 255)
 return "ff";
 else
 return "" + hexa[Math.floor(i/16)] + hexa[i%16];
 }
 
 function setColor(r, g, b, element) {
 var hr = hex(r); var hg = hex(g); var hb = hex(b);
 element.style.color = "#"+hr+hg+hb;
 }
 
 function fade(s,e,element,step) {
 var sr = s[0]; var sg = s[1]; var sb = s[2];
 var er = e[0]; var eg = e[1]; var eb = e[2];
 
 if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
 var orig = eval(fadeId[0]);
 setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
 var i = 1;
 while(i < fadeId.length) {
 clearTimeout(fadeId[i]);
 i++;
 }
 }
 
 for(var i = 0; i <= step; i++) {
 fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
 step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
 ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
 }
 fadeId[0] = element;
 }

//-->
// =====================================================
function stopRainbow()
{
    if (act) {
        objActive.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}


//=============================================================================
// doRainbowAnchor
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
    if (act == 0) {
        var obj = event.srcElement;
        while (obj.tagName != 'A' && obj.tagName != 'BODY') {
            obj = obj.parentElement;
            if (obj.tagName == 'A' || obj.tagName == 'BODY')
                break;
        }

        if (obj.tagName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}


//=============================================================================
// stopRainbowAnchor
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
    if (act) {
        if (objActive.tagName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
    if (act == 0) {
        obj = e.target;
        while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
            obj = obj.parentNode;
            if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                break;
        }

        if (obj.nodeName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = obj.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
    if (act) {
        if (objActive.nodeName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}


//=============================================================================
// Change Color
//  This function changes a color actually.
//=============================================================================
function ChangeColor()
{
    objActive.style.color = makeColor();
}


//=============================================================================
// makeColor
//  This function makes rainbow colors.
//=============================================================================
function makeColor()
{
    // Don't you think Color Gamut to look like Rainbow?

    // HSVtoRGB
    if (elmS == 0) {
        elmR = elmV;    elmG = elmV;    elmB = elmV;
    }
    else {
        t1 = elmV;
        t2 = (255 - elmS) * elmV / 255;
        t3 = elmH % 60;
        t3 = (t1 - t2) * t3 / 60;

        if (elmH < 60) {
            elmR = t1;  elmB = t2;  elmG = t2 + t3;
        }
        else if (elmH < 120) {
            elmG = t1;  elmB = t2;  elmR = t1 - t3;
        }
        else if (elmH < 180) {
            elmG = t1;  elmR = t2;  elmB = t2 + t3;
        }
        else if (elmH < 240) {
            elmB = t1;  elmR = t2;  elmG = t1 - t3;
        }
        else if (elmH < 300) {
            elmB = t1;  elmG = t2;  elmR = t2 + t3;
        }
        else if (elmH < 360) {
            elmR = t1;  elmG = t2;  elmB = t1 - t3;
        }
        else {
            elmR = 0;   elmG = 0;   elmB = 0;
        }
    }

    elmR = Math.floor(elmR).toString(16);
    elmG = Math.floor(elmG).toString(16);
    elmB = Math.floor(elmB).toString(16);
    if (elmR.length == 1)    elmR = "0" + elmR;
    if (elmG.length == 1)    elmG = "0" + elmG;
    if (elmB.length == 1)    elmB = "0" + elmB;

    elmH = elmH + rate;
    if (elmH >= 360)
        elmH = 0;

    return '#' + elmR + elmG + elmB;
}
