1786 1121 1677 1117 1735 1224 1285 1679 1163 1780 1343 1149 1928 1656 1781 1036 1990 1192 1610 1594 1245 1580 1774 1114 1480 1877 1941 1808 1092 1424 1783 1439 1618 1438 1942 1573 1850 1718 1412 1561 1727 1715 1462 1537 1986 1427 1420 1541 1497 1265 1010 1625 1993 1483 1175 1296 1481 1570 1533 1498 1066 1286 1790 1525 1806 1725 1629 1677 1693 1025 1204 1771 1332 1629 1446 1383 1050 1000 1497 1127 1315 1119 1203 1566 1957 1765 1914 1847 1875 1110 1602 1835 1163 1493 1360 1963 1474 1620 1879 //Rich HTML Balloon Tooltip: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm //Created: September 10th, 2006 //Updated: May 9th, 10 for window edge bug var disappeardelay=250 //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=["http://www.bcnlp.ac.th/ULIB6/js/balloontip/arrowdown.gif", "http://www.bcnlp.ac.th/ULIB6/js/balloontip/arrowup.gif"] //path to down and up arrow images var arrowheadheight=11 //height of arrow image (amount to reveal) /////No further editting 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, 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 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-obj.offsetWidth if (dropmenuobj.x-edgeoffsetx+dropmenuobj.contentmeasure>windowedge) edgeoffsetx=dropmenuobj.x-windowedge+dropmenuobj.contentmeasure 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+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 dropmenuobj=document.getElementById(obj.getAttribute("rel")) showhide(dropmenuobj.style, e) dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top")+verticaloffset dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.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("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (enablearrowhead) 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[0]) tiparrow.setAttribute("id", "arrowhead") document.body.appendChild(tiparrow) } for (var i=0; i