$(document).ready(function() {

    $('.iconheader:not(.selected)').find('.headercontainer').addClass('iconheaderhidden');
    $('.menu').children().fadeTo(0, 0.5);

    // Hook up the icons to the click through to the anchor
    $('.iconcontainer').click(
     function() { window.location = $(this).find("a").attr("href"); return false; });

    $('.headericonarea').hover(
    function() {
        var parent = $(this).parent();        
        if (!$(parent).hasClass('selected')) {
            $('.headercontainer', parent).addClass('headercontainerhover');
            $('.headercontainer', parent).removeClass('iconheaderhidden');
            $('.selected').addClass('selectedhover');
            $(parent).parent().addClass('bringToFront');
        }
    },
    function() {
        var parent = $(this).parent();
        if (!$(parent).hasClass('selected')) {
            $('.headercontainer', parent).addClass('iconheaderhidden');
            $('.headercontainer', parent).removeClass('headercontainerhover');
            $('.selected').removeClass('selectedhover');
            $(parent).parent().removeClass('bringToFront');
        }
    }
    );

    $('.menu').children().hover(
    function() {
        $(this).fadeTo(200, 1)
    },
    function() {
        $(this).fadeTo(500, 0.5)
    });

});