// Multi-Color Fader for Any Objects
// Supports Most Browsers
// Created by Robert R.
// email:rrosania@relsyscorp.com
// 04 Sep 2004

rgb_beg=[140,0,255]
rgb_end=[255,153,51]

footer_beg=[255,0,255]
footer_end=[255,153,51]
// footer_end=[251,226,57]

nav_beg=[255,255,255]
nav_end=[000,000,60]
//nav_end=[50,10,10]
//nav_end=[255,153,51]
//nav_end=[221,148,94]
//nav_end=[255,100,255]
// nav_end=[255,153,255]


over_spd=13
out_spd=18

document.onmouseover = domouseover;
document.onmouseout  = domouseout;
document.onclick     = doclick;


dualhex = new Array()
hex = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]
for(i = 0; i < 256; i++) dualhex[i] = hex[parseInt(i / 16)] + hex[i % 16]


function domouseover(event) {
   var e = event ? event : window.event;                               // Get the event (support both W3C DOM and IE event models)
   var srcElement = e.srcElement ? e.srcElement : e.target;            // Determine the element that triggered the event (support both W3C DOM and IE event models)
   var p = srcElement.parentNode;

   while(srcElement.id == null)
     srcElement = srcElement.parentNode;
  
   if (srcElement.className == "main" || srcElement.className == "footer" || srcElement.className == "faqs" ||srcElement.className == "navigation" ||srcElement.className == "navigation1l" ||srcElement.className == "navigation2l"){
     fade(srcElement.id, srcElement.className, 1);
   }
}

 
function domouseout(event) {
   var e = event ? event : window.event;                               // Get the event (support both W3C DOM and IE event models)
   var srcElement = e.srcElement ? e.srcElement : e.target;            // Determine the element that triggered the event (support both W3C DOM and IE event models)

   while(srcElement.id == null)
     srcElement = srcElement.parentNode;

   if (srcElement.className == "main" || srcElement.className == "footer" || srcElement.className == "faqs" || srcElement.className == "navigation" || srcElement.className == "navigation1l" || srcElement.className == "navigation2l")
     setTimeout("fade('" + srcElement.id + "','" + srcElement.className + "', 0)", over_spd * over_spd * 2);
}


function fade(element, style , over){
  if(over) {

    if (style == "navigation" || style == "navigation1l" || style == "navigation2l")
    {
    // alert (element.parentNode.style.background);
    
    // alert( document.all('element.parentNode').style );
    }
    spd = over_spd;
    if (style == "footer"){
      beg = footer_beg;
      end = footer_end;
    }
    else if(style == "main" || style == "faqs"){
      beg = rgb_beg;
      end = rgb_end;
    }
    else{
      beg = nav_beg;
      end = nav_end;
    }
  }
  else {
    spd = out_spd;
    if (style == "footer" ){
      beg = footer_end;
      end = footer_beg;
     }
     else if (style =="main" || style == "faqs"){
      beg = rgb_end;
      end = rgb_beg;
     }
     else{
      beg = nav_end;
      end = nav_beg;
     }
  }
  if(document.getElementById )  // Recent DOM Compliance?
    for(i = 0; i <= spd; i++)
      setTimeout("document.getElementById('" + element + "').style.color = '#"
       + dualhex[Math.floor(beg[0] * ((spd - i) / spd) + end[0] * (i / spd))]
       + dualhex[Math.floor(beg[1] * ((spd - i) / spd) + end[1] * (i / spd))]
       + dualhex[Math.floor(beg[2] * ((spd - i) / spd) + end[2] * (i / spd))] + "';",  i * spd)
    else
    for(i = 0; i <= spd; i++)
      setTimeout("document.all['" + element + "'].style.color = '#"
       + dualhex[Math.floor(beg[0] * ((spd - i) / spd) + end[0] * (i / spd))]
       + dualhex[Math.floor(beg[1] * ((spd - i) / spd) + end[1] * (i / spd))]
       + dualhex[Math.floor(beg[2] * ((spd - i) / spd) + end[2] * (i / spd))] + "';",  i * spd)
}

function doclick(event){
   var e = event ? event : window.event;                               // Get the event (support both W3C DOM and IE event models)
   var srcElement = e.srcElement ? e.srcElement : e.target;            // Determine the element that triggered the event (support both W3C DOM and IE event models)

   if (srcElement.className == "main" || srcElement.className == "footer" || style == "faqs")
      srcElement.blur();
}

function hex2dec(Color){
  var colorArr = [0,0,0];
  for (i=1; i<7; i++ ){
    for (j=0; j<16; j++ ){
      if (Color.charAt(i) == hex[j]){
        if (i%2 !=0)
          colorArr[Math.floor((i-1)/2)] = colorArr[Math.floor((i-1)/2)] + eval(j)*16;
        else
          colorArr[Math.floor((i-1)/2)] = colorArr[Math.floor((i-1)/2)] + eval(j);
      }
    }
  }
  return colorArr;
}