$(document).ready(function(){ 
    $('#topnavigation').addClass('ready');
    $('#blocknavigation li:nth-child(3n)').addClass('third');
    
    var blockactive = false;
    $('#topnavigation').hover(
        function(e) {
            blockactive = true;
        },
        function(e) {
            blockactive = false;
            $('#blocknavigation div').animate({
                'top': -143
            }, {
                'duration': 'fast',
                'queue': false
            });
            $('#portal li').removeClass('hover');
            $('#portal li').removeClass('disabled');
        }
    );
    $('#portal li').hover(
        function(e) {
            // Highlight hovered portal item, grey out the rest
            $('#portal li').removeClass('hover');
            $('#portal li').addClass('disabled');
            $(this).addClass('hover');
            $(this).removeClass('disabled');
            // show associated block
            $('#blocknavigation div').animate({
                'top': -143
            }, {
                'duration': 'fast',
                'queue': false
            });
            $('#'+$(this).find('a').attr('class')).animate({
                'top': 6
            }, {
                'duration': 'fast',
                'queue': false
            });
        },
        function(e) {
            if (!blockactive) {
                $('#'+$(this).find('a').attr('class')).animate({
                    'top': -143
                }, {
                'duration': 'fast',
                'queue': false
            });
            }
        }
    );
});