$(document).ready(function() {
    $("#imgpopup").mouseover(function() {
        var $offset = $(this).offset();
        var $panel = $("#popuppanel");
        if ($panel.css("display") == "none") {
            $panel.slideToggle(400);
            $(this).attr("src", "images/popup2.gif");
            $panel.css('top', $offset.top - 25);
        }

    });

    $("#popuppanel").hover(
            function() { },
            function() {
                $(this).slideUp(500);
                $("#imgpopup").attr("src", "images/popup.gif");

            });
});