// JavaScript Document
	
  var varInterval;
  var RedColor = 140;
  var BlueColor = 80;	
  var GreenColor = 120;
  var red2 = 50;
  var green2 = 50;
  var blue2= 50;
  
  function fnNextColor(color1, color2) {
           if (color1 > color2)
       {
             //code for decreasing color channel here
            NextColor = color1 - 1;
             
       } else
       {
             //code for increasing color channel here
             NextColor = color1 + 1;
       }
       return NextColor;
     }
     
     function fnToHex(color) {
             var strHex;
             strHex = color.toString(16)
		         if (strHex.length == 1)
			     { 
				   strHex = "0" + strHex;
			     };
             return strHex; 
     }
	
    function fnTextFade() {
		
    var RedHex, GreenHex, BlueHex;
    
    //calculate next color value
    if (RedColor != red2)
    {
       RedColor = fnNextColor(RedColor, red2);
    };
    
    if (GreenColor != green2)
    {
       GreenColor = fnNextColor(GreenColor, green2);
    };
    
    if (BlueColor != blue2)
    {
        BlueColor = fnNextColor(BlueColor, blue2);
    };
          
    // generate hexvalues for color hexstring
    RedHex = fnToHex(RedColor);
    GreenHex = fnToHex(GreenColor);
    BlueHex = fnToHex(BlueColor);
		
    // create color hexstring
    strColor = "#" + RedHex + GreenHex + BlueHex
    
    //retrieve object to change style;
		varTextObj = document.getElementById("text_holder");
		
    //set style for object 
    varTextObj.style.color  =  strColor;
		if (RedColor == red2 && GreenColor == green2 && BlueColor == blue2)
    {
       window.clearInterval(varInterval);
    }
    
	}
	
	 function fnCycleFade(varTime) {
   
       varInterval = window.setInterval("fnTextFade()", varTime);
             
   }