/*
 * This functions displays a overlay popup like it is very in at the moment
 * e.g.  
 * we need a div for the popup
 *   <div class="jqmWindow" id="popup"><img id="popupClose" src="x.gif" alt="X" />Hello World</div>
 * then call it like 
 *   var popup = new popupOverlay(popup, popupClose);
 * 
 * @requires jQuery http://jquery.com
 * @requires jqModal http://dev.iceburg.net/jquery/jqModal/
 * 
 */

function popupOverlay(dialogId, closeId){
		
   //check for IE 6
   var userAgent = navigator.userAgent;
   var browserName;
   var browserVersion;
   if(userAgent.match('MSIE')){
      browserName = 'IE';
      arrParts = userAgent.split(';');
      version = arrParts[1].split('MSIE');
      browserVersion = version[1];
   }

   //init popup
   var element = null;
   var destructor = function(hash){destruct(hash)};
   
   //quasi destructor for jQuery
   function destruct(hash){
       element = null;
       hash.w.hide(); 
       hash.o.remove();
   };
	
   if($('div#'+dialogId).size() > 0){
      //we use jQuery-Plugin jqModal.
      element = $('div#'+dialogId);
      
      //set layout
      if(browserName == 'IE' && browserVersion<=6) {
         element.jqm({overlay: 0, modal:true, css:{cursor:'pointer'}, onHide:destructor, overlayClass:''});
         element.css('background-color','#dfdfdf');
      }
      else {
         element.jqm({overlay: 60, modal:true, css:{cursor:'pointer'}, onHide:destructor, overlayClass:'jqmOverlay'});
      }
      
      $('#' + closeId).one("click", function(){	try { element.jqmHide(); } catch(e) { } });

      element.jqmShow();
      
      return true;
      
   }
   else{
   	
      return false;
      
   }

}