// From Sitepoint The Javascript Anthology
// Modified for use with technihowlib version
// Nigel Dahl 15/05/06
//

function initTooltips(topElem) {
	var tips;
	if (typeof topElem == "string") {
		tips = getDOMElementsByAttribute(topElem, "class", "hastooltip");
	} else {
		tips = getElementsByAttribute("class", "hastooltip");
	}

	for (var i = 0; i < tips.length; i++) {
    	addEvent(tips[i], "mouseover", showTip);
	    addEvent(tips[i], "mouseout", hideTip);
  	}
  	return true;
}

// Initialize after loading the page
addEvent(window, 'load', initTooltips);

function showTip(event) {
  if (typeof event == "undefined") {
    event = window.event;
  }

  var target = getEventTarget(event);

  while (target.className == null || !/(^| )hastooltip( |$)/.test(target.className)) {
    target = target.parentNode;
  }

  var tip = document.createElement("div");
  var content = target.getAttribute("tipcontent");

  target.tooltip = tip;
  //target.setAttribute("title", "");

  if (target.getAttribute("id") != "") {
    tip.setAttribute("id", target.getAttribute("id") + "tooltip");
  }

  tip.className = "tooltip";
  
  var scrollingPosition = getScrollingPosition();
  var cursorPosition = [0, 0];

  if (typeof event.pageX != "undefined" && typeof event.x != "undefined") {
    cursorPosition[0] = event.pageX;
    cursorPosition[1] = event.pageY;
  } else {
    cursorPosition[0] = event.clientX + scrollingPosition[0];
    cursorPosition[1] = event.clientY + scrollingPosition[1];
  }

  tip.style.position = "absolute";
  tip.style.left = cursorPosition[0] + 10 + "px";
  tip.style.top = cursorPosition[1] + 10 + "px";
  tip.style.visibility = "hidden";

  document.getElementsByTagName("body")[0].appendChild(tip);

   //alert(ShadowWindow(content));
  
  //tip.innerHTML = content;
  tip.innerHTML = ShadowWindow(content);
  ShadowFix();


  
  var viewportSize = getViewportSize();

  if (cursorPosition[0] - scrollingPosition[0] + 10 + tip.offsetWidth > viewportSize[0] - 25) {
    tip.style.left = scrollingPosition[0] + viewportSize[0] - 25 - tip.offsetWidth + "px";
  } else {
    tip.style.left = cursorPosition[0] + 10 + "px";
  }

  if (cursorPosition[1] - scrollingPosition[1] + 10 + tip.offsetHeight > viewportSize[1] - 25) {
    if (event.clientX > (viewportSize[0] - 25 - tip.offsetWidth)) {
      tip.style.top = cursorPosition[1] - tip.offsetHeight - 10 + "px";
    } else {
      tip.style.top = scrollingPosition[1] + viewportSize[1] - 25 - tip.offsetHeight + "px";
    }
  } else {
    tip.style.top = cursorPosition[1] + 10 + "px";
  }

  tip.style.visibility = "visible";

  return true;
}

function hideTip(event) {
  if (typeof event == "undefined") {
    event = window.event;
  }

  var target = getEventTarget(event);

  while (target.className == null || !target.className.match(/(^| )hastooltip( |$)/)) {
    target = target.parentNode;
  }

  if (target.tooltip != null) {
    //target.setAttribute("title", target.tooltip.innerHTML);
	target.tooltip.parentNode.removeChild(target.tooltip);
  }

  return false;
}

// EOF infobox.js