// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com
// Ken Tholke, kentholke@firstsaga.com

//=========================================
// BEGIN: Add these settings in your code
// add as many or as few messages as you would like
///var tf_msg=new Array()
///tf_msg[0] = "<CENTER>You can see more scripts like this one...</CENTER>"
///tf_msg[1] = "<CENTER>...when you visit the JavaScript Source.</CENTER>"
///tf_msg[2] = "<CENTER>Just type in \"<A href='http://javascript.internet.com/'>javascript.internet.com</A>\"</CENTER>"
///tf_msg[3] = "<CENTER>Your computer can handle the rest.</CENTER>"

// set your first set of colors.  Use as many or as few as you wish.
///var tf_colors1 = new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff", "8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff")

//set your second set of colors
// *** must have exactly the same number of colors as the array above ***
///var tf_colors2 = new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999", "ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000")

// pixel coordinates for the upper left hand corner of the display
///tf_Xpos = 220	// left edge of text or -1 = centered at anchor: <a name="tf_anchor>&nbsp;</a>
///tf_Ypos = 180	// top edge of text or -1 = below anchor: <a name="tf_anchor>&nbsp;</a>

///tf_high = 60		// height of the display in pixels
///tf_wide = 350		// width of the display in pixels
///tf_pad = 15		// move the display away from the edges of the background
///tf_bgcol = "ffffff"	// set the background color of the display

//add a background image if you want.
// *** for no image, just leave empty quotes (ex. cellbg=""; ) ***
///tf_cellbg = "faderbg.jpg"

// set the font
///tf_fntFam = "verdana,helvetica,arial"
///tf_fntSize = 14

// set how how many seconds you want the message to stay remain at totality.
///tf_pause = 2.5

// END: settings to your code
//==============================


// Do not edit these values below!!!

icolor = 0;
mcolor = 1;
imsg = 0;
spWidth = tf_wide-(2*tf_pad);
totality = false;
glowing = true;
var theMsg = "";
var cellcontent = "";
tf_pause = tf_pause*1000;
if (tf_cellbg.length>4) tf_cellbg = " background=" + tf_cellbg
else tf_cellbg=""

function tf_doPause(){
   totality = false; 
   t = setTimeout("tf_changecolor()",tf_pause);
}
   
function initiateTextFader() {
	tf_getContentColor()
	tf_getMsg()
	tf_getCellContent()
	
	if (document.all) {		// eg. Internet Explorer
		tf_msgbg.innerHTML = cellcontent
		tf_msgfade.innerHTML = theMsg
		
		var pos = document.all['tf_anchor']
		if (tf_Xpos == -1) tf_Xpos = tf_getLeft(pos) - tf_wide/2
		if (tf_Ypos == -1) tf_Ypos = tf_getTop(pos)
		tf_msgbg.style.posLeft = tf_Xpos
		tf_msgbg.style.posTop = tf_Ypos

		tf_msgfade.style.posLeft = tf_Xpos+tf_pad
		tf_msgfade.style.posTop = tf_Ypos+tf_pad
		t = setTimeout("tf_changecolor()",50)
	}
	else if (document.layers) {		// eg. Netscape 4+, but < 6
		document.tf_msgbg.document.write(cellcontent)
		document.tf_msgbg.document.close()
		document.tf_msgfade.document.write(theMsg)
		document.tf_msgfade.document.close()
		
		var pos = document.anchors['tf_anchor']
		if (tf_Xpos == -1) tf_Xpos = pos.x - tf_wide/2
		if (tf_Ypos == -1) tf_Ypos = pos.y
		document.tf_msgbg.left = tf_Xpos
		document.tf_msgbg.top = tf_Ypos
		
		document.tf_msgfade.left = tf_Xpos+tf_pad
		document.tf_msgfade.top = tf_Ypos+tf_pad
		t = setTimeout("tf_changecolor()",100)
	}
	else {		// eg, Netscape 6+
		
	}
}
	
function tf_changecolor() {
	if (totality == true) tf_doPause();
	else {
		tf_getMsg();
		tf_getContentColor();
		if(document.all) {
			tf_msgfade.innerHTML =theMsg;
			t = setTimeout("tf_changecolor()",50);
		}
		else if(document.layers) {
			document.tf_msgfade.document.write(theMsg);
			document.tf_msgfade.document.close();
			t = setTimeout("tf_changecolor()",70);
		}
	}
}
   
function tf_getFadeColor(){
   icolor = icolor-1;
   if (mcolor == 1) contentcolor = tf_colors1[icolor];
   else contentcolor = tf_colors2[icolor];
}
   
function tf_getGlowColor(){
   icolor=icolor+1;
   if(mcolor==1){contentcolor=tf_colors1[icolor];}
   else{contentcolor=tf_colors2[icolor];}
}
   
function tf_changemsg(){
   if(imsg == tf_msg.length-1){imsg=0; mcolor=1;}
   else if(imsg != tf_msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;}
   else{imsg=imsg+1; mcolor=1;}
}
   
function tf_getContentColor(){
   if(icolor==tf_colors1.length-1 && glowing==true){
   tf_getFadeColor(); glowing=false; totality=true;}
   else if(icolor < tf_colors1.length && glowing==true){
   tf_getGlowColor();}
   else if(icolor < 1 && glowing==false){tf_changemsg(); tf_getGlowColor(); glowing=true;}
   else{tf_getFadeColor();}
}
   
function tf_getMsg() {
   theMsg="<span style='font-size:"+tf_fntSize+"pt; font-family:"+tf_fntFam+"; width:"+spWidth+";'>"
   theMsg+="<B><font color="+contentcolor+">"+tf_msg[imsg]+"</font></B> "
   theMsg+="</span>"
}
   
function tf_getCellContent(){
   cellcontent="<TABLE height="+tf_high+
   " width="+tf_wide+" bgcolor="+tf_bgcol+" cellpadding=0 cellspacing=0><TR><TD"+tf_cellbg+"> </TD></TR></TABLE>"
}

function tf_getLeft(ll) {
	if (ll.offsetParent)
		return (ll.offsetLeft + tf_getLeft(ll.offsetParent))
	else 
		return (ll.offsetLeft)
}

function tf_getTop(ll) {
	if (ll.offsetParent)
		return (ll.offsetTop + tf_getTop(ll.offsetParent))
	else
		return (ll.offsetTop)
}


