$(function() {
  $('a#add-comment-link').click(function(e) {
    e.preventDefault();
    var $this = $(this);
    var horizontalPadding = 30;
    var verticalPadding = 30;
    $('<iframe id="commentFrame" src="http://cms.aspeneducation.com/utils/blogComment.aspx?id=' + $this.attr('rel') + '" />').dialog({
      title: ($this.attr('title')) ? $this.attr('title') : 'Add a Comment',
      autoOpen: true,
      width: 600,
      height: 400,
      modal: true,
      resizable: false,
      autoResize: false,
      overlay: {
        opacity: 0.5,
        background: "black"
      }
    }).width(600 - horizontalPadding).height(400 - verticalPadding);
  });
});