APEX

Hello all!

I have a popup that displays a report region. I now want it to display more than one region, say a report region and another report region underneath it.

Here's the code that I currently have (and this one can popup one region):

$.fx.speeds._default = 1000;

$( function(){
  $('#ModalForm').dialog(
   {
     modal: true,
     autoOpen: false,
     width: 650,
     height: 450,
     buttons:{ Calculate: function(){calculateTotal();},
                     Close: function(){closeForm();}         
   }
  });
});

function openForm(pFoodTemplateId, pMealTypeId)
{
var getone = new htmldb_Get('shiny',&APP_ID.,"APPLICATION_PROCESS=DUMMY", &APP_PAGE_ID.); // initialize get 
getone.add('P24_TEMPLATEID', pFoodTemplateId);
getone.add('P24_MEALID', pMealTypeId);
gReturn = getone.get();
getone = null;

$('#ModalForm').dialog('open');
}

function closeForm()
{$('#ModalForm').dialog('close');}

$(document).ready(function() 
    {$('a.temppop').click(function() {openForm();});
});

The class of the button (or in my case, the link in another region that's not displayed as a popup) is temppop.

QUESTION:_
How do I edit my existing code, so that it can now display another region?

The ID of the region it displays now is ModalPopup. I would like to add another region, with another ID off course. Pick any ID, as long as you can explain to me how.