// Suckerfish hover js modified to help IE6 cover up selects under the navigation

var sfHover = function(navEl) {

    // userNav isn't there when not logged in, so we must check:
    if ($('#'+navEl).length > 0) {
        // Only run on IE6
        if (navigator.appName=='Microsoft Internet Explorer' && navigator.appVersion.indexOf('MSIE 6.0')!=-1) {
        
            var sfEls = document.getElementById(navEl).childNodes;
            //TODO: check that they're all LIs
        
            var ie6n = document.getElementById('ie6cover');
            
            for (var i = 0; i < sfEls.length; i++) {
                sfEls[i].onmouseover = function() {
                    var navDiv = this.getElementsByTagName("DIV")[1];
                    
                    if (navDiv) { //don't run this on front page nav element
                        this.className += " sfhover";
                        var offSet = $(this).offset();
                        if (navEl == 'utilityNav' || navEl == 'userNav') {
                            ie6n.style.top = (Number(offSet.top)+32)+'px';
                            ie6n.style.left = (Number(offSet.left) + $(this).width() + 26 - navDiv.offsetWidth)+'px';
        
                            ie6n.style.height = (Number(navDiv.offsetHeight)-1)+'px';
                            ie6n.style.width = (Number(navDiv.offsetWidth)-2)+'px';
                        } else {
                            ie6n.style.top = (Number(offSet.top)+39)+'px';
                            ie6n.style.left = (Number(offSet.left)+8)+'px';   
        
                            ie6n.style.height = navDiv.offsetHeight+'px';
                            ie6n.style.width = (Number(navDiv.offsetWidth)-4)+'px';
                        }   
        
                    }
                    
                }
                sfEls[i].onmouseout=function() {
                    var navDiv = this.getElementsByTagName("DIV")[0];
        
                    ie6n.style.top = '0px';
                    ie6n.style.left = '0px';        
                    ie6n.style.height = '0px';
                    ie6n.style.width = '0px';
        
                    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
                
                if (navEl == 'mainNav') {
                    // IE6 isn't respecting the .selected class's background image
                    // So we apply it as a CSS change onload
                    if (sfEls[i].className.search(/selected/) != -1) {
                        var bgImg = sfEls[i].id;
                        if (bgImg.substring(0, 3) == 'nav') {
                            var bgImg = bgImg.substring(3, bgImg.length).toLowerCase();
                            if (bgImg == 'frontpage') {
                                bgImg = 'front_page';
                            }
                            
                            //Omasana needs a different image:
                            if($('#'+navEl).hasClass('omaSana')){
                                sfEls[i].style.backgroundImage = 'url(/img/os_main_nav_top_' + bgImg + '.png)';
                            }else{
                                sfEls[i].style.backgroundImage = 'url(/img/main_nav_top_' + bgImg + '.png)';
                            }
                            
                        }
                    }
                } // end if mainNav   
            } // end for
        } // end if IE6
    } // end element exists
} // end function