$(document).ready(function () {

	// Sphere active link highlight
	
	var level = '';
	
	if ( $("#a1").css("font-family") ) { 
		level = 'L1' ;
	}
	if ( $("#a2").css("font-family") ) { 
		level = 'L2' ;
	}
	if ( $("#a3").css("font-family") ) { 
		level = 'L3' ;
	}
	if ( $("#a4").css("font-family") ) { 
		level = 'L4' ;
	}
	
	if ( level == 'L4' ) {
		$("#sidenav #a4").addClass("active"); 
	}
	if ( level == 'L3' ) {
		$("#sidenav #a3").addClass("active"); 
	}
	if ( level == 'L2' ) {
		$("#sidenav #a2").addClass("active"); 
	}
	if ( level == 'L1' ) {
		$("#sidenav #a1").addClass("active"); 
	}
	
	$("#sidenav #a1").parent().addClass("LA");  
	
	if ( !level ) {
		$("#sidenav").hide(); 
		$("#sideimage").show(); 
	}
	
});

sfHover1 = function() {
		 try {
	var sfEls = document.getElementById("navv").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"), "");
		}
	}
		 }catch(err){}
}
sfHover2 = function() {
		 try {
	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"), "");
		}
	}
		 }catch(err){}
}

if (window.attachEvent) { 
	//load functions
	window.attachEvent("onload", sfHover1);
	window.attachEvent("onload", sfHover2);
}