$(document).ready(function() {
        $('#overlayOpenerOnClick').hover(function() {
            $('#overlay').show("fast");
        }, function() {
          //$('#overlay').hide();
        });

        $("#overlayOpenerOnClick").live('click', function(event) {
            $(".popup").slideFadeToggle();
            return false;
        });

        $(".close").live('click', function() {
            $(".popup").slideFadeToggle();
            return false;
        });

        $(window).resize(function() {
            $('#overlay').center();
        });


        $('#overlay').center();

    });

    $.fn.slideFadeToggle = function(easing, callback) {
        return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback);
    };

    $.fn.center = function () {
        this.css('position','absolute');
        this.css('top', ( $(window).height() - this.height() ) / 2 + $(window).scrollTop() + 'px');
        this.css('left', ( $(window).width() - this.width() ) / 2 + $(window).scrollLeft() + 'px');
        return this;
    }