function SetDropDownPosition(menuItem) {
    var menuOffset = $("div[id='menu']").offset().left;

    var itemLeft = $("a[id='link-" + menuItem + "']").offset().left - menuOffset;

    var lastItemRight = $(".nav-right").offset().left + $(".nav-right").width() - menuOffset;

    var dropDownWidth = $("div[id='drop-" + menuItem + "']").width();

    if ((itemLeft + dropDownWidth) > lastItemRight) {
        var itemRight = itemLeft + $("a[id='link-" + menuItem + "']").width();
        
        $("div[id='drop-" + menuItem + "']").css("margin-left", (itemRight - dropDownWidth) - 1 + "px");
    }
    else {
        $("div[id='drop-" + menuItem + "']").css("margin-left", itemLeft + 1 + "px");
    }
}

function ShowDropDown(menuItem) {
    $("div[id='drop-" + menuItem + "']").css("display", "block");
    $("a[id='link-" + menuItem + "']").css("background-position", "-" + $("a[id='link-" + menuItem + "']").width() + "px 0");
}

function HideDropDown(menuItem) {
    $("div[id='drop-" + menuItem + "']").css("display", "none");
    $("a[id='link-" + menuItem + "']").css("background-position", "0 0");
}

function WireUpDropDown(menuItem) {
    SetDropDownPosition(menuItem);

    $("a[id='link-" + menuItem + "']").hover(
        function() {
            ShowDropDown(menuItem)
        },
        function() {
            HideDropDown(menuItem)
        }
    );

    $("div[id='drop-" + menuItem + "']").hover(
        function() {
            ShowDropDown(menuItem)
        },
        function() {
            HideDropDown(menuItem)
        }
    );
}

$(document).ready(function() {

    WireUpDropDown("how");

    WireUpDropDown("funding");

    WireUpDropDown("tools");

    WireUpDropDown("news");

    WireUpDropDown("resources");

    WireUpDropDown("contacts");

});