/************* 
**** <config> 
**/ 

startColor = "#0066CC"; // initial link color 
endColor = "#00CC00";  // final link color 

stepIn = 18; // delay when fading in 
stepOut = 25; // delay when fading out 

/* 
** set to true or false; true will 
** cause all links to fade automatically 
***/ 
autoFade = true;  

/* 
** set to true or false; true will cause all CSS 
** classes with "fade" in them to fade onmouseover 
***/ 
sloppyClass = false; 

/** 
**** </config> 
**************/ 

/************* 
**** <install> 
** 

Now, once you have customized your fading colors, 
you need to include your customized .js file on 
every page that you want to use it in. You can 
include javascript files using this syntax (in 
the head of a document): 

<script src="fade.js" language="Javascript"></script> 

Now that you have the file included, you need to 
setup your links a small bit.  Each link that you 
want to fade needs to use the fade class. 

Example: 

<a href="blah.html" class="fade">click here</a> 

Also, the link must be plain text.  This means 
that you can't have <b>'s, <i>'s, <font>'s, etc. 
inside of the link. 

Example of what not to do: 

<a href="blah.html" class="fade"><b>click</b> here</a> 

** 
**** </install> 
**************/ 

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; 

startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.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 == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
        fade(startColor,endColor,srcElement.uniqueID,stepIn);      
   } 
} 

function domouseout() { 
  if (document.all){ 
     var srcElement = event.srcElement; 
    if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
        fade(endColor,startColor,srcElement.uniqueID,stepOut); 
    } 
} 

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){ 
      setColor(sr,sg,sb,eval(fadeId[0])); 
      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; 
}