$(function(){
    var nav = AS.navigation;
    nav.setActiveLink();
    
    $('.navMenu').hover(
        function(){
            nav.navMousedOver(this);
        },
        function(){
            nav.navMousedOut(this);
    });
})

AS.namespace('navigation');
AS.navigation = (function(){
    
    var onImages = {
        'nav_about': new Image().src = 'images/aboutOn.gif',
        'nav_seafood': new Image().src = 'images/seafoodOn.gif',
        'nav_catering': new Image().src = 'images/cateringOn.gif',
        'nav_contact': new Image().src = 'images/contactOn.gif'
    };
    var offImages = {
        'nav_about': new Image().src = 'images/aboutOff.gif',
        'nav_seafood': new Image().src = 'images/seafoodOff.gif',
        'nav_catering': new Image().src = 'images/cateringOff.gif',
        'nav_contact': new Image().src = 'images/contactOff.gif'
    };
    var pageLinks = {
        'about.php': 'nav_about',
        'seafood.php': 'nav_seafood',
        'catering.php': 'nav_catering',
        'contact.php': 'nav_contact'    
    };
    
    function navMousedOver(link){
        var img = onImages[link.id];
        if(img !== undefined){
            $('#' + link.id).find('img').attr('src', img);
        }
    };
    
    function navMousedOut(link){
        var activePage;
        if($.url.attr('file') == null)
            activePage = 'index.php';
        else    
            activePage = $.url.attr('file').toLowerCase();
            
        if(link.href.indexOf(activePage) == -1){
            var img = offImages[link.id];
            if(img !== undefined){
                $('#' + link.id).find('img').attr('src', img);
            }
        }
    };
    
    function setActiveLink(){
        var activePage;
        if($.url.attr('file') == null)
            activePage = 'index.php';
        else    
            activePage = $.url.attr('file').toLowerCase();
            
        var activeLink = pageLinks[activePage];
        if(activeLink !== undefined){
            var img = onImages[activeLink];
            $('#' + activeLink).find('img').attr('src', img);
        }
    };
        
    return{
        navMousedOut: navMousedOut,
        navMousedOver: navMousedOver,
        setActiveLink: setActiveLink
    };
})();