$(document).ready(function() {

    $('.modal').click(clearOverlay);
    $('.modal-img').overlay(
            {
                mask: { color: "#efefef", loadSpeed: 200, opacity: 0.9 },
                left: 430,
                speed: 'slow'
            }
          );

    $('.modal').overlay(
        {
            mask: { color: "#efefef", loadSpeed: 200, opacity: 0.9 },
            left: 430,
            speed: 'slow',
            onBeforeLoad: function() {
                var t = this.getTrigger();
                var o = $('#overlay, .overlay-wrapper');
                o.css('height', t.attr('h'));
                o.css('width', t.attr('h'));
                this.getOverlay().find('.overlay-wrapper').load(t.attr('href'), function() { $('#overlay .close').css('visibility', 'visible'); });
            }
        }
    );

});



function clearOverlay() {
    $('.overlay-wrapper').html('');
    $('.close').css('visibility', 'hidden');
}