/*
Event.observe(window, 'load', function(){
    
   
    
    if($('top-navigation')){
      
      var sfEls = $$('#top-navigation li');
      
      if(sfEls){
        
        sfEls.each(function(link){
            
            var w = 0; 
            
            if(link.hasClassName('main-link')){
             
              var image_nav = link.down('img');
              
              w = Math.round(link.offsetWidth / 2) - 13;  
              var image_padding = (w < 0) ? 0 : w;
              
              
              if(link.hasClassName('selected')){
                image_nav.setStyle({display:'block', zIndex: '10000', paddingLeft: image_padding+'px',top:'18px'});
              }
              
              Event.observe(link,'mouseover', function(){
                  link.addClassName('sfhover');
                  image_nav.setStyle({display:'block', zIndex: '10000', paddingLeft: image_padding+'px',top:'18px'});
              });
              Event.observe(link,'mouseout', function(){
                  link.removeClassName('sfhover');
                  link.removeClassName('sfactive');
                  
                  if(!link.hasClassName('selected'))
                    image_nav.setStyle({display:'none'});
              });
              
        
            }

            
        
        });
        
      }
    
    }
    
});


*/


function trim(strText) { 
    // this will get rid of leading spaces 
    while (strText.substring(0,1) == ' ') 
        strText = strText.substring(1, strText.length);

    // this will get rid of trailing spaces 
    while (strText.substring(strText.length-1,strText.length) == ' ')
        strText = strText.substring(0, strText.length-1);

   return strText;
} 

sfHover = function() {
  
  
  if(document.getElementById('top-navigation')){
  
    var sfEls = document.getElementById('top-navigation').getElementsByTagName('li');
    
    if(sfEls){
      
      for (var i=0; i<sfEls.length; i++) {
        
        var w=0;
        var el_class = sfEls[i].className;
        
        
        if(el_class && el_class.indexOf('main-link') >= 0){
          
          
          
          
          if(sfEls[i].className.indexOf('selected') >= 0){
            
          
            w = Math.round(sfEls[i].offsetWidth / 2) - 13;  
            var image_padding = (w < 0) ? 0 : w;
            
            
            var image_nav = sfEls[i].getElementsByTagName("img");
            image_nav[0].style.display = 'block';
            image_nav[0].style.zIndex = '10000';
            image_nav[0].style.paddingLeft = image_padding+'px';
            image_nav[0].style.top = '18px';
            
          }
          
          sfEls[i].onmouseover=function() {

          
            this.className+=" sfhover";
            
            w = Math.round(this.offsetWidth / 2) - 13;  
            var image_padding = (w < 0) ? 0 : w;
            
            
            var image_nav = this.getElementsByTagName("img");
            image_nav[0].style.display = 'block';
            image_nav[0].style.zIndex = '10000';
            image_nav[0].style.paddingLeft = image_padding+'px';
            image_nav[0].style.top = '18px';
            
          }
          
          sfEls[i].onmouseout=function() {
            
             this.className=trim(this.className.replace(new RegExp("sfhover", "g"), " "));
             
             var image_nav = this.getElementsByTagName("img");
             if(this.className.indexOf('selected') < 0){
               
               image_nav[0].style.display = 'none';
               image_nav[0].style.position = 'absolute';
             }
            
          }
          
        
        }
      }
      
    }
  
  }

}


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