/*
 * Requires JQuery
 * http://www.jquery.com
 */

$(document).ready(function() {
    initNavigationTabs();
});

function initNavigationTabs() {
    var nav = $('ul.navigation');
    var tabs = $(nav).find('li');
    var links = $(nav).find('a');
    var url = window.location.href;
    var url_parts = url.split('/');
        
    tabs.addClass('inactive');

    if (navigator.appVersion.indexOf('MSIE 6.') == -1) {

        links.each(function() {
            var anchor = $(this).attr('href');
            /* Begin by assuming no matching tab */
            var match = false;
    
            /* Is the link's href text a substring of the url */
            if(url.indexOf(anchor) != -1) {
            
                match = true;            
    
                if(match) {
                    highlightActiveTab($(this));
                }
            }
        });
        
        
        removeDuplicateHighlighting(nav);
        setNavigationListeners(links);
        
    }
}

function highlightActiveTab(link) {
    $(link).parent()
        .removeClass('inactive')
        .addClass('active');
}

function removeDuplicateHighlighting(nav) {
    $(nav).each(function() {
        var active_tabs = $(this).find('li.active');

        if ($(active_tabs).length > 1) {
           var active_tab = $(this).find('li.active:last');
        }
        
        if (active_tab) {
            var active_link = $(active_tab).find('a');
        
            $(active_tabs).removeClass('active');
           
            highlightActiveTab(active_link);

            /* If the active item has a sublist we need to remove the styling from all of its links */
            var sub_tabs = $(active_tab).find('li.active')
            
            $(sub_tabs)
                .removeClass('active')
                .addClass('inactive');
        }
        
    });
}

function setNavigationListeners(links) {
    links
        .mouseover(
            function() {
                $(this).parent().addClass('hover');
            }
        )
        .mouseout(
            function() {
                $(this).parent().removeClass('hover');
            }
        );
}