function show_popup_box(popup_box_id, popup_contents) {          
    var popup_data = $(popup_contents);

    box_width = parseInt(popup_data.css('width'));
    if (!box_width || box_width < 600) box_width = 600;    
    box_height = parseInt(popup_data.css('height'));
    if (!box_height) box_height = 650;    

	if (navigator.appName=='Microsoft Internet Explorer') {
        $('#popup_bg').width($(document).width());
        $('#popup_bg').height($(document).height());
	} else {
        $('#popup_bg').width($(document).width());
        $('#popup_bg').height($(document).height());
	}
    
    $('#popup_bg').css('opacity', '0');
	$('#popup_bg').css('display', 'block');
    $('#popup_bg').animate({opacity: 0.65}, {queue: 'global', duration: 350, complete: function() {

        $('#'+popup_box_id).html('');
        $('#'+popup_box_id).css('left', $(window).width() / 2 - 5);
        $('#'+popup_box_id).css('top',$(window).scrollTop() + $(window).height() / 2 - 5);
        $('#'+popup_box_id).width(10);
        $('#'+popup_box_id).height(10);
        $('#'+popup_box_id).css('display', 'block');
        $('#'+popup_box_id).animate({height: box_height, top:"-="+box_height/2+"px"}, {queue: 'global', duration: 350});
        $('#'+popup_box_id).animate({width: box_width, left: "-="+box_width/2+"px"}, {queue: 'global', duration: 350, complete: function() {                
                $('#'+popup_box_id).html(popup_contents);
        }});

    }});
           
}

function hide_popup_box(popup_box_id) {
    var finalTop = $('#'+popup_box_id).position().top + $('#'+popup_box_id).height() / 2;    

    $('#'+popup_box_id).html('');
    $('#'+popup_box_id).animate({width: 10, left: $(window).width() / 2 - 5}, {queue: 'global', duration: 350});
    $('#'+popup_box_id).animate({height: 0, top: finalTop}, {queue: 'global', duration: 350, complete: function() {
            $(this).css('display','none');
    }});
    $('#popup_bg').animate({opacity: 0}, {queue: 'global', duration: 350, complete: function() {
            $(this).css('display', 'none');
    }});

}