/*
 * Popup Modal Dialog
 * - JQuery GUI
 * - Executred for elements with "rel=popupdetails"
 *
 */
	$(function() {
		$('a[rel*=popupdetails]').click(function(e) {
			e.preventDefault();
			var $this = $(this);
			var horizontalPadding = 30;
			var verticalPadding = 30;
	        $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({
	            title: ($this.attr('title')) ? $this.attr('title') : 'External Site',
	            autoOpen: true,
	            width: 900,
	            height: 700,
	            modal: true,
	            resizable: false,
							autoResize: true,
	            overlay: {
	                opacity: 0.8,
	                background: "black"
	            }
	        }).width(900 - horizontalPadding).height(700 - verticalPadding);	        
		});
	});