var kOpObject = 'blank';
var kOpFunc = 0;

sfHover = function() {
 
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for ( var i = 0; i < sfEls.length; i++ ) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
};

if (window.attachEvent) window.attachEvent("onload", sfHover);

function $(id) { return document.getElementById(id); }

function pauseAction(millis) {
	var date = new Date();
	var curDate = null;
	do {
		var curDate = new Date();
	}while(curDate - date < millis);
}

function _tail( id ) { return $(id).src.substr($(id).src.length-5, 1); }

function DropDownMenu( id ) {
	
	var tail = _tail( id );
	
	if( tail != 'o' && tail != 'd' ) {
		
		MenuOver( id );
		pauseAction(50);
		
	}else {
		
		MenuTopRollOff(id);
		
	}
		
}

function MenuOver( id ) { if( _tail(id) != 'd' ) $(id).src = '/images/'+id+'_o.gif'; }

function MenuTopRollOff( id ) { if( _tail(id) != 'd' ) $(id).src = '/images/'+id+'.gif'; }


function opacity(id, opacStart, opacEnd, millisec) {
	
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	if( kOpFunc == -1 ) {
		
		kOpFunc = 0;
		return;
		
	}
	
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			kOpFunc = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i += 2 ){
			kOpFunc = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
	
}


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

function shiftOpacity(id, millisec) {
	
	if( $(id).style.opacity == 0 ) {
		
		$('headline-top').style.display = '';
		$('fade-text').style.display = '';
	
		opacity(id, 0, 100, millisec);
	
	} 

}


function __clear( val ) {
	
	if( kOpObject == val ) return true;
	
	$('headline-top').style.display = 'none';
	$('fade-text').style.display = 'none';
	
	$('headline-top').innerHTML = '';
	$('fade-text').innerHTML = '';
	
}

function fadeControl( val ) {
	
	__clear( val );
	
	if( kOpObject == val ) return true;
	kOpObject = val;
	
	changeOpac( 0, 'fade-box' );

	pauseAction(100);
	
	shiftOpacity( 'fade-box', 1000 );
	
	$('fade-box').innerHTML = $(val).innerHTML;
		
}