//Rich HTML Balloon Tooltip: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
//Created: September 10th, 2006
//Updated by SDNXM to support delayed appearance

var appeardelay=750 //tooltip appear delay (in miliseconds)
var disappeardelay=0 //tooltip disappear delay (in miliseconds)
var verticaloffset=0 //vertical offset of tooltip from anchor link, if any
var enablearrowhead=1 //0 or 1, to disable or enable the arrow image
var arrowheadimg=["//images.drct2u.com/content/images/freeformat/arrowdown.gif", "//images.drct2u.com/content/images/freeformat/arrowup.gif"] //path to down and up arrow images
var arrowheadheight=16 //height of arrow image (amount to reveal)
var showtimeoutids = new Array() //holds list of timeout ids for pending tooltip displays

/////No further editing needed

var ie=document.all
var ns6=document.getElementById&&!document.all
verticaloffset=(enablearrowhead)? verticaloffset+arrowheadheight : verticaloffset

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, eventtype){
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (eventtype=="mouseover")
obj.visibility="visible"
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(whichedge, offsetwidth, offsetheight){
if (whichedge=="rightedge"){
edgeoffsetx=0
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffsetx=dropmenuobj.contentmeasure-offsetwidth
return edgeoffsetx
}
else{
edgeoffsety=0
var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
edgeoffsety=dropmenuobj.contentmeasure+offsetheight+(verticaloffset*2)
return edgeoffsety
}
}

function displayballoontip(eventtype, attribute, posoffsetx, posoffsety, offsetwidth, offsetheight){ //main ballooon tooltip function
   clearhidemenu()
   dropmenuobj=document.getElementById(attribute)
   if (typeof dropmenuobj!="undefined"){
      showhide(dropmenuobj.style, eventtype)
      dropmenuobj.x=posoffsetx
      dropmenuobj.y=posoffsety+verticaloffset
      dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge("rightedge", offsetwidth, offsetheight)+"px"
      dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge("bottomedge", offsetwidth, offsetheight)+offsetheight+"px"
      if (enablearrowhead)
         displaytiparrow()
   }
}

function displaytiparrow(){ //function to display optional arrow image associated with tooltip
tiparrow=document.getElementById("arrowhead")
tiparrow.src=(edgeoffsety!=0)? arrowheadimg[0] : arrowheadimg[1]
var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0
//modify "left" value depending on whether there's no room on right edge of browser to display it, respectively
tiparrow.style.left=(edgeoffsetx!=0)? parseInt(dropmenuobj.style.left)+dropmenuobj.offsetWidth-tiparrow.offsetWidth-10+"px" : parseInt(dropmenuobj.style.left)+5+"px"
//modify "top" value depending on whether there's no room on right edge of browser to display it, respectively
tiparrow.style.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-ieshadowwidth+arrowheadheight+"px" : parseInt(dropmenuobj.style.top)-arrowheadheight+"px"
tiparrow.style.visibility="visible"
}

function delayhidemenu(){
   delayhide=setTimeout(function(){hidemenu()},disappeardelay)
}

function hidemenu(){
   if (typeof dropmenuobj!="undefined"){
      dropmenuobj.style.visibility='hidden'
      dropmenuobj.style.left=0
      if (enablearrowhead) tiparrow.style.visibility='hidden'
   }
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

function clearshowmenu(){
   //there may be a number of outstanding shows pending
   //therefore ensure that all of them are cancelled
   for (var i = 0; i < showtimeoutids.length; i++) {
      delayshow=showtimeoutids[i]
      if (typeof delayshow=="number") {
         clearTimeout(delayshow)
         showtimeoutids[i]="undefined"
      }
   } 
}

function reltoelement(linkobj){ //tests if a link has "rel" defined and it's the ID of an element on page
var relvalue=linkobj.getAttribute("rel")
return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && document.getElementById(relvalue).className=="hoverStyle")? true : false
}

function initalizetooltip(){
   var all_links=document.getElementsByTagName("a")
   if (enablearrowhead){
      tiparrow=document.createElement("img")
      tiparrow.setAttribute("src", arrowheadimg[0])
      tiparrow.setAttribute("id", "arrowhead")
      document.body.appendChild(tiparrow)
   }
   for (var i=0; i<all_links.length; i++){
      if (reltoelement(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page
         all_links[i].onmouseover=function(e){
            var evtobj=window.event? window.event : e
            var attribute=this.getAttribute("rel")
            var leftposoffset=getposOffset(this, "left")
            var topposoffset=getposOffset(this, "top")
            var offsetwidth=this.offsetWidth
            var offsetheight=this.offsetHeight
            var eventtype=evtobj.type
            clearshowmenu()
		   	if (window.event) event.cancelBubble=true
   			else if (e.stopPropagation) e.stopPropagation()
            //initiate the delayed display of the tooltip and add it to the list of pending tooltip displays
            delayshow=window.setTimeout(function(){displayballoontip(eventtype, attribute, leftposoffset, topposoffset, offsetwidth, offsetheight)}, appeardelay)
            showtimeoutids[showtimeoutids.length]=delayshow
         }
         all_links[i].onmouseout=function(){
            //ensure that any pending tooltip displays are cancelled and initiate the delayed hiding of the tooltip
            clearshowmenu()
            delayhidemenu()
         }
      }
   }
}

if (window.addEventListener)
window.addEventListener("load", initalizetooltip, false)
else if (window.attachEvent)
window.attachEvent("onload", initalizetooltip)
else if (document.getElementById)
window.onload=initalizetooltip