//Rich HTML Balloon Tooltip: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
//Created: September 10th, 2006

var disappeardelay=450  //tooltip disappear delay (in miliseconds)
var verticaloffset=-10 //added vertical offset of tooltip from anchor link, if any
var horizontaloffset=20 //added horizontal offset of tooltip from anchor link, if any
var enablearrowhead=1 //0, 1, or 2 - to disable(0) or enable the top(1) or side(2) arrow image
var arrowheadimg=["Scripts/arrowdown.gif", "Scripts/arrowup.gif", "Scripts/arrowleft.gif", "Scripts/arrowright.gif"]
var arrowheadsize=11 //size of arrow image (amount to reveal)

/////No further editting needed

var enablearrowhead_d = enablearrowhead;

function preloadarrow(arrow){
var graphic=new Image();
graphic.src=arrow;
return graphic.src;
}

for (var i_tem = arrowheadimg.length-1; i_tem >=0 ; i_tem--)
arrowheadimg[i_tem]=preloadarrow(arrowheadimg[i_tem])

var ie=document.all
var ns6=document.getElementById&&!document.all
verticaloffset_d=verticaloffset;
horizontaloffset_d=horizontaloffset;

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, e){
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (e.type=="mouseover")
obj.visibility="visible"
}

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

function clearbrowseredge(obj, whichedge){
if (whichedge=="rightedge"){
edgeoffsetx=0
var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth+(enablearrowhead==2? obj.offsetWidth*2+horizontaloffset*2-ieshadowwidth : 0);
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffsetx=dropmenuobj.contentmeasure-obj.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.style.height=null;
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
edgeoffsety=dropmenuobj.contentmeasure+(enablearrowhead==2? 0 : obj.offsetHeight)+(verticaloffset*2)
return edgeoffsety
}
}

function displayballoontip(obj, e){ //main ballooon tooltip function
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous tooltip?
dropmenuobj.style.visibility="hidden"
clearhidemenu()
//obj.onmouseout=delayhidemenu
verticaloffset=verticaloffset_d;
horizontaloffset=horizontaloffset_d;
enablearrowhead=obj.getAttribute('rev', 0)&&obj.getAttribute('rev', 0)*1<=2&&obj.getAttribute('rev', 0)*1>=0? obj.getAttribute('rev', 0)*1 : enablearrowhead_d;
verticaloffset=(enablearrowhead==1)? verticaloffset+arrowheadsize : verticaloffset
horizontaloffset=(enablearrowhead==2)? horizontaloffset+arrowheadsize : horizontaloffset
dropmenuobj=document.getElementById(obj.getAttribute("rel"))
showhide(dropmenuobj.style, e)
dropmenuobj.x=getposOffset(obj, "left")+(enablearrowhead==2? obj.offsetWidth : 0)+horizontaloffset
dropmenuobj.y=getposOffset(obj, "top")+verticaloffset-(enablearrowhead==2? obj.offsetHeight : 0)
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
dropmenuobj.style.height=''
if (enablearrowhead==1)
displaytiparrowt()
else if (enablearrowhead==2)
displaytiparrows()
}

function displaytiparrowt(){ //function to display optional arrow image associated with tooltip
tiparrow=document.getElementById("arrowhead")
tiparrow.removeAttribute('height', 0);
tiparrow.removeAttribute('width', 0);
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+arrowheadsize+"px" : parseInt(dropmenuobj.style.top)-arrowheadsize+"px"
tiparrow.style.visibility="visible"
}
function displaytiparrows(){ //function to display optional arrow image associated with tooltip
tiparrow=document.getElementById("arrowhead")
tiparrow.removeAttribute('height', 0);
tiparrow.removeAttribute('width', 0);
tiparrow.src=(edgeoffsetx!=0)? arrowheadimg[3] : arrowheadimg[2]
dropmenuobj.style.height=Math.max(tiparrow.height, dropmenuobj.offsetHeight)+'px'
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.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-10+"px" : parseInt(dropmenuobj.style.top)+5+"px"
//modify "top" 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-ieshadowwidth+arrowheadsize+"px" : parseInt(dropmenuobj.style.left)-arrowheadsize+"px"
tiparrow.style.visibility="visible"
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; tiparrow.style.visibility='hidden'",disappeardelay)
}

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

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=="balloonstyle")? true : false
}

function initalizetooltip(){
var all_links=document.getElementsByTagName("a")
if (enablearrowhead){
tiparrow=document.createElement("img")
tiparrow.setAttribute("src", arrowheadimg[enablearrowhead])
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
displayballoontip(this, evtobj)
}
all_links[i].onmouseout=delayhidemenu
}
}
}

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