var zero = 0.00001;
var one = 0.999999;
var ros = {
    _hovername: "navPong",
    _hovering: false,
    
    attachrollovers: function(){
        if (!$("navPong")) {
            var _hover = new Element('div', {
                id: 'navPong'
            });
            _hover.setHTML(" ");
            _hover.injectInside(document.body);
            _hover.setStyle("left", $("nav").getLeft() + "px");
        }
        else {
            var _hover = $("navPong");
        }
        _hover.setStyle("display", "none");
        var myEffects = new Fx.Styles($(_hover), {
            duration: 350,
            transition: Fx.Transitions.quadOut
        });

        $$("#nav a").each(function(e){
        // the first folder in the url matches the first folder in a header nav link, set the parent item to on state
        //if (true)
        //e.getParent().addClass("adeoOn");
        
        e.onmouseover = function(){
            if (!e.getParent().hasClass("on")) {
                ros._hovering = true;
                _hover.setStyle("top", (e.getTop() + e.offsetHeight) + "px");
                _hover.setStyle("width", (e.offsetWidth) + "px");
                _newleft = navigator.appName == "Microsoft Internet Explorer" ? e.getLeft()+1 : e.getLeft();
                if (e.getParent().hasClass("last")) {
                    _hover.setStyle("width", (e.offsetWidth - 1) + "px");
                }
                if (_hover.getStyle("display") == "none") {
                    _hover.setOpacity(zero);
                    _hover.setStyle("display", "block");
                    myEffects.start({
                        'left': [_hover.getLeft(), _newleft ],
                        'opacity': [zero, one]
                    });
                }
                else {
                    _hover.setOpacity(one);
                    myEffects.stop();
                    myEffects.start({
                        'left': [_hover.getLeft(), _newleft ]
                    });
                }
            }
        }
        e.onmouseout = function(){
            ros._hovering = false;
            (function(){
                if (!ros._hovering) {
                    myEffects.stop();
                    myEffects.start({
                        'opacity': [one, zero]
                    });
                }
            }).delay(100);
            
        }   
        });                  
    }
};
if(navigator.userAgent.indexOf('MSIE') != -1){
    window.addEvent('load', function(){
        ros.attachrollovers();
    });
}else{
    window.addEvent('domready', function(){
        ros.attachrollovers();
    });
}