$(document).ready(function() {
    $("#menuTop li a").each(function() {
        
        var hoverDiv = $("<div class='menuHover'><div class='l'></div><div class='r'></div><a href=''></a></div>");
        hoverDiv.css("width", $(this).parent().width());
        hoverDiv.find("a").text($(this).text()).attr("href", $(this).attr("href"));
        hoverDiv.appendTo($(this).parent());
        
        var thisA = $(this);
        hoverDiv.mouseleave(function() {
            thisA.animate({
                marginTop: 0
            }, 200, function() {
                $(this).removeClass("hidden");
            });
        });
    })
    .mouseenter(function() {
        setAllMenuItemsToDefault();
        $(this).addClass("hidden");
        $(this).animate({
            marginTop: -61
        }, 200);
    });
    
    $("#menuTop").mouseleave(setAllMenuItemsToDefault);
    
    $(".showFeedback").click(function(event) {
        event.preventDefault();
        showPopup($('#popupFeedback'));
    });
});

function setAllMenuItemsToDefault()
{
    $("#menuTop li a.hidden").animate({
        marginTop: 0
    }, 200).removeClass("hidden");
}

function showOverallLayout()
{
    hideOverallLayout();
    var layout = $("<div id='overallLayout'></div>");
    layout.appendTo("body");
}

function hideOverallLayout()
{
    $("#overallLayout").detach();
}

function showFeedbackForm()
{
    showOverallLayout();
}

function showPopup(_popup)
{
    showOverallLayout();
    var window_top = ($(document).scrollTop() + ($(window).height() / 2)) - (_popup.height() / 2);
    var window_left = ($(window).width() / 2) - (_popup.width() / 2);
    _popup.css("top", window_top).css("left", window_left).css("z-index", "3000").show();
}

function closePopup(_popup)
{
    _popup.hide();
    hideOverallLayout();
}

function setToBody(_block)
{
    _block.detach();
    _block.appendTo("body");
}