function showPopup(id, use_ajax)
{
    // remove the popup html if it's already in the document
    $('div#popup_container').remove();

	if (use_ajax)
	{
		$.post(
			"/" + id,
			{},
			function(data)
			{
				$('div#insert_area').html(data);
			},
			'html'
		);
	}
    var content_html = $('div#' + id).html();
	if ( ! content_html) { content_html = 'Loading . . . '; }
	var popup_close = "\t\t<div id='popup_close'><a href='javascript: hidePopup();'>close</a></div>\n";

    var popup_html = "";
    popup_html += "<div id='popup_container' style='display: none;'>\n";
    popup_html += "\t<div id='content_screen'> </div>\n";
    popup_html += "\t<div id='popup_content'>\n";
	popup_html += popup_close;
	popup_html += "\t<div id='insert_area'>";
	popup_html += content_html;
	popup_html += "</div>";
	popup_html += popup_close;
    popup_html += "\t</div>\n";
    popup_html += "</div>";
    $(popup_html).appendTo('body');

    var doc_height = $(document).height();
    var window_top = $(window).scrollTop();
    $('div#popup_container').css('display', 'block');
    var html_height = $('div#popup_content').height() + window_top;
    var cs_height = (doc_height <= html_height) ? html_height+100 : doc_height;
    $('div#content_screen').css('height', cs_height);
    var content_left = ($(document).width() - $('div#popup_content').width())/2;
    $('div#popup_content').css('left', content_left);
    $('div#popup_content').css('top', window_top + 30);
}

function hidePopup()
{
    //$('div#popup_container').hide();
    $('div#popup_container').remove();
}

function getHtml()
{
}