$(document).ready(function() {

    $(".popuptop1 h4").hover(function() {

        $(this).next("div").stop(true, true).animate({ opacity: "show", bottom: "20" }, "slow");
    }, function() {
        $(this).next("div").animate({ opacity: "hide", bottom: "35" }, "fast");
    });

    $(".popupbottom h4").hover(function() {
        
        $(this).next("div").stop(true, true).animate({ opacity: "show", top: "20" }, "slow");
    }, function() {
        $(this).next("div").animate({ opacity: "hide", top: "35" }, "fast");
    });

    $(".popupright h4").hover(function() {

        $(this).next("div").stop(true, true).animate({ opacity: "show", left: "20" }, "slow");
    }, function() {
        $(this).next("div").animate({ opacity: "hide", left: "35" }, "fast");
    });

    $(".popupleft h4").hover(function() {

        $(this).next("div").stop(true, true).animate({ opacity: "show", right: "20" }, "slow");
    }, function() {
        $(this).next("div").animate({ opacity: "hide", right: "35" }, "fast");
    });


});