$(document).ready(function () {
    $("#topnav a").mouseover(function () {
        var offset = $(this).position();
        var leftoff = offset.left;
        var widthobj = $("div#" + this.title.toLowerCase()).width();
        var rightoff = (leftoff + widthobj);
        if (rightoff > 963) {
            leftoff = leftoff - (rightoff - 963);
        }
        $("div#" + this.title.toLowerCase()).css("display", "block");
        $("div#" + this.title.toLowerCase()).css("left", leftoff);
        $("div#" + this.title.toLowerCase()).css("top", offset.top - $("div#" + this.title.toLowerCase()).height() - 3);
        $("div#" + this.title.toLowerCase()).css("padding", "2px 15px 2px 15px");
        $("div#" + this.title.toLowerCase()).css("background-image", "url(../img/trans.png)");
        $("div#" + this.title.toLowerCase()).css("position", "absolute");
        $("div#" + this.title.toLowerCase()).css("z-index", "999");

        $("div#" + this.title.toLowerCase()).mouseover(function () {
            $(this).css("display", "block");
        });
        $("div#" + this.title.toLowerCase()).mouseout(function () {
            $(this).css("display", "none");
        });
        $(this).mouseout(function () {
            $("div#" + this.title.toLowerCase()).css("display", "none");
        });
    });
});