function PopupDialog() {
}

PopupDialog.prototype = {
	url: '',
	open: function(url, title, big) {
		this.url = url;
		var header_position = $('#header2').position();
		var scroll_top = $(document).scrollTop();
		var top = scroll_top < header_position.top ? header_position.top : scroll_top;
		top -= scroll_top;
		var height = $(window).height();
		var margin = 30;
		top += margin;
		height -= margin * 2;
		if(!title) title = '';
		var $content = $('<div id="popup" title="' + title + '" class="flora"></div>');
		var width = big ? '90%' : 700;
		$content.dialog({
			height: height,
			position: ['center', top],
			width: width,
			draggable: false,
			resizable: false,
			modal: true,
			close: this.close
		});
		$('.ui-dialog-overlay').css({
			'opacity': '0.5',
			'height': $('body').height() + height
		});
		if(scroll_top < header_position.top) $(window).scrollTop(header_position.top);
		var $dialog = $('div.ui-dialog');
		var $title = $('div.ui-dialog-titlebar');
		var dheight = $dialog.innerHeight() - $title.outerHeight() - 4;
		var dwidth = $dialog.innerWidth() - 4;
		var $ifrm = $('<iframe scrolling="auto" frameborder="0" align="left" name="popup"></iframe>')
			.css({
				'height': dheight,
				'width': dwidth
			})
			.attr('src', url)
			.appendTo($content);
	},

	close: function() {
	 	$('div#popup').dialog('destroy').remove();
	}
}