/**********************************
	Color Shifting DIVs
	Version 1.0
	Last Revision: 06.13.2004
	steve@slayeroffice.com

	PLEASE leave this notice in tact!

	Should you modify/improve this source
	please let me know about it so I can
	update the version hosted at slayeroffice.	

***********************************/

window.onload = init;
var sp = new Array();
var texttohighlight="";
var maxdivs=0;
var colorScheme=12;
var colors=new Array();
colors[0] = new Array("F1DE87","869960","FFAA99","800000","D41A23");
colors[1] = new Array("FF0000","FFBF40","FFFF00","00FF00","0000FF","FF00FF");
colors[2] = new Array("FF0000","FFBF40","FFFF00");
colors[3] = new Array("638DA1","F2F6F7","98B4C1","E3EBED");
colors[4] = new Array("434469","CFBE84","16777E","F3E6C8");
colors[5] = new Array("191970","FFFFFF");
colors[6] = new Array("39630C","FFFF80");
colors[7] = new Array("F09E35","0882C6","D03201","5A709A","FFE26E","984A23");
colors[8] = new Array("7EE06F","C4C2BF","C9D1EC");
colors[9] = new Array("DDDDBB","CAAC6C","778855","EEEEDD","99AA77");
colors[10] = new Array("645339","F6F6F6","A38D6F","463928");
colors[11] = new Array("66CC33","0099CC");
colors[12] = new Array("6CB4F0","FFCF60","C60262","E4E4E4");
colors[13] = new Array("F85A3F","F73E78","470100");
colors[14] = new Array("C81624","F6DC31","454E3F","EFF6C6","AAC12B");
colors[15]= new Array("FFDA6F","ED1E24","EEEEEE")
colors[16]= new Array("FFFFFF","0000FF", "FFFFFF", "FF0000")


pause = 0;

colorPercent=3.0; 
var colorPath = new Array();
var colorIndex = 0; 
var shiftIndex = new Array();
var isShifting=new Array();
var watchShift=0; 
var SHIFT_STEP=20;
var on=0; 


var d=document;
var zInterval = null;
var numspans=24

function init() {
	if(!document.getElementById) return;
	createFadeObjArray();
	colorPath=createColorPath();
	zInterval = setInterval("shiftColors()",20);
	setTimeout('pause=1', 25000)
}

function createFadeObjArray() {


slayercolor = document.getElementById("slayercolortext")
inamp=0
intag=0
maxdivs=-1

   if (slayercolor){

	if(texttohighlight.length==0){	

	texttohighlight = slayercolor.innerHTML
	tarray=texttohighlight.split("")


	var newstring=""
	for(i=0;i<tarray.length;i++) {

		onecharacter= tarray[i];

		switch (onecharacter){

		case "<":
			intag=1;
			newstring += onecharacter;
			break
		case ">":
			intag=0
			newstring += onecharacter;
			break
		case "&":
			inamp=1
			maxdivs++
			newstring += "<span id=\"fd" + maxdivs + "\" title=\"Click to pause or restart the Slayer Office color effect\" onClick=\"pause=pause?0:1\">" + onecharacter
			break
		case ";":

			if (inamp==1){
				inamp=0
				newstring += ";</span>"
			}else{
				newstring+=";"
			}
			break
		default: 

			if(inamp==1||intag==1){
			  newstring += onecharacter
			}else{
			  maxdivs++ 
			  newstring += "<span id=\"fd" + maxdivs + "\" title=\"Click to pause or restart the Slayer Office color effect\" onClick=\"pause=pause?0:1\">" + onecharacter + "</span>"
 			}
		}

	}


	slayercolor.innerHTML=newstring

	}

	for(i=0;i<=maxdivs;i++) {	// loop over how many divs we want to create
		fdid = "fd" + i;
		sp[i]=d.getElementById(fdid);
		sp[i].style.color = "#"+colors[colorScheme][0];
		shiftIndex[i]=0;
		isShifting[i]=0;
	}

   }


   

	isShifting[0]=1;
}


function createColorPath() {
	nColor = colorIndex+1;

	if(nColor>=colors[colorScheme].length)nColor=0;
	do {
		colorPath[colorPath.length]=setColorHue(longHexToDec(colors[colorScheme][colorIndex]),colorPercent,longHexToDec(colors[colorScheme][nColor]));
		colorPercent-=.01;
	} while(colorPercent>0);

	return colorPath;
}

function shiftColors() {
	if(pause)return;

	for(i=0;i<sp.length;i++) {

		if(isShifting[i]) {
			sp[i].style.color = "rgb("+colorPath[shiftIndex[i]][0]+","+colorPath[shiftIndex[i]][1]+","+colorPath[shiftIndex[i]][2]+")";
			shiftIndex[i]++;
		}	
		if(shiftIndex[i]>=colorPath.length) {
			colorIndex++;
			if(colorIndex>=colors[colorScheme].length)colorIndex=0;
			colorPercent=1.0;
			colorPath=createColorPath();
		}
	}
	watchShift++;
	if(watchShift>=SHIFT_STEP && on<sp.length) {
		on++;
		watchShift=0;
		isShifting[on]=1;
	}
}

// changes the color scheme.
function changeScheme(themeIndex) {
	colorScheme=themeIndex;
	normalize();
	init();
}

// resets vars back to their original states
function normalize() {
	
	clearInterval(zInterval);
	shiftIndex=new Array();
	isShifting=new Array();
	watchShift=0;
	colorIndex=0;
	colorPath=new Array();
	on=0;
	colorPercent=1.0;
}

// calculates a color based on the it being a certain percentage of another color.
function setColorHue(originColor,opacityPercent,maskRGB) {
	returnColor=new Array();
	for(w=0;w<originColor.length;w++) returnColor[w] = Math.round(originColor[w]*opacityPercent) + Math.round(maskRGB[w]*(1.0-opacityPercent));
	return returnColor;
}

// utility method to convert "FFFFFF" to an array of 255,255,255
function longHexToDec(longHex) {
	r=toDec(longHex.substring(0,2));
	g=toDec(longHex.substring(2,4));
	b=toDec(longHex.substring(4,6));
	return new Array(r,g,b);

	function toDec(hex) {
		return parseInt(hex,16);
	}
}