/*
  This is a modified version which handles: 
  1. highlighting
  2. root arrow and background state
 */


sfHover = function() {
  
	if(document.getElementById("nav")){
		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	}
  if(sfEls){
	for (var i=0; i<sfEls.length; i++) {
    
    if(sfEls[i].getAttribute('id') == 'main') {
      var img = sfEls[i].getElementsByTagName("img");
      
      var w = 0; 
      if (sfEls[i].offsetWidth) {
                w = Math.round(sfEls[i].offsetWidth / 2) - 12;  
      } else if (sfEls[i].style.pixelWidth) {
                w = Math.round(sfEls[i].pixelWidth / 2) - 12;
      }      
      
      
      
      if(w > 0) {
        
        var img = sfEls[i].getElementsByTagName("img");
        var str = sfEls[i].getElementsByTagName("strong");
        
        
        if (img[0]) {
           img[0].style.paddingTop = '7px';
        
           
           if (str.length > 0) {
             img[0].style.display    = '';
           } else {
             img[0].style.display    = 'none'; 
           }
           
           img[0].style.position   = 'absolute';
           img[0].style.paddingLeft = w + 'px';
        }
        
      }
      
    }

		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
      if (this.parentNode.getAttribute('id') == 'nav') {
        this.className += " sfActive";
          var img = this.getElementsByTagName("img");
          if (img[0]) {
             img[0].style.display    = 'block';
             img[0].style.position   = 'absolute';
          }
          
        
      }
      
		}
		sfEls[i].onmouseout=function() {
      
			this.className=this.className.replace(new RegExp("sfhover", "g"), " ");
      this.className=this.className.replace(new RegExp("sfActive", "g"), " ");
      
      var img = this.getElementsByTagName("img");
      var str = this.getElementsByTagName("strong");

          
      if (img[0] && !str.length > 0) {
            img[0].style.display = 'none';
            img[0].style.position = 'absolute';
      }

      
 		}
	}
	}
  
}

if (window.attachEvent) {
  window.attachEvent("onload", sfHover);
} else if (document.addEventListener) {
  document.addEventListener("DOMContentLoaded", sfHover, false);
} else {
  window.onload = sfHover;
}