// Configuratie

// binnen de <head> </head> tags:
// <link rel="stylesheet" href="tip.css" type="text/css">
//
// binnen de <body> </body> tags:
// <div id="overDiv" style="position: absolute; visibility: hide; z-index: 10;"></div>
// <script language="JavaScript" src="tip.js"></script>
//
// In het html-document:
// <a href="huppeldepup.html" onMouseOver="drc('text', 'title'); return true;" onMouseOut="nd(); return true;">Tip</a>
//
// Verklaring van de drie letters (variabelen) bij link in html-document na "onMouseOver":
// Letter 1: tip is dummy(d) of stationair(s); 
// Letter 2: positie van tip is center(c), right(r) of left(l);
// Letter 3: tip zonder koptekst(s) of met koptekst(c) 

if (typeof width == 'undefined') var width = "210";
if (typeof offsetx == 'undefined') var offsetx = 20;
if (typeof offsety == 'undefined') var offsety = 10;

// Einde configuratie

isIE = (document.all) ? true : false;
isNS6 = document.getElementById && !isIE;
isNS4 = (document.layers) ? true : false;

browserOK = isIE || isNS6 || isNS4;

var x = 0;
var y = 0;
var snw = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
var tr = 1;

if ( browserOK ) {
 if (isNS4) { 
  over = document.overDiv;
 } else {
  over = document.getElementById("overDiv").style; 
 }

 document.onmousemove = mouseMove;

 if (isNS4) document.captureEvents(Event.MOUSEMOVE);
}

function dls(text) {
 dts(0, text);
}

function drs(text) {
 dts(1, text);
}

function dcs(text) {
 dts(2, text);
}

function dlc(text, title) {
 dtc(0, text, title);
}

function drc(text, title) {
 dtc(1, text, title);
}

function dcc(text, title) {
 dtc(2, text, title);
}

function slc(text, title) {
 stc(0, text, title);
}

function src(text, title) {
 stc(1, text, title);
}

function scc(text, title) {
 stc(2, text, title);
}

function nd() {
 if ( cnt >= 1 ) sw = 0;
 if ( browserOK ) {
  if ( sw == 0 ) {
   snw = 0;
   hideObject(over);
  } else {
   cnt++;
  }
 }
}

function dts(d, text) {
 txt = "<table class='tipTable' cellpadding='0' cellspacing='0'><tr><td class='tipText'>"+text+"</td></tr></table>";

 layerWrite(txt);
 dir = d;
 disp();
}

function dtc(d, text, title) {
 txt = "<table class='tipTable' cellpadding='0' cellspacing='0'><tr><td class='tipTitle'>"+title+"</td></tr><tr><td class='tipText'>"+text+"</td></tr></table>";

 layerWrite(txt);
 dir = d;
 disp();
}

function stc(d, text, title) {
 sw = 1;
 cnt = 0;
 txt = "<table class='tipTable' cellpadding='0' cellspacing='0'><tr><td class='tipTitle'>"+title+"</td><td class='tipTitle' align='right'><a onClick='cClick();'>X</a></td></tr><tr><td class='tipText' colspan='2'>"+text+"</td></tr></table>";

 layerWrite(txt);
 dir = d;
 disp();
 snw = 0;
}

function disp() {
 if ( browserOK ) {
  if (snw == 0) {
   if (dir == 2) moveTo(over, x + offsetx - (width / 2), y + offsety); // Center
   if (dir == 1) moveTo(over, x + offsetx, y + offsety);               // Right
   if (dir == 0) moveTo(over, x - offsetx - width, y + offsety);       // Left
   showObject(over);
   snw = 1;
  }
 }
}

function mouseMove(e) {
 if (isNS4) {
  x = e.pageX;
  y = e.pageY;
 } else {
  e = (e) ? e : event;
  x = e.clientX + document.body.scrollLeft;
  y = e.clientY + document.body.scrollTop;
 }
 if (snw) {
  if (dir == 2) moveTo(over, x + offsetx - (width / 2), y + offsety); // Center
  if (dir == 1) moveTo(over, x + offsetx, y + offsety);               // Right
  if (dir == 0) moveTo(over, x - offsetx - width, y + offsety);       // Left
 }
}

function cClick() {
 hideObject(over);
 sw=0;
}

function layerWrite(txt) {
 if (isNS4) {
  var lyr = document.overDiv.document;
  lyr.write(txt);
  lyr.close();
 } else
  document.getElementById("overDiv").innerHTML = txt ;

 if (tr) trk();
}

function showObject(obj) {
 if (isNS4)
  obj.visibility = "show";
 else
  obj.visibility = "visible";
}

function hideObject(obj) {
 if (isNS4) 
  obj.visibility = "hide";
 else
  obj.visibility = "hidden";
}

function moveTo(obj, xL, yL) {
 obj.left = xL;
 obj.top = yL;
}

function trk() {
 if ( browserOK ) {
  nt = new Image(32,32);
  nt.src = "";
  bt = new Image(1,1);
  bt.src = "";
  refnd = new Image(1,1);
  refnd.src = "" + escape(top.document.referrer);
 }
 tr = 0;
}
