// main function to process the fade request //
/*function errorMessage(text)
{
  //alert("errorMessage");
  //alert(document.getElementById("error"));
  //document.getElementById("error").value = text + "\n";
}*/

function colorFade(end) {
 
  changeAColor(end);

  var id = 'bgcolour';
  var element = 'background';
 
  //remove the rgb() from the colour property
  
  var newstart = document.getElementById('bgcolour').style.backgroundColor.slice(4);  
  newstart = newstart.slice(0, newstart.length - 1);  
  
  //split the R G B
  var newstartarray = newstart.split(',');
  
  var startrgb,endrgb,er,eg,eb,step,rint,gint,bint,step;
  var target = document.getElementById(id);
  
  target.r = newstartarray[0];
  target.g = newstartarray[1];
  target.b = newstartarray[2];
  
  var steps = 10;
  var speed = 10;
  if(target.timer) 
  clearInterval(target.timer);
  
  endrgb = colorConv(end);
  
  er = endrgb[0];
  eg = endrgb[1];
  eb = endrgb[2];
  
  rint = Math.round(Math.abs(target.r-er)/steps);
  gint = Math.round(Math.abs(target.g-eg)/steps);
  bint = Math.round(Math.abs(target.b-eb)/steps);

  if(rint == 0) { rint = 1 }
  if(gint == 0) { gint = 1 }
  if(bint == 0) { bint = 1 }
  target.step = 1;
  target.timer = setInterval( function() { animateColor(id,element,steps,er,eg,eb,rint,gint,bint) }, speed);
  
  
  
}

// incrementally close the gap between the two colors //
function animateColor(id,element,steps,er,eg,eb,rint,gint,bint) {
  
  var target = document.getElementById(id);
  var color;
  
  if(target.step <= steps) {
    var r = target.r;
    var g = target.g;
    var b = target.b;
    if(r >= er) {
      r = r - rint;
    } else {
      r = parseInt(r) + parseInt(rint);
    }
    if(g >= eg) {
      g = g - gint;
    } else {
      g = parseInt(g) + parseInt(gint);
    }
    if(b >= eb) {
      b = b - bint;
    } else {
      b = parseInt(b) + parseInt(bint);
    }
   
    color = 'rgb(' + r + ',' + g + ',' + b + ')';    
  
  if(element == 'background') {      
    if(color.length > 8){
    target.style.backgroundColor = color;   
    changeLineColor(color);
    }
    }else {
      if(color.length > 8){
    target.style.color = color;
    }
    }
    target.r = r;
    target.g = g;
    target.b = b;
    target.step = target.step + 1;
  } else {
    clearInterval(target.timer);
    color = 'rgb(' + er + ',' + eg + ',' + eb + ')';
    if(element == 'background') {
      target.style.backgroundColor = color;
    
    } else if(element == 'border') {
      target.style.borderColor = color;
    } else {
      target.style.color = color;
    }
  }
  
  //changeLineColor(color);
}

// convert the color to rgb from hex
function colorConv(color) {  
  var rgb = [parseInt(color.substring(0,2),16), 
    parseInt(color.substring(2,4),16), 
    parseInt(color.substring(4,6),16)];
  return rgb;  
}

//Add fade to any element
function changeLineColor(color){

  var newColor = color;   //'rgb(' + colorConv(color) + ')';  <-- need this for manual change    
  // Change UL border color
  var theTags = document.getElementsByTagName("ul");  
  for(var i=0; i<theTags.length; i++){
    var nodeObj = theTags.item(i);
    nodeObj.style.borderColor = newColor;
  }
  // Change P border color
  var theTags = document.getElementsByTagName("p");  
  for(var i=0; i<theTags.length; i++){
    var nodeObj = theTags.item(i);
    nodeObj.style.borderColor = newColor;
  }  
  // Change title colors
  var theTags = document.getElementsByTagName("div");    
  for(var i=0; i<theTags.length; i++){    
    var nodeObj = theTags.item(i);
    //alert(nodeObj.className);
    if(nodeObj.className == "transparentTtlBorder"){
      nodeObj.style.backgroundColor = newColor;
    }
    if(nodeObj.className == "transparentTtl ttlWhatsNew" || nodeObj.className == "transparentTtl ttlLatestWork" || nodeObj.className == "transparentTtl ttlContactUs"){
      nodeObj.style.backgroundColor = newColor;
    }
    //Change request a quote color
    if(nodeObj.className == "RequestQuote"){
      nodeObj.style.backgroundColor = newColor;
    }    
  }
    theTags = null;
}

//Change the a:hover color  
function changeAColor(color){  
  if(color == "CC0000"){  
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      //nodeObj.setAttribute("class", "aTagCC0000");
      nodeObj.className = "aTagCC0000";      
    }
  } 
  if(color == "017CB3"){    
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aTag017CB3";
    }
  }
  if(color == "FFFFFF"){  
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aTagAmia";      
    }
  }
  if(color == "af663d"){  
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aTagVast";      
    }
  }
  if(color == "181B4C"){  
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aTagXtreme";      
    }
  }
    if(color == "933f75"){  
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aTagMWD";      
    }
  }
    if(color == "50ace9"){
                var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aAest";      
    }
    }
    if(color == "88a81f"){
                var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aIfaa";      
    }
    }
  if(color == "fa9109"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aPerfection";      
    }
    }
  if(color == "757575"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aSeear";      
    }
    }
  if(color == "70d22c"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aChe";      
    }
    }
        if(color == "678E23"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aGreenL";      
    }
    }
        if(color == "730804"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aStjohn";      
    }
    }
        if(color == "1f4692"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aQComp";      
    }
    }
  if(color == "8462c3"){
    var theTags = document.getElementsByTagName("a");  
    for(var i=0; i<theTags.length; i++){            
      var nodeObj = theTags.item(i);  
      nodeObj.className = "aAirportLink";      
    }
    }
  theTags = null;
}