var navSliding = 0;
var elExpanded = null;


function navExpand(evt) {

    var el = Event.element(evt);
    var elSub = null;
    
    if (el.up().select("div.HeaderNavSub")[0]) {
        elSub = el.up().select("div.HeaderNavSub")[0];
    }
    
    if (elSub) {

        if (elSub == elExpanded) {
            elSub.style.display = "none";
            elExpanded = null;
        } else {
            if (elExpanded == null) {
                elSub.style.display = "block";
                elExpanded = elSub;
            } else {
                elSub.style.display = "block";
                elExpanded.style.display = "none";
                elExpanded = elSub;
            }
        }    
    }
}

function navContract(evt) {

    var el = Event.element(evt);
    var elSub = null;

    if (el.select("div.HeaderNavSub")[0]) {
        elSub = el.select("div.HeaderNavSub")[0];
    }

    if (elSub) {
        if (elSub == elExpanded) {
            elSub.style.display = "none";
            elExpanded = null;
        }
    }
}



document.observe("dom:loaded", function() {
    $$("div.HeaderNavTitle").each(function(o) {
        Event.observe(o, 'mouseover', navExpand, false);
        Event.observe(o, 'click', navExpand, false);
        //Event.observe(o, 'click', navContract, false);
        
    });
});