// This script is to create fade-out text effect. 
// InsiteCreations authoring and copy right
function preloadImage(){
	image1 = new Image;
	image1.src = "fadeboxback_test_01.gif";
	image2 = new Image;
	image2.src = "fadeboxback_test_02.gif";
	image3 = new Image;
	image3.src = "fadeboxback_test_03.gif";
	image4 = new Image;
	image4.src = "fadeboxback_test_04.gif";
	image5 = new Image;
	image5.src = "fadeboxback_test2_01.gif";
	image6 = new Image;
	image6.src = "fadeboxback_test2_02.gif";
	image7 = new Image;
	image7.src = "fadeboxback_test2_03.gif";
	image8 = new Image;
	image8.src = "fadeboxback_test2_04.gif";
	image9 = new Image;
	image9.src = "fadeboxback_test3_01.gif";
	image10 = new Image;
	image10.src = "fadeboxback_test3_02.gif";
	image11 = new Image;
	image11.src = "fadeboxback_test3_03.gif";
	image12 = new Image;
	image12.src = "fadeboxback_test3_04.gif";
	image13 = new Image;
	image13.src = "fadeboxback2.gif";
	image14 = new Image;
	image14.src = "fadeboxback.gif";
	image15 = new Image;
	image15.src = "buttonback1.gif";
	image16 = new Image;
	image16.src = "buttonback2.gif";
	image17 = new Image;
	image17.src = "buttonback3.gif";
	image18 = new Image;
	image18.src = "buttonback4.gif";
}

var texts = new Array(
"<font color=\"000000\"><TABLE WIDTH=207 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD> <a href=\"javascript: change(t);\"><IMG SRC=\"images/fadeboxback_test2_01.gif\" ALT=\"Technology\" WIDTH=68 HEIGHT=23 border=\"0\"></a></TD><TD> <a href=\"javascript: change(r);\"><IMG SRC=\"images/fadeboxback_test2_02.gif\" ALT=\"Result\" WIDTH=57 HEIGHT=23 border=\"0\"></a></TD><TD> <IMG SRC=\"images/fadeboxback_test2_03.gif\" WIDTH=82 HEIGHT=23 ALT=\"Experience\"></TD></TR><TR valign=\"top\"><TD COLSPAN=3 class=\"rotate\"> The <span class=\"orangeTitle\">Stratos</span> team consists entirely of skilled tax professionals with in-depth knowledge and years of hands-on experience. <a href=\"stratos_team_experience.html\"> Read more. </a>  </TD></TR></TABLE></font>",
"<font color=\"000000\"><TABLE WIDTH=207 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><a href=\"javascript: change(e);\"><IMG SRC=\"images/fadeboxback_test_01.gif\" ALT=\"experience\" WIDTH=68 HEIGHT=23 border=\"0\"></a></TD><TD><a href=\"javascript: change(r);\"><IMG SRC=\"images/fadeboxback_test_02.gif\" ALT=\"Result\" WIDTH=57 HEIGHT=23 border=\"0\"></a></TD><TD><IMG SRC=\"images/fadeboxback_test_03.gif\" WIDTH=82 HEIGHT=23 ALT=\"Technology\"></TD> </TR><TR valign=\"top\"><TD height=\"217\" COLSPAN=3 class=\"rotate\"><span class=\"orangeTitle\">Stratos</span> utilizes the <span class=\"orangeTitle\">SDI</span> technology to deliver superior results faster and more efficiently. <!--uses powerful data mining and analysis tools to deliver better results faster and more efficiently.--><a href=\"stratos_team_technology.html\"> Read more. </a> </TD></TR></TABLE></font>",
"<font color=\"000000\"><TABLE WIDTH=207 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD> <a href=\"javascript: change(t);\"><IMG SRC=\"images/fadeboxback_test3_01.gif\" ALT=\"Technology\" WIDTH=68 HEIGHT=23 border=\"0\"></a></TD><TD> <a href=\"javascript: change(e);\"><IMG SRC=\"images/fadeboxback_test3_02.gif\" ALT=\"Experience\" WIDTH=57 HEIGHT=23 border=\"0\"></a></TD><TD> <IMG SRC=\"images/fadeboxback_test3_03.gif\" WIDTH=82 HEIGHT=23 ALT=\"Result\"></TD></TR><TR valign=\"top\"><TD COLSPAN=3 class=\"rotate\"> The <span class=\"orangeTitle\">Stratos</span> team consistently generates significant and measurable results for clients. <a href=\"stratos_results.html\"> Read more. </a>  </TD></TR></TABLE></font>");
 
var bgcolor = "#eeeeee";
var fcolor = "#000000";
var steps = 20;
var show = 5000;
var sleep = 300;
var loop = true;
var startLoop;

var colors = new Array(steps);
//getFadeColors(bgcolor,fcolor,colors);
var color = 0;
var text = 0;
var step = 1;
var i = 0;

function fade() {

	//var text_out = texts[text].replace("{col}", colors[color]);
	var text_out2 = texts[i];
	
	if (document.all){
		fader.innerHTML = text_out2;
		i += 1;
	        if (i == texts.length){ 
	         i = 0;
			}
	}
	
	if (document.layers) { 
	    document.fader.document.write(text_out2); 
		document.fader.document.close(); 
		i += 1;
	        if (i == texts.length){ 
	         i = 0;
	        }
	}
	
	if(!document.all && document.getElementById){
		document.getElementById("fader").innerHTML = text_out2;
			i += 1;
	        if (i == texts.length){ 
	         i = 0;
	        }
	}

	//color += step;
	
	//if (color >= colors.length-1) {
	//step = -1;
	
	//if (!loop && text >= texts.length-1) return;
	//}

	//if (color == 0) {
	//step = 1;
	
	//text += 1;
	//if (text == texts.length) text = 0;
	//}

	startLoop = setTimeout("fade()", 10000);

}

/*function getFadeColors(ColorA, ColorB, Colors) {
len = Colors.length;

if (ColorA.charAt(0)=='#') ColorA = ColorA.substring(1);
if (ColorB.charAt(0)=='#') ColorB = ColorB.substring(1);

var r = HexToInt(ColorA.substring(0,2));
var g = HexToInt(ColorA.substring(2,4));
var b = HexToInt(ColorA.substring(4,6));
var r2 = HexToInt(ColorB.substring(0,2));
var g2 = HexToInt(ColorB.substring(2,4));
var b2 = HexToInt(ColorB.substring(4,6));

var rStep = Math.round((r2 - r) / len);
var gStep = Math.round((g2 - g) / len);
var bStep = Math.round((b2 - b) / len);

for (i = 0; i < len-1; i++) {
Colors[i] = "#" + IntToHex(r) + IntToHex(g) + IntToHex(b);
r += rStep;
g += gStep;
b += bStep;
}
Colors[len-1] = ColorB;
} 


function IntToHex(n) {
var result = n.toString(16);
if (result.length==1) result = "0"+result;
return result;
}

function HexToInt(hex) {
return parseInt(hex, 16);
} */


var e = texts[0];
var t = texts[1];
var r = texts[2];

function change(inputText){
	if (document.all) fader.innerHTML = inputText;
	
	if (document.layers) { 
	    document.fader.document.write(inputText); 
		document.fader.document.close(); 
	}
	
	if(!document.all && document.getElementById){
		document.getElementById("fader").innerHTML = inputText;
			
    }
	
	clearTimeout(startLoop);
	
}

// menu bar script
function toChosen(id){
  	id.style.background = '#eeeeee url(images/buttonback1.gif) no-repeat left center'; 
	id.style.color ="#FFFFFF";
}

function toWait(id){
  	id.style.background = '#FBAA81 url(images/buttonback2.gif) no-repeat left center'; 
}