$(function() {
  $('a.overlay').click(function() {
    var overlay = $('<div class="overlay"></div>');
    $('body').append(overlay);
    overlay.hide();

    var url = $(this).attr('href');

    var tint = $('<div class="tint"></div>').css({
      backgroundColor: 'black',
      position: 'fixed',
      top: 0,
      left: 0,
      width: '100%',
      height: '100%',
      zIndex: 1000
    });
    tint.hide();
    $('body').append(tint);
    tint.fadeTo('slow', 0.5);

    tint.click(function () {
      overlay.fadeTo('fast', 0, function() {
        overlay.remove();
      });
      tint.fadeTo('slow', 0, function() {
        tint.remove();
      });
    });

    overlay.fadeTo('fast', 1);
    $.get(url, function(data) {
      overlay.html(data);
    });
    //, function() {
    //}); //, function() {
     // $(this).fadeTo('fast', 1);

    /*  overlay.find('form').submit(function() {
        $(this).ajaxSubmit({target: overlay});

        return false;
      });*/
    //});

    return false;
  });
});