$(window).load(function(){
    var families = $("#navigation a.families");
    var artists = $("#navigation a.artists");
    var about = $("#navigation a.about");
    var press = $("#navigation a.press");
    var links = $("#navigation a.links");
    $("#navigation a.portraits").click(function(){
        var el = $(this);
        if (el.parent('li').hasClass('inactive'))
        {
            families.parent('li').removeClass('inactive');
            artists.parent('li').removeClass('inactive');
            if (!about.parent('li').hasClass('active') 
                && !press.parent('li').hasClass('active')
                && !links.parent('li').hasClass('active'))
            {
                $("#navigation a.emma").parent('li').addClass('last');
                about.animate({width: "0px"}, 450);
                press.animate({width: "0px"}, 450);
                links.animate({width: "0px"}, 450, function(){
                    $("li.sub-emma").css('display', 'none');
                });
            }
        }
        $("ul.links > li").each(function(){
            if (!el.hasClass('sub-portraits') && !el.hasClass('active') && !$(' > a', this).hasClass('portraits'))
            {
                el.addClass('inactive');
            }
        })
        el.parent().addClass('inactive');
        $("li.sub-portraits").css('display', 'inline');
        families.animate({width: "61px"}, 450);
        artists.animate({width: "58px"}, 450);
    });
    $("#navigation a.emma").click(function(){
        var el = $(this);
        if (el.parent('li').hasClass('inactive'))
        {
            about.parent('li').removeClass('inactive');
            press.parent('li').removeClass('inactive');
            links.parent('li').removeClass('inactive');
            if (!families.parent('li').hasClass('active') && !artists.parent('li').hasClass('active'))
            {
                families.animate({width: "0px"}, 450);
                artists.animate({width: "0px"}, 450, function(){
                    $("li.sub-portraits").css('display', 'none');
                });
            }
        }
        el.parent('li').removeClass('last');
        $("ul.links > li").each(function(){
            if (!el.hasClass('sub-emma') && !el.hasClass('active') && !$(' > a', this).hasClass('emma'))
            {
                el.addClass('inactive');
            }
        })
        el.parent().addClass('inactive');
        $("li.sub-emma").css('display', 'inline');
        about.animate({width: "51px"}, 450);
        press.animate({width: "46px"}, 450);
        links.animate({width: "32px"}, 450);
    });
});