var ie = document.all ? true : false;
var ns = document.layers ? true : false;

var balSrc = 'img/popup.gif';
var balWidth = 150;
var balHeight = 63;
var leftMargin = 39;
var topMargin = 6;
var rightMargin = 13;
var bottomMargin = 24;

var pcolor = '#000000';
var pfontFamily = 'Arial,Helvetica,Sans-Serif';
var pfontSize = '75%';
var pfontWeight = '600';
var pfontStyle = 'normal';
var ptextDecoration = 'none';

var tabAnfang = '<table border=0 cellspacing=0 cellpadding=0>\n' +
                '  <tr>\n' +
                '    <td colspan=3>'+sp(1,topMargin)+'</td>\n' +
                '  </tr>\n' +
                '  <tr>\n' +
                '    <td>'+sp(leftMargin,1)+'</td>\n' +
                '    <td><table border=0 cellspacing=0 cellpadding=0 width='+(balWidth-leftMargin-rightMargin)+' height='+(balHeight-topMargin-bottomMargin)+'><tr><td valign=top class="BalText">';

var tabEnde   = '</td></tr></table></td>\n' +
                '    <td>'+sp(rightMargin,1)+'</td>\n' +
                '  </tr>\n' +
                '  <tr>\n' +
                '    <td colspan=3>'+sp(1,bottomMargin)+'</td>\n' +
                '  </tr>\n' +
                '</table>\n';

var balImg = new Image();
balImg.src = balSrc;
var balText = '<img src="'+balSrc+'" width="'+balWidth+'" height="'+balHeight+'" alt="">';

function Popup(Obj, Link, Text)
{
  Obj.onmouseout = Popdown;
  if (ns) {
    with (PopupLayer.document) {
      open();
      write(tabAnfang+Text+tabEnde);
      close();
    }
    PopupLayer.pageX = document[Link].pageX + document[Link].document.width;
    PopupLayer.pageY = document[Link].pageY;
    PopupLayer.visibility = 'show';
    Balloon.pageX = PopupLayer.pageX;
    Balloon.pageY = PopupLayer.pageY;
    Balloon.visibility = 'show';
  }
  else if (ie) {
    var lnk = document.all[Link];
    with (document.all.PopupLayer) {
      innerHTML = tabAnfang+'<span style="color: '+pcolor+'; font-family: '+pfontFamily+'; font-size: '+pfontSize+'; font-weight: '+pfontWeight+'; font-style: '+pfontStyle+'; text-decoration: '+ptextDecoration+'">'+Text+'</span>'+tabEnde;
      style.posLeft = gabslft(lnk)+lnk.offsetWidth-20;
      style.posTop = gabstop(lnk);
      style.visibility = 'visible';
    }
    with (document.all.Balloon) {
      style.posLeft = gabslft(lnk)+lnk.offsetWidth-20;
      style.posTop = gabstop(lnk);
      style.visibility = 'visible';
    }
  }
}

function Popdown()
{
  if (ns) {
    PopupLayer.visibility = 'hide';
    Balloon.visibility = 'hide';
  }
  else if (ie) {
    document.all.PopupLayer.style.visibility = 'hidden';
    document.all.Balloon.style.visibility = 'hidden';
  }
}

var PopupLoad = null;
var PopupLayer = null;
var Balloon = null;
if (ie || ns) {
  if (window.onload)
    PopupLoad = window.onload;
  window.onload = PopupInit;
}

function PopupInit()
{
  if (PopupLoad)
    PopupLoad();

  if (ns) {
    with (document.classes.BalText.all) {
      color = pcolor;
      fontFamily = pfontFamily;
      fontSize = pfontSize;
      fontWeight = pfontWeight;
      fontStyle = pfontStyle;
      textDecoration = ptextDecoration;
    }
    PopupLayer = new Layer(1);
    PopupLayer.zIndex = 4;
    PopupLayer.visibility = 'hide';
    Balloon = new Layer(1);
    Balloon.zIndex = 3;
    Balloon.visibility = 'hide';
    with (Balloon.document) {
      open();
      write(balText);
      close();
    }
  }
  else if (ie)
    document.body.insertAdjacentHTML('BeforeEnd','<span id="PopupLayer" style="position: absolute; left: 0; top: 0; width: 1; visibility: hidden; z-Index: 4">&nbsp;</span>\n<span id="Balloon" style="position: absolute; left: 0; top: 0; width: 1; visibility: hidden; z-Index: 3">'+balText+'</span>');
}

function sp(w, h)
{ return (ie ? '<img src="spacer.gif" width='+w+' height='+h+' alt="">' : '<spacer type="block" width='+w+' height='+h+'>'); }
function gabslft(l)
{ if(l.offsetParent) return (l.offsetLeft+gabslft(l.offsetParent)); else return (l.offsetLeft); }
function gabstop(l)
{ if(l.offsetParent) return (l.offsetTop+gabstop(l.offsetParent)); else return (l.offsetTop); }