
function PicLayer(){
    var divPic;
    var divHtml = '';
    divPic = document.createElement('div');
    divPic.id = 'divStayTopLeft';
    divPic.style.position = 'absolute';
    divPic.style.zIndex = '4';

    var pathSteps = document.URL.replace('http://','').split('/').length - 1;
    var relPath = '';
    for(var i = 0; i < pathSteps; i++)
    {
        relPath += '../';
    }
    //---------------------------------------------------------------------------------------------
    var divMaster = document.createElement('div');
    divMaster.id = 'PopupMasterContainer';
    
    var divHandle = document.createElement('div');
    divHandle.id = 'PopupTopHandle';
    divHandle.className = 'popupDragBar';
    
    var divButtons = document.createElement('div');
    divButtons.id = 'PopupTopButtons';
    divButtons.className = 'popupButtonContainer';
    
    var imgClose = new Image();
    imgClose.className = 'popupCloseIcon';
    imgClose.src = relPath + 'PopUp/images/closeWin.jpg';
    imgClose.id = 'IcnClose';
    imgClose.alt = 'Close';
    imgClose.width = '16';
    imgClose.height = '16';
    
    var divTitle = document.createElement('div');
    divTitle.id = 'PopupTopTitle';
    divTitle.className = 'popupWindowTitle';
    
    var divContent = document.createElement('div');
    divContent.id = 'PopupContent';
    divContent.className = 'popupConsole';
    //---------------------------------------------------------------------------------------------
    var existingElem = document.getElementById('toolTipLayer');
    var parent = existingElem.parentNode;
    var newChild = parent.appendChild(divPic);
    //---------------------------------------------------------------------------------------------
    newChild.appendChild(divMaster);
        divMaster.appendChild(divHandle);
            divHandle.appendChild(divButtons);
                divButtons.appendChild(imgClose);
            divHandle.appendChild(divTitle);
        divMaster.appendChild(divContent);
        
    g_popup = new PopupLayer('PopupMasterContainer','Click to drag...');
    g_popup.hide();
    STM_FloatLayerDiv('divStayTopLeft');
}
//---------------------------------------------------------------------------------------------
var verticalpos="fromtop"
function STM_FloatLayerDiv(floatId)
{
  var startX = 3,
  startY = 60;
  var ns = (navigator.appName.indexOf("Netscape") != -1);
  var d = document;
  var ftlObj;
  if(floatId == 'undefined' || floatId == null)
  {
    ftlObj = ml("divStayTopLeft");
  }else{
    ftlObj = ml(floatId);
  }
  function ml(id)
  {
      var el = d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id];
      if(d.layers)
      {
      	el.style=el;
      }
      el.sP = function(x,y)
      {
      	this.style.left=x;this.style.top=y;
      };
      
      el.x = startX;
      if (verticalpos=="fromtop")
      {
      	el.y = startY;
      }
      else
      {
          el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
          el.y -= startY;
      }
      return el;
  }
  window.stayTopLeft=function()
  {
      if (verticalpos=="fromtop")
      {
          var pY = ns ? pageYOffset : document.body.scrollTop;
          ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else
      {
          var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
          ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
  }
  stayTopLeft();
}