$(document).ready(function (e) {
    $('#nav ul li').not('#nav ul li ul li').each(function (index, element) {
        $(element).prepend('<div id="' + $(element).attr('id') + '-over" style="background-position:-' + (index * 117) + 'px bottom;" class="colour"></div>');
    });

    $('#nav ul li').not('#nav ul li ul li').mouseenter(function (e) {
        $(this).not('.selected').css('z-index', 300).children('div.colour').stop(true, true).fadeIn(200);
        $(this).find('div.subnav').css('display', 'block');
    }).mouseleave(function (e) {
        $(this).not('.selected').css('z-index', 100).children('div.colour').stop(true, true).fadeOut(200);
        $(this).find('div.subnav').css('display', 'none');
    });

    $('.subnav ul').masonry({
        itemSelector: 'li'
    });

    $('#nav ul li div.subnav').css('display', 'none').css('top', '109px');

    $('#nav6').click(function () {
        $('#nav6 div.subnav').show();
    });

    // hide the bottom set of borders
    $('#nav ul li ul').each(function (index, element) {
        $(element).children('li').each(function (i, e) {
            if (i > $(element).children('li').length - 3) {
                $(e).children('a').addClass('last');
            }
        });
    });
});