var currentPanelId = 0;
var currentLink = null;

function registerMainMenu() {

    $("#subMenuLinks .link a").click(function () {
        link = $(this);
        var parentcontainer = $("#subMenuLinks");
        var itemoffset = link.offset().left - parentcontainer.offset().left;

        panelId = link.attr("rel");

        if (panelId.length == 0) {
            return;
        }

        if (currentLink != null) {
            currentLink.removeClass('hoverSelected');
        }

        $('#menuPanelContainer').slideUp(function () {
            $('#menuPanelContainer').empty();

            if (currentPanelId != panelId) {
                currentPanelId = panelId;
                currentLink = link;
                var panel = $('#menuPanel-' + panelId);

                if (panel != null) {
                    $('#menuPanelContainer').css("marginLeft", itemoffset);
                    $('#menuPanelContainer').width(panel.width());
                    $('#menuPanelContainer').append(panel.html());
                }

                if (panel.width() == null)
                {
                    $('#menuPanelContainer').css('background', 'none');
                }
                

                currentLink.addClass('hoverSelected');
                $('#menuPanelContainer').slideDown();

            }
            else {
                currentPanelId = 0;
                currentLink = null;
            }
        });

    });
}

function CloseMenuPanel() {
    $('#menuPanelContainer').slideUp();
    currentPanelId = 0;
    currentLink = null;
}

$(document).ready(function () {
    registerMainMenu();
});