function hideModalObj(obj){
			obj = x$(obj);
			if (obj)	{ xStyle("display", "none", obj);	
			}
		}
		function showModalObj(obj){
			obj = x$(obj);
			if (obj)	{ xStyle("display", "inline", obj);	
			}
		}
    
    var currentModalLayer, currentModalBkgd, documentHeight; 
   if(document.body)
   {
   documentHeight=  document.body.scrollHeight || document.height; 
   } 
   //function showModalPop(modalLayer, hideOnClickOut, height, width, top, left){
   //MOOdalBox.open( // case matters
	//			"/controls/dtc/common/RealTimeController.aspx", // the link URL
	//			"", // the caption (link's title) - can be blank
	//			"" // width and height of the box - can be left blank
	//			);
    //}
    function showModalPop(modalLayer, hideOnClickOut, height, width, top, left){
	
      if (currentModalLayer)  return;
      if (modalLayer) currentModalLayer = modalLayer;
    
      var modalBH = document.body.scrollHeight || document.height;
      var modalBW = document.body.scrollWidth || document.width;
    
      var popBgId = 'popbg';
      popBgId += 'Gray';
      if (hideOnClickOut) popBgId += 'Clickable';
      else  popBgId += 'Nonclickable';
      currentModalBkgd = x$(popBgId);
         
      xStyle("height", modalBH, currentModalBkgd);
      xStyle("width", modalBW, currentModalBkgd);
    
      if (height) xStyle("height", height, currentModalLayer);
      if (width) xStyle("width", width, currentModalLayer);
    
	  documentHeight=  document.body.scrollHeight || document.height;
	  
      var modalTop = top || 120;
      if (window.pageYOffset){
        modalTop += window.pageYOffset;
      }else if (document.documentElement.scrollTop){
        modalTop += document.documentElement.scrollTop;
      }else if (document.body.scrollTop){
        modalTop += document.body.scrollTop;
      }
     
      var currentModalLayerHeight=x$(currentModalLayer).scrollHeight
      if(modalTop+currentModalLayerHeight > documentHeight)
      {
		var modalTopDiff=(modalTop+currentModalLayerHeight)-documentHeight
		modalTop=(modalTop-modalTopDiff)
      }
      xStyle("top", modalTop + 'px', currentModalLayer);
      
      if (left){
        if (window.pageYOffset){
          left += window.pageXOffset;
        }else if (document.documentElement.scrollLeft){
          left += document.documentElement.scrollLeft;
        }else if (document.body.scrollLeft){
          left += document.body.scrollLeft;
        }
        xStyle("left", left + 'px', currentModalLayer);
      }
      
      var oDrops = xTag$("select");
      
      var oTxtAreas = xTag$("textarea");
      
      xEach(oDrops, func = function(oDrop, iPos, lLen){
									if(!xHasClass(oDrop, "popupDrop")){
                                  //hideModalObj(oDrop);
								  }
                              });
      xEach(oTxtAreas, func = function(oTxtArea, iPos, lLen){
                              //hideModalObj(oTxtArea);							  
                          });
                          
      showModalObj(currentModalBkgd, 'display');
      showModalObj(currentModalLayer, 'display');
    }
    
    function hideModalPop(){
    
        if (!(currentModalLayer)) return;
      
        hideModalObj(currentModalLayer, 'display');
        hideModalObj(currentModalBkgd, 'display');
        
        var oDrops = xTag$("select");
        var oTxtAreas = xTag$("textarea");
        xEach(oDrops, func = function(oDrop, iPos, lLen){
                                showModalObj(oDrop);
                            });
        xEach(oTxtAreas, func = function(oTxtArea, iPos, lLen){
                                showModalObj(oTxtArea);
                            });
                            
        currentModalLayer = null;
        currentModalBkgd = null;
    }