var Xoffset=0;        // modify these values to ...
var Yoffset=20;        // change the popup position.
var popwidth=400;       // popup width

// create content box
document.write("<DIV ID='pup'></DIV>");

// id browsers
var iex=(document.all);
var nav=(document.layers);
var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById);
var n_6=(window.sidebar);

// assign object
var skin;
if(nav) skin=document.pup;
if(iex) skin=pup.style;
if(n_6) skin=document.getElementById("pup").style;

// park modifier
var yyy=-1000;

// capture pointer
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",get_mouse,true);
if(nav||iex)document.onmousemove=get_mouse;

// set dynamic coords
function get_mouse(e)
{
  var x,y;

  if(nav || n_6) x=e.pageX;
  if(iex) x=event.x+document.body.scrollLeft;

  if(nav || n_6) y=e.pageY;
  if(iex)
  {
    y=event.y;
    if(navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  }

  if(iex || nav)
  {
    skin.top=y+yyy;
    skin.left=x+Xoffset;
  }

  if(n_6)
  {
    skin.top=(y+yyy)+"px";
    skin.left=x+Xoffset+"px";
  }
  nudge(x);
}

// avoid edge overflow
function nudge(x)
{
  var extreme,overflow,temp;

  // right
  if(iex) extreme=(document.body.clientWidth-popwidth);
  if(n_6 || nav) extreme=(window.innerWidth-popwidth);

  if(parseInt(skin.left)>extreme)
  {
    overflow=parseInt(skin.left)-extreme;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }

  // left
  if(parseInt(skin.left)<1)
  {
    overflow=parseInt(skin.left)-1;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }
}

// write content & display
function popup(msg)
{

  var content="<TABLE WIDTH='"+popwidth+"' style=\"border:2px solid #000000\" CELLPADDING=2 CELLSPACING=0 BGCOLOR='white'><TD class='popup'>"+msg+"</TD></TABLE>";

  if(old)
  {
    alert(msg);
    return;
  }

  yyy=Yoffset;
  skin.width=popwidth;

  if(nav)
  {
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }

  if(iex)
  {
    pup.innerHTML=content;
    skin.visibility="visible";
  }

  if(n_6)
  {
    document.getElementById("pup").innerHTML=content;
    skin.visibility="visible";
  }
}

// write content & display
function popup2(image,title,bg,msg)
{
  var content="<table style=\"border:2px solid #000000\" BGCOLOR='white' height='94' width='400' border='0' cellpadding='0' cellspacing='0'><tr><td style=\"border-right:2px solid #000000\" width='98'><img src='img/"+image+"'></td><td><table height='94' border='0' cellpadding='0' cellspacing='0'><tr><td style=\"border-bottom:2px solid #000000 \" height='30' bgcolor='"+bg+"'><img src='img/"+title+"'></td></tr><tr><td style=\"padding: 3px\" valign='top' align='left' class='popup'>"+msg+"</td></tr></table></td></tr></table>";

  if(old)
  {
    alert(msg);
    return;
  }

  yyy=Yoffset;
  skin.width=popwidth;

  if(nav)
  {
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }

  if(iex)
  {
    pup.innerHTML=content;
    skin.visibility="visible";
  }

  if(n_6)
  {
    document.getElementById("pup").innerHTML=content;
    skin.visibility="visible";
  }
}

// write content & display
function popup3(image)
{

  var content="<TABLE WIDTH='"+popwidth+"' style=\"border:2px solid #000000\" CELLPADDING=0 CELLSPACING=0 BGCOLOR='white'><TD class='popup'><img src='"+image+"'></TD></TABLE>";

  if(old)
  {
    alert(msg);
    return;
  }

  yyy=Yoffset;
  skin.width=popwidth;

  if(nav)
  {
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }

  if(iex)
  {
    pup.innerHTML=content;
    skin.visibility="visible";
  }

  if(n_6)
  {
    document.getElementById("pup").innerHTML=content;
    skin.visibility="visible";
  }
}


// park content box
function kill()
{
  if(!old)
  {
    yyy=-1000;
    skin.visibility="hidden";
    skin.width=0;
  }
}

