$(function() {

    var $el, $tempDiv, $tempButton, divHeight = 0;
    
    $(".widget").hover(function(){
    
        $el = $(this).css("border-color", "white");
        divHeight = $el.height() + parseInt($el.css("padding-top")) + parseInt($el.css("padding-bottom"));
                
        $tempDiv = $("<div />", {
        
            class: "overlay"
        
        })
        
        $tempButton = $("<a />", {
        
            href: "preisrechner.php",
            text: "z.Zt. keine Preisanzeige möglich - rufen Sie uns bitte an - Tel.: 06173-61349",
            class: "widget-button",
            css: {
                top: (divHeight / 2) - 50 + "px"
            }
        
        }).appendTo($tempDiv);
        
        $tempDiv.appendTo($el);
    
    }, function() {
    
        $el = $(this).css("border-color", "#999");
    
        $(".overlay").fadeOut("fast", function() {
            $(this).remove();
        })
    
    });

});