var dropdowns;
var interval;
function positionDropdowns() {
    dropdowns.each(function (index, elem) {
        var navItem = $("#nav a[href='#" + $(elem).attr("dropdown") + "']");
        navItem.hover(function () {
            clearTimeout(interval);
            hideDropdown();
            $(elem).addClass("shown");
            navItem.addClass("sel");
        }, function () {
            interval = setTimeout("hideDropdown();", 500);
        });
        var left = navItem.position().left - $(elem).width() / 2 + navItem.width() / 2 + 10;
        $(elem).css("left", left + "px");
    });
    
}



$(function () {

    dropdowns = $(".dropdown");
    $(window).resize(positionDropdowns);
    positionDropdowns();
    dropdowns.hover(function () { clearInterval(interval); }, function () { interval = setTimeout("hideDropdown();", 500); });

    /* navItem.add(dropdown).hover(function () {
    showDropdown();
    }, function () {
    interval = setInterval("hideDropdown()", 500);
    });*/
});
function hideDropdown() {
    $("#nav a").removeClass("sel");
    $(".dropdown").removeClass("shown");
}