// browser detection
ie4 = (document.all)? true:false;
ns4 = (document.layers)? true:false;

// starting and ending frame html codes
topframestart = "<table border=0 cellspacing=0 cellpadding=0><tr><td colspan=3><img src=\"../../images/general/upleft.gif\" width=10 height=10><img src=\"../../images/general/horizframe.gif\" width=400 height=10>";
topframeend   = "</tr><tr><td background=\"../../images/general/vertframe.gif\" width=10>&nbsp;</td><td width=400 bgcolor=\"#1C62AE\" align=\"JUSTIFY\" valign=\"TOP\"><font face=\"Verdana\" size=1 class=\"notransperency\">";
endframe   = "</font></td><td background=\"../../images/general/vertframe.gif\" width=10>&nbsp;</td></tr><tr><td colspan=3><img src=\"../../images/general/lowleft.gif\" width=10 height=10><img src=\"../../images/general/horizframe.gif\" width=400 height=10><img src=\"../../images/general/lowright.gif\" width=10 height=10></td></tr></table></div>";

// mouse position
  var mPosX = 0;
  var mPosY = 0;

  document.onMouseMove = getMousePos;
  
if (ns4)
{
  document.captureEvents(Event.MOUSEMOVE);
}

function writeLayer(layerID, text)
  // generates a new layer in the current document
  {
    if (ns4)
      document.write("<div id=\"" + layerID + "\" class=\"popupns\">" + topframestart + "<a href=\"JavaScript:hide('" + layerID + "', true);\"><img src=\"../../images/general/upright.gif\" width=10 height=10 border=0></a></td>" + topframeend + text + endframe)
    else if (ie4)
      document.write("<div id=\"" + layerID + "\" class=\"popupie\">" + topframestart + "<a href=\"JavaScript:hide('" + layerID + "', true);\"><img src=\"../../images/general/upright.gif\" width=10 height=10 border=0></a></td>" + topframeend + text + endframe);
  }

function getMousePos(mPos)

  // Gets the mouse position
  {
    if (ns4)
    {
      mPosX = mPos.pageX;
      mPosY = mPos.pageY;
    }
    if (ie4)
    {
      mPosX = event.x;
      mPosY = event.y
    }
  }

var theLayer;
  
var bubbling = false;

function bubbleShow(layerID)
  // Show the window in a bubbular manner
  {
    if (layerID.clip.bottom < 500)
    {
      layerID.clip.bottom += layerID.clip.bottom +1;
      setTimeout("bubbleShow(theLayer)", 1);
    }
    else
    {
      bubbling = false;
    }
  }

function show(layerID, incrementalShow, framesize)
  // Shows the layer
  {
    windowWidth  = 420;
    if (ns4)
    {
      eval("theLayer = document." + layerID);
      if (!bubbling)
      {
        // check window size and layer position and correct accordingly to screen size
        if (window.innerWidth > (windowWidth +40))
        {
          if ( (mPosX + windowWidth +10) < window.innerWidth )
            theLayer.left = mPosX
          else
            theLayer.left = window.innerWidth - windowWidth -10;
          
          if (framesize == 0) 
		    theLayer.top = mPosY +10
		  else
		  {
		    if (framesize == -1)
			  theLayer.top = 0
		    if (framesize == 1)
		      theLayer.top = 20
			if (framesize == 2)
			  theLayer.top = 50
			if (framesize == 3)
			  theLayer.top = 80
			if (framesize == 4)
			  theLayer.top = 100
			if (framesize == 5)
			  theLayer.top = 250;
		  }
			
          theLayer.visibility = "show";
        
          if (incrementalShow)
          {
            bubbling = true;
            setTimeout("bubbleShow(theLayer)", 1);
          }
          else
          {
            theLayer.clip.bottom = 500;
          }
        }
        else
          alert("Not enough room to display window, please resize your browser");
      }
    }
    else if (ie4)
    {
      eval("theLayer=" + layerID + ".style");
      
        if ( eval("event.x + windowWidth +40") < screen.availWidth )
          theLayer.left = event.x
        else
          theLayer.left = screen.availWidth - windowWidth -40;

          if (framesize == 0) 
            theLayer.top = 10 + event.y
		  else
		  {
		    if (framesize == -1)
			  theLayer.top = 0
		    if (framesize == 1)
		      theLayer.top = 20
			if (framesize == 2)
			  theLayer.top = 50
			if (framesize == 3)
			  theLayer.top = 80
			if (framesize == 4)
			  theLayer.top = 100
			if (framesize == 5)
			  theLayer.top = 250;
		  }
		  
      theLayer.visibility = "visible";
    }
  }

function hide(layerID)
  // hides the layer
  {
    if (ns4)
    {
      eval("theLayer = document." + layerID);
      theLayer.clip.bottom = 0;
      theLayer.visibility = "hide";
    }
    else if (ie4) 
    {
      eval("theLayer = " + layerID + ".style");
      
      theLayer.visibility = "hidden";
      theLayer.top        = 0;
      theLayer.left       = 0;
    }
  }