/*
	Image Cross Fade Redux
	Version 1.0
	Last revision: 02.15.2006
	steve@slayeroffice.com

	Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/


var d=document, tabs = new Array(); divs = new Array(), zInterval = null, current=0, pause=false;

addEvent(window, 'load', so_init);
function so_init(){

	if(!d.getElementById || !d.createElement)return;

	var divs = getElementsByClassName(document, 'div', 'maintab'); // GET ALL MAIN HEADERS
	for(var a=0; a<divs.length; a++) id(divs[a].id).style.display = 'block'; //MAKE ALL TABS VISIBLE, AFTER INITIAL HIDING IN CSS FILE
	
	id(divs[0].id).className = 'maintab current';
	id(divs[0].id).style.zIndex = 2;
	
	var tabs = id('subnav').getElementsByTagName('LI');	
	for(var i=0; i<tabs.length; i++){
		tabs[i].onmouseover = function(){
			
			this.className = 'selected';
			var tab = id(this.id+'-tab');
			setOpac(this.id+'-tab', 0);
			
			// GET THE Z-INDEX OF THE CURRENT TAB
			
			var current = getElementsByClassName(document, 'div', 'current')[0];
			tab.style.zIndex = parseInt(id(current.id).style.zIndex)+1;
			tab.className = 'maintab current';
			var timer = 0;
			
			for(b=0; b<=100; b++){	
				var ntab = this.id+'-tab';			
				setTimeout("setOpac('"+ntab+"', "+b+")", (timer*10));
				timer++;
			}
					
			for(var c=0; c<tabs.length; c++) if(tabs[c] !== this) tabs[c].className = '';
			
			for(var d=0; d<divs.length; d++){
				if(tab !== id(divs[d].id)){
					id(divs[d].id).className = 'maintab';
				}
			}			
		}
	}
}

function setOpac(id, opacity) {	
	var object = document.getElementById(id).style;   
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";    
}

function so_xfade()
{
	var interval= 1000;
	cOpacity 	= id(divs[0].id).xOpacity;
	nIndex 		= id(divs[current+1].id) ?current+1:0;
	nOpacity 	= id(divs[nIndex].id).xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

	id(divs[nIndex].id).style.display = 'block';
	id(divs[current].id).xOpacity = cOpacity;
	id(divs[nIndex].id).xOpacity = nOpacity;

	setOpacity(id(divs[current].id));
	setOpacity(id(divs[nIndex].id));

	if(cOpacity<=0)
	{
		id(divs[current].id).style.display = 'none';
		current = nIndex;
		setTimeout(so_xfade, interval);
	}
	else
	{
		setTimeout(so_xfade,50);
	}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}	
}