jQuery.fn.modalContactForm = function() {
  $(this).each(function(){
    $(this).click(function () {
      $('object').css('visibility', 'hidden');
      var i = new Image();
      $(i).css({'opacity':'0','position':'absolute','z-index':'-1'});
      $('body').prepend(i);
      $(i).bind("load", function(){
        $('body').prepend('\
<div id="modal_mask" style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; z-index: 1; display: none; cursor: pointer;">\
</div>\
<div id="modal_contact_form" style="font-family: \'Trebuchet MS\', Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; width: 538px; height: 488px; margin: 0px 0px 0px -283px; position: fixed; top: 50%; left: 50%; background: url(\'/style/images/contact-form-background.png\'); color: #fff; z-index: 2; display: none;">\
  <div class="movie" id="movie_contact" style="position: absolute; width: 192px; height: 108px; right: 36px; top: 76px;"></div>\
  <form method="post" action="">\
    <table style="margin: 24px 0px 0px 19px;">\
      <tr>\
        <td>\
          &nbsp;\
        </td>\
        <td style="color: #5eb447; font-weight: bold; font-size: 36px; padding-bottom: 5px;">\
          <img src="/style/images/contact-form-get-started.png" alt="" style="float: left; width: 222px; height: 33px;" />\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: right; padding: 0px 4px 7px 0px;">\
          Name\
        </td>\
        <td style="padding-bottom: 7px;">\
          <input type="text" name="Name" style="width: 218px; height: 14px; border: 1px solid #c7ccc1;" />\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: right; padding: 0px 4px 7px 0px;">\
          Email\
        </td>\
        <td style="padding-bottom: 7px;">\
          <input type="text" name="Email" style="width: 218px; height: 14px; border: 1px solid #c7ccc1;" />\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: right; padding: 0px 4px 7px 0px;">\
          Phone\
        </td>\
        <td style="padding-bottom: 7px;">\
          <input type="text" name="Phone" style="width: 218px; height: 14px; border: 1px solid #c7ccc1;" />\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: right; padding: 0px 4px 7px 0px;">\
          Site URL\
        </td>\
        <td style="padding-bottom: 7px;">\
          <input type="text" name="Site URL" style="width: 218px; height: 14px; border: 1px solid #c7ccc1;" />\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: right; padding: 0px 4px 9px 0px; vertical-align: top;">\
          Message\
        </td>\
        <td style="padding-bottom: 9px;">\
          <textarea name="Message" rows="4" cols="40" style="width: 422px; height: 100px;" /></textarea>\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: right;" colspan="2">\
          <div id="recaptcha_placeholder" style="height: 129px; float: right; margin-left: 10px;"></div>\
          <div style="margin-top: 85px; line-height: 15px;">\
            Anti-Spam Code:\
            <br />\
            <a href="javascript:Recaptcha.reload();" style="font-weight: bold; color: #00bff3; text-decoration: none;">\
              If you can\'t read the\
              <br />\
              code, click here.\
            </a>\
          </div>\
        </td>\
      </tr>\
      <tr>\
        <td style="text-align: center; padding-top: .5em;" colspan="2">\
          <input type="hidden" name="Form" value="Get Started" />\
          <input type="image" src="/style/images/contact-form-submit.png" alt="Submit" border-style: none; width: 70px; height: 33px;" id="modal_form_submit" />\
        </td>\
      </tr>\
    </table>\
  </form>\
  <div id="modal_close_button" style="right: 15px; bottom: 14px; position: absolute; color: #fff; cursor: pointer; font-weight: bold;">Close</div>\
</div>\
        ');
        Recaptcha.create(
          '6Lee8wUAAAAAAKBSqdHrSRSK44-aoft73eOrf_n9',
          'recaptcha_placeholder',
          {
            theme: 'white',
            callback: Recaptcha.focus_response_field
          }
        );
        if ($f("movie") !== null) {
          $f("movie").stop();
        }
        $f("movie_contact","/style/flowplayer/flowplayer-3.2.2.swf",{
          plugins: {
            controls: null
          },
          playlist: [
            '/movies/contact.mp4'
          ]
        });
        $('div#modal_contact_form').css('margin-top', ($('div#modal_contact_form').height() + 26) * -1 / 2 + 'px').fadeIn();
        $('div#modal_contact_form form').submit(function () {
          $('input#modal_form_submit').attr({disabled: 'disabled', value: 'Please wait...'});
          $.ajax({
            type: 'POST',
            url: '/scripts/forms/contact.json.php',
            dataType: 'json',
            data: $(this).serialize(),
            success: function (json) {
              if (json.success) {
                $('div#modal_contact_form form').hide();
                $('div#movie_contact').css({'top' : '256px', 'right' : '90px', 'width' : '384px', 'height' : '216px'});
                $f("movie_contact").play('movies/thank-you.mp4');
                $('div#modal_contact_form').prepend(json.message);
              }
              else {
                $('input#modal_form_submit').removeAttr('disabled').attr('value', 'Submit');
                Recaptcha.reload();
                alert('Error: ' + json.message);
              }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
              alert('There was an error sending your message.');
            }
          });
          return false;
        });
        $('div#modal_mask').fadeTo(null, .75).click(function () {
          $('div#modal_contact_form').fadeOut(null, function () {
            $(this).remove();
            $('object').css('visibility', 'visible');
          });
          $(this).fadeOut(null, function () {
            $(this).remove();
          });
        });
        $('div#modal_close_button').click(function () {
          $('div#modal_contact_form').fadeOut(null, function () {
            $(this).remove();
          });
          $('div#modal_mask').fadeOut(null, function () {
            $(this).remove();
            $('object').css('visibility', 'visible');
          });
        });
      }).attr('src', '/style/images/contact-form-background.png');
    })
  });
}