html = ''
+'<div id="popup" style="visibility:visible;display:none;top:0px;">'
+'<div id="popupbgnd" onclick="cancelpopup();"></div>'
+'<table><tr><td>'
+'<div id="popupmsg"></div>'
+'</td></tr></table>'
+'</div>';

document.write(html);

function openpopup(){
 getElem('popupmsg').innerHTML = '';
 //getElem('popup').style.visibility = 'visible';
 getElem('popup').style.display = 'block';
 //setpopupposition();
 hideselectboxes();
 }
function cancelpopup() {
 //getElem('popup').style.visibility = 'visible';
 getElem('popup').style.display = 'none';
 getElem('popupmsg').innerHTML = '';
 showselectboxes();
 }

function hideselectboxes() {
 var dropdowns = $$('select');
 dropdowns.each(function(el,i){
  el.style.visibility = 'hidden';
  });
}
function showselectboxes() {
 var dropdowns = $$('select');
 dropdowns.each(function(el,i){
  el.style.visibility = 'visible';
  });
}

//var fxpopupmsg = new Fx.Morph('popupmsg', {duration: 100, link:'cancel', transition:Fx.Transitions.Quad.easeInOut });
function setpopupposition(){
$('popup').setStyles({
	'top':[getScrollTop()]
});
//fx2.start({top:[scrpos]});
 }