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);


//watch for nav hover and apply/remote appropriate styles
//used mouseenter/mouseleave because .hover does not apply to children as well
$(document).ready(
  function() {
    $('#nav li').mouseenter(
      function(){
       $(this).prev('li').addClass(" prevli"); 
	   $(this).next('li').addClass(" nextli");
	   //$(this).addClass(" bhover");
      }
    );//end li mouse enter
	$('#nav li').mouseleave(
	  function(){
			$(this).next('li').removeClass(" nextli"); 
			$(this).prev('li').removeClass(" prevli"); 	
			//$(this).removeClass(" bhover");
		}
    );//end li  mouseleave
	//check if previous li exists, if not apply class to parent li
	if ($('li.activetier').prev('li').length == 0) {
  		$('li.activetier').parents('li').addClass(" tlast");
	} else {
		$('li.activetier').prev('li').addClass(" tlast");
	}
  }
);
  
  /*$(document).ready(
  function() {
	if ($('#tiernav li').hasClass('activetier')) { 
		$(this).next('li').addClass(' removeME');
		//$(this).fadeTo("slow", 1.0); 
		alert($(this).prev('li'));
	}
  }
);*/