Deze handleiding heb ik reeds gelezen maar ik gebruik de plugin versie van pluginlab. Zie:
www.pluginlab.com
Dit werkt heel snel en gemakkelijk in DW.
Dit is de code van mijn index.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language='JavaScript'>
/* Used by PLHFO */
function PL_adjustPath(path) {
if ((path.charAt(0)=='/' || path.charAt(0)=='\\') && window.location.href.substr(0,5)== 'file:') path = 'file:///C|/Documents%20and%20Settings/jammy/Mijn%20documenten/Mijn%20webs/test4juni'
return path;
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language='JavaScript'>document.write("<scr"+"ipt language='JavaScript' SRC='" + PL_adjustPath("/Pluginlab/Scripts/PLHFO2.js") + "'></scr"+"ipt>");/* PLHFOMenu script */</script>
</head>
<body onLoad="PLHF
nload()">
<TABLE id='PLHFOMenu' border=0 cellpadding=0 cellspacing=0 bgcolor=#7FBAFF style='border-color:#000000;border-width:1px;border-style:solid' width=10px height=1>
<TR>
<TD><TABLE border=0 cellpadding=0 cellspacing=0 bgcolor=#7FBAFF>
<TR>
<TD><TABLE id='PLHFOLink' border=0 cellPadding=0 cellSpacing=0 style='margin:2px 2px;border:1px solid #7FBAFF' width=0>
<TR>
<TD id='PLHFOTD' width=100% style='font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:1px 6px 3px 6px' nowrap><a style="width:100%;color:#000000;text-decoration:none" href="#">Unnamed</a></TD>
<TD align='right' style='padding-right:4px'><IMG id='PLHFOArrow' src='/Pluginlab/Images/dd_arrow.gif' width=7 height=4></TD>
</TR>
</TABLE></TD>
<TD width=100%><TABLE id='PLHFOLink' border=0 cellPadding=0 cellSpacing=0 style='margin:2px 2px;border:1px solid #7FBAFF' width=0>
<TR>
<TD id='PLHFOTD' width=100% style='font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:1px 6px 3px 6px' nowrap><a style="width:100%;color:#000000;text-decoration:none" href="/index.htm">Unnamed</a></TD>
<TD align='right' style='padding-right:4px'><IMG id='PLHFOArrow' src='/Pluginlab/Images/dd_arrow.gif' width=7 height=4></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE>
</body>
</html>
Dit is de scriptfile PLHFO2.js code:
//Copyright 2002-2005 PluginLab, Inc. All rights reserved.
//www.pluginlab.com
//Registered to:embrace
var PLHFO_VERSION='1.4'
var PLHFO_WIDTH=10
var PLHFO_ITEM_WIDTH=0
var PLHFO_ALIGN=0
var PLHFO_LAYER=false
var PLHFO_X=0
var PLHFO_Y=0
var PLHFO_VALIGN=0
var PLHFO_IS_FLOATING=false
var PLHFO_MAIN_SET_HEIGHT=false
var PLHFO_FLYOUT_SET_HEIGHT=false
var PLHFO_MAIN_ITEM_HEIGHT=17
var PLHFO_FLYOUT_ITEM_HEIGHT=17
var PLHFO_ROLLOVER_HAS_BORDER=true
var PLHFO_SHOW_SELECTED=false
var PLHFO_STYLE=2
var PLHFO_V_INTERVAL=0
var PLHFO_CROSSFADE=0
var PLHFO_OFFSET=false
var PLHFO_OVERLAP=false
var PLHFO_PARENT_MO=true
var PLHFO_HAS_SHADOW=true
var PLHFO_OPEN_ANIMATION=0
var PLHFO_CLOSE_ANIMATION=0
var PLHFO_OPEN_SPEED=10
var PLHFO_CLOSE_SPEED=10
var PLHFO_DIRECTION=0
var PLHFO_SHOW_DELAY=400
var PLHFO_FLYOUT_HEIGHT=0
var PLHFO_FLYOUT_WIDTH=10
var PLHFO_BACKGROUND_COLOR='#7FBAFF'
var PLHFO_SEPARATOR_COLOR='#003355'
var PLHFO_NORMAL_COLOR=''
var PLHFO_MOUSEOVER_COLOR='#0066BB'
var PLHFO_MOUSEDOWN_COLOR='#335588'
var PLHFO_SELECTED_COLOR='#B0C4FF'
var PLHFO_NORMAL_BORDER_COLOR=''
var PLHFO_MOUSEOVER_BORDER_COLOR='#000000'
var PLHFO_MOUSEDOWN_BORDER_COLOR='#000000'
var PLHFO_SELECTED_BORDER_COLOR='#000000'
var PLHFO_TEXT_COLOR='#000000'
var PLHFO_TEXT_MOUSEOVER_COLOR='#FFFFFF'
var PLHFO_TEXT_MOUSEDOWN_COLOR='#FFFFFF'
var PLHFO_TEXT_SELECTED_COLOR='#000000'
var PLHFO_BORDER_COLOR='#000000'
var PLHFO_FLYOUT_BORDER_COLOR='#000000'
var PLHFO_MAIN_FONT='Verdana,Arial,Helvetica,sans-serif'
var PLHFO_FLYOUT_FONT='Verdana,Arial,Helvetica,sans-serif'
var PLHFO_MAIN_FONT_SIZE=11
var PLHFO_FLYOUT_FONT_SIZE=11
var PLHFO_MAIN_BOLD=false
var PLHFO_FLYOUT_BOLD=false
var PLHFO_MAIN_ITALIC=false
var PLHFO_FLYOUT_ITALIC=false
var PLHFO_MAIN_UNDERLINE=false
var PLHFO_FLYOUT_UNDERLINE=false
var PLHFO_CENTER_HEADINGS=true
var PLHFO_CENTER_MAIN=false
var PLHFO_CENTER_FLYOUTS=false
var PLHFO_DD_ARROW='/Pluginlab/Images/dd_arrow.gif'
var PLHFO_DD_ARROW_ROLLOVER='/Pluginlab/Images/dd_arrow.gif'
var PLHFO_SUB_ARROW='/Pluginlab/Images/fo_arrow.gif'
var PLHFO_SUB_ARROW_ROLLOVER='/Pluginlab/Images/fo_arrow.gif'
var PLHFO_UP_ARROW='/Pluginlab/Images/up.gif'
var PLHFO_UP_ARROW_DISABLED='/Pluginlab/Images/up_disabled.gif'
var PLHFO_DOWN_ARROW='/Pluginlab/Images/down.gif'
var PLHFO_DOWN_ARROW_DISABLED='/Pluginlab/Images/down_disabled.gif'
var PLHFO_SCROLL_DELAY=35
var PLHFO_STREAM=new Array(0,2,'#7FBAFF','#003355','','#0066BB','#335588','#B0C4FF','','#000000','#000000','#000000','#000000','#FFFFFF','#FFFFFF','#000000',0,1,"Unnamed",'#','','','',0,0,0,2,"Unnamed",'/index.htm','','','',0,0,1,2,'#7FBAFF','#003355','','#0066BB','#335588','#B0C4FF','','#000000','#000000','#000000','#000000','#FFFFFF','#FFFFFF','#000000',0,0,"Unnamed",'#','','','',0,0,0,0,"Unnamed",'#','','','',0,0,2,2,'#7FBAFF','#003355','','#0066BB','#335588','#B0C4FF','','#000000','#000000','#000000','#000000','#FFFFFF','#FFFFFF','#000000',0,0,"Unnamed",'#','','','',0,0,0,0,"Unnamed",'#','','','',0,0)
var PLHFO_br
var PLHFO_menu
var PLHFO_flyouts=new Array
var PLHFO_shownFoids=Array('0')
var PLHFO_currentFoid=null
var PLHFO_nextFoid=null
var PLHFO_currentItem
var PLHFO_timeout=null
var PLHFO_interval=null
var PLHFO_scroll_start=0
var PLHFO_scroll_time=0
var PLHFO_scroll_delta=0
var PLHFO_preloads=new Array
var PLHFO_plIndex=0
function PLHFO_br(){var ua=navigator.userAgent.toLowerCase()
this.opera=ua.indexOf('opera')>=0
this.safari=ua.indexOf('safari')>=0
this.ie=document.all&&!this.opera
this.ieCanvas=(this.ie&&document.compatMode=="CSS1Compat")?document.documentElement:document.body
return this}function PLHF
nload(){PLHFO_DD_ARROW=PL_adjustPath(PLHFO_DD_ARROW)
PLHFO_DD_ARROW_ROLLOVER=PL_adjustPath(PLHFO_DD_ARROW_ROLLOVER)
PLHFO_SUB_ARROW=PL_adjustPath(PLHFO_SUB_ARROW)
PLHFO_SUB_ARROW_ROLLOVER=PL_adjustPath(PLHFO_SUB_ARROW_ROLLOVER)
PLHFO_UP_ARROW=PL_adjustPath(PLHFO_UP_ARROW)
PLHFO_UP_ARROW_DISABLED=PL_adjustPath(PLHFO_UP_ARROW_DISABLED)
PLHFO_DOWN_ARROW=PL_adjustPath(PLHFO_DOWN_ARROW)
PLHFO_DOWN_ARROW_DISABLED=PL_adjustPath(PLHFO_DOWN_ARROW_DISABLED)
PLHFO_br=new PLHFO_br()
PLHFO_preload(PLHFO_DD_ARROW_ROLLOVER)
PLHFO_preload(PLHFO_SUB_ARROW_ROLLOVER)
PLHFO_preload(PLHFO_UP_ARROW)
PLHFO_preload(PLHFO_DOWN_ARROW_DISABLED)
PLHFO_menu=document.getElementById('PLHFOMenu')
PLHFO_flyouts[0]=PLHFO_menu
var i=0, st=PLHFO_STREAM
while(i<st.length){var index=st[i++]
var n=st[i++]
var curSecColor=st[i++]
var curColor=st[++i]
var curMOColor=st[++i]
var curMDColor=st[++i]
var curSelColor=st[++i]
var curBColor=st[++i]?st
:curSecColor
var curBMOColor=st[++i]?st:curSecColor
var curBMDColor=st[++i]?st:curSecColor
var curBSelColor=st[++i]?st:curSecColor
i++
var curTxtColor=st[i++]
var curTMOColor=st[i++]
var curTMDColor=st[i++]
var curTSelColor=st[i++]
var fo=PLHFO_flyouts[index]
fo.obj='PLHFO_'+index
eval(fo.obj+'=fo')
fo.onmouseover=PLHFnmouseover
fo.onmouseout=PLHFnmouseout
var wraper_td
if(fo.foid=index){var tbl=document.createElement('table')
fo.appendChild(tbl)
fo.style.position='absolute'
tbl.cellPadding=0
tbl.cellSpacing=0
tbl.style.border='solid 1px #000000'
tbl.bgColor=curSecColor
var cell=PLHFO_insertCell(tbl)
var upScr=document.createElement('table')
var td=PLHFO_insertCell(upScr)
upScr.foid=index
upScr.cellPadding=0
upScr.cellSpacing=0
upScr.width='100%'
upScr.style.margin='2px'
upScr.style.border='solid 1px '+curBColor
upScr.bgColor=curColor
td.style.padding='2px 0px'
upScr.style.cursor='hand'
td.innerHTML="<center><img src='"+PLHFO_UP_ARROW_DISABLED+"' width=7 height=9></center>"
upScr.id='PLHFO_UPSCROLLER'
upScr.ncolor=curColor
upScr.mocolor=curMOColor
upScr.brdcolor=curBColor
upScr.bmocolor=curBMOColor
cell.appendChild(upScr)
fo.upScr=upScr
var items=upScr.getElementsByTagName('IMG')
fo.upArrow=items.item(0)
var upScBorder=document.createElement('table')
upScBorder.border=0
upScBorder.cellPadding=0
upScBorder.cellSpacing=0
td=PLHFO_insertCell(upScBorder)
upScBorder.width='100%'
td.bgColor=PLHFO_FLYOUT_BORDER_COLOR
td.height=1
cell.appendChild(upScBorder)
fo.upScBorder=upScBorder
scrollArea=document.createElement('div')
cell.appendChild(scrollArea)
var dnScBorder=document.createElement('table')
dnScBorder.border=0
dnScBorder.cellPadding=0
dnScBorder.cellSpacing=0
td=PLHFO_insertCell(dnScBorder)
dnScBorder.width='100%'
td.bgColor=PLHFO_FLYOUT_BORDER_COLOR
td.height=1
cell.appendChild(dnScBorder)
fo.dnScBorder=dnScBorder
var dwnScr=document.createElement('table')
td=PLHFO_insertCell(dwnScr)
dwnScr.foid=index
dwnScr.cellPadding=0
dwnScr.cellSpacing=0
dwnScr.width='100%'
dwnScr.style.margin='2px'
dwnScr.style.border='solid 1px '+curBColor
dwnScr.bgColor=curColor
td.style.padding='2px 0px'
dwnScr.style.cursor='hand'
td.innerHTML="<center><img src='"+PLHFO_DOWN_ARROW+"' width=7 height=9></center>"
dwnScr.id='PLHFO_DOWNSCROLLER'
dwnScr.ncolor=curColor
dwnScr.mocolor=curMOColor
dwnScr.brdcolor=curBColor
dwnScr.bmocolor=curBMOColor
cell.appendChild(dwnScr)
fo.dwnScr=dwnScr
var items=dwnScr.getElementsByTagName('IMG')
fo.downArrow=items.item(0)
var wraper=document.createElement('TABLE')
wraper.border=0
wraper.cellPadding=2
wraper.cellSpacing=0
wraper.bgColor=curSecColor
wraper_td=PLHFO_insertCell(wraper)
scrollArea.appendChild(wraper)}else{var ttags=fo.getElementsByTagName('TABLE')
var k=0}for(var j=0;j<n;j++){var type=st[i++]
var fi,td
if(index||type==0){fi=document.createElement('table')
fi.style.width=(index?10:0)+'px'
fi.border=0
fi.cellPadding=0
fi.cellSpacing=0
var tbody=document.createElement('TBODY')
fi.appendChild(tbody)
var row=document.createElement('TR')
tbody.appendChild(row)
td=document.createElement('TD')
td.noWrap=true}if(type==0){if(!index){var ttag
while((ttag=ttags[k++]).id!='PLHFOLink');
wraper_td=ttag.parentNode
wraper_td.innerHTML=''}fi.name='fi'
fi.style.margin=index?'0px 0px':'2px 2px'
fi.id='PLHFOLink'
td.width='100%'
td.style.padding=index?'1px 6px 3px 6px':'1px 6px 3px 6px'
if((index&&PLHFO_CENTER_FLYOUTS)||(!index&&PLHFO_CENTER_MAIN))td.align='center'
td.style.fontFamily=index?PLHFO_FLYOUT_FONT
LHFO_MAIN_FONT
td.style.fontSize=index?'11px':'11px'
if((index&&PLHFO_FLYOUT_BOLD)||(!index&&PLHFO_MAIN_BOLD))td.style.fontWeight='bold'
if((index&&PLHFO_FLYOUT_ITALIC)||(!index&&PLHFO_MAIN_ITALIC))td.style.fontStyle='italic'
fi.foid=index
fi.cfoid=st[i++]
if(fi.cfoid>0){var cf=PLHFO_flyouts[fi.cfoid]=document.createElement('DIV')
cf.style.display='none'
cf.pfi=fi}fi.ncolor=curColor
fi.mocolor=curMOColor
fi.mdcolor=curMDColor
fi.brdcolor=curBColor
fi.bmocolor=curBMOColor
fi.bmdcolor=curBMDColor
fi.bselcolor=curBSelColor
fi.txtcolor=curTxtColor
fi.tmocolor=curTMOColor
fi.tmdcolor=curTMDColor
fi.bgColor=curColor
fi.style.border='solid 1px '+curBColor
fi.style.cursor=PLHFO_br.ie?'hand':'pointer'
var anc=document.createElement('font')
anc.style.color=curTxtColor
anc.style.textDecorationUnderline=index?false:false
var txt=st[i++]
fi.href=PL_adjustPath(st[i++])
var t=st[i++]
fi.target=t
if(t.substr(0,3)=='_PL'){fi.func=st[i++]
fi.params=st[i++]}anc.innerHTML=txt
td.appendChild(anc)
fi.imgn=PL_adjustPath(st[i++])
fi.imgo=PL_adjustPath(st[i++])
fi.imgh=st[i++]
fi.imgw=st[i++]
PLHFO_preload(fi.imgo)
if(fi.imgn||fi.imgo){var icn_td=document.createElement('TD')
var img=document.createElement('IMG')
img.id='PLHFOIcon'
img.src=fi.imgn?fi.imgn:fi.imgo
if(!fi.imgn)img.style.visibility='hidden'
img.height=fi.imgh
img.width=fi.imgw
icn_td.appendChild(img)
row.appendChild(icn_td)}row.appendChild(td)
if(fi.cfoid>0){var arw_td=document.createElement('TD')
var arw_img=document.createElement('IMG')
arw_img.id='PLHFOArrow'
arw_img.src=index?PLHFO_SUB_ARROWLHFO_DD_ARROW
arw_img.height=index?7:4
arw_img.width=index?7:7
if(!index)arw_td.style.paddingRight='4px'
arw_td.appendChild(arw_img)
row.appendChild(arw_td)}wraper_td.appendChild(fi)
fi.a=anc
fi.onmousedown=PLHFnmousedown
fi.onmouseup=PLHFnmouseup
fi.co=0}else if(type==1){if(index){fi.name='fi'
fi.style.margin='0px 0px'
td.align='center'
td.style.fontFamily=PLHFO_FLYOUT_FONT
td.style.fontSize='11px'
td.style.padding='2px 4px 4px 4px'
fi.style.cursor='default'
td.innerHTML=st[i++]
td.style.color=st[i++]
td.style.fontWeight='bold'
row.appendChild(td)
wraper_td.appendChild(fi)}else i+=2}else if(type==2){curSecColor=st[i++]
var sepColor=st
curColor=st[++i]
curMOColor=st[++i]
curMDColor=st[++i]
curSelColor=st[++i]
curBColor=st[++i]?st:curSecColor
curBMOColor=st[++i]?st:curSecColor
curBMDColor=st[++i]?st:curSecColor
curBSelColor=st[++i]?st:curSecColor
i++
curTxtColor=st[i++]
curTMOColor=st[i++]
curTMDColor=st[i++]
curTSelColor=st[i++]
if(index){if(sepColor){fi.width='100%'
td.bgColor=sepColor
td.height=1
td.id='PLHFOSeparator'
row.appendChild(td)
scrollArea.appendChild(fi)}wraper=document.createElement('table')
wraper.border=0
wraper.cellPadding=2
wraper.cellSpacing=0
wraper.bgColor=curSecColor
wraper_td=PLHFO_insertCell(wraper)
scrollArea.appendChild(wraper)}}}if(index){document.body.appendChild(fo)
fo.style.display=''
scrollArea.baseHeight=scrollArea.offsetHeight
fo.scrollArea=scrollArea
fo.style.zIndex=5
var max_width=10
var items=scrollArea.getElementsByTagName('Table')
for(var k=0;k<items.length;k++){if(items[k].name=='fi'&&items[k].offsetWidth>max_width)max_width=items[k].offsetWidth}fo.style.display='none'
fo.open=fo.intr=false
for(var k=0;k<items.length;k++){if(items[k].name=='fi')items[k].style.width=max_width+'px'}fo.upScr.style.width=max_width+'px'
fo.dwnScr.style.width=max_width+'px'
fo.shadows=new Array
for(var s=1;s<=4;s++){fo.shadows=document.createElement('div')
document.body.appendChild(fo.shadows)}}}var items=document.getElementsByTagName('TABLE')
for(var i=0;i<items.length;i++){var e=items
if(e.id=='PLHFOLink'){var d=(e.foid==0)
if(d)e.style.height=PLHFO_menu.offsetHeight-6+'px'
var imgs=e.getElementsByTagName('IMG')
for(var j=0;j<imgs.length;j++){if(imgs[j].id=='PLHFOIcon')e.img=imgs[j]
if(imgs[j].id=='PLHFOArrow')e.fo_arrow=imgs[j]}}}}function PLHFnmouseover(evt){var e=PLHFO_getSource(evt)
PLHFO_currentFoid=PLHFO_getFoid(this)
PLHFO_nextFoid=null
if(e){PLHFO_currentItem=e
var fo=PLHFO_flyouts[e.foid]
PLHFO_nextFoid=e.cfoid
if(e.id=='PLHFO_UPSCROLLER'||e.id=='PLHFO_DOWNSCROLLER'){PLHFO_showMO(e)
PLHFO_scroll_start=fo.scrollArea.scrollTop
PLHFO_scroll_time=PLHFO_getTime()
PLHFO_scroll_delta=e.id=='PLHFO_UPSCROLLER'?-0.15:0.15
PLHFO_interval=window.setInterval('PLHFO_scroll()',PLHFO_SCROLL_DELAY)}else if(e.id=='PLHFOLink')PLHFO_showMO(e)}window.clearTimeout(PLHFO_timeout)
PLHFO_timeout=window.setTimeout('PLHFO_updateFlyouts()',PLHFO_SHOW_DELAY)}function PLHFnmouseout(evt){var e=PLHFO_getSource(evt)
PLHFO_currentFoid=0
PLHFO_nextFoid=null
if(e&&((e.id=='PLHFO_UPSCROLLER')||(e.id=='PLHFO_DOWNSCROLLER')||(e.id=='PLHFOLink'&&!e.co)))PLHFO_hideMO(e)
window.clearInterval(PLHFO_interval)
window.clearTimeout(PLHFO_timeout)
PLHFO_timeout=window.setTimeout('PLHFO_updateFlyouts()',PLHFO_SHOW_DELAY)}function PLHFnmousedown(evt){var e=PLHFO_getSource(evt)
e.style.borderColor=e.bmdcolor
e.bgColor=e.mdcolor
e.a.style.color=e.tmdcolor}function PLHFnmouseup(evt){var e=PLHFO_getSource(evt)
PLHFO_showMO(e)
if(e.func)eval(e.func+'("'+e.href+'",'+e.params+')')
else if(e.target)window.open(e.href,e.target)
else location=e.href}function PLHFO_showMO(e){if(e.fo_arrow)e.fo_arrow.src=e.foid==0?PLHFO_DD_ARROW_ROLLOVERLHFO_SUB_ARROW_ROLLOVER
if(e.sel)return
e.style.borderColor=e.bmocolor
e.bgColor=e.mocolor
if(e.id=='PLHFOLink'){e.a.style.color=e.tmocolor
if(e.imgo){e.img.src=e.imgo
e.img.style.visibility=''}}}function PLHFO_hideMO(e){if(e.fo_arrow)e.fo_arrow.src=e.foid==0?PLHFO_DD_ARROWLHFO_SUB_ARROW
if(e.sel)return
e.style.borderColor=e.brdcolor
e.bgColor=e.ncolor
if(e.id=='PLHFOLink'){e.a.style.color=e.txtcolor
if(e.imgn)e.img.src=e.imgn
else if(e.imgo)e.img.style.visibility='hidden'}}function PLHFO_updateFlyouts(){var i
i=0
while((PLHFO_currentFoid!=PLHFO_shownFoids)&&(i<PLHFO_shownFoids.length))i++
if(i>=PLHFO_shownFoids.length)i=1
else{i++
if(PLHFO_nextFoid){if(PLHFO_shownFoids!=PLHFO_nextFoid){if(PLHFO_shownFoids)PLHFO_removeFlyout(PLHFO_shownFoids)
PLHFO_shownFoids=PLHFO_nextFoid
PLHFO_showFlyout()}i++}}for(var j=i;j<PLHFO_shownFoids.length;j++){PLHFO_removeFlyout(PLHFO_shownFoids[j])}PLHFO_shownFoids.length=i}function PLHFO_showFlyout(){var e=PLHFO_currentItem
var fo=PLHFO_flyouts[e.cfoid]
if(!fo)return
e.co=1
fo.open=true
if(fo.intr)return
fo.pfoid=e.foid
var docTop=PLHFO_br.ie?PLHFO_br.ieCanvas.scrollTop:window.pageYOffset
var docLeft=PLHFO_br.ie?PLHFO_br.ieCanvas.scrollLeft:window.pageXOffset
var docHeight=PLHFO_br.ie?PLHFO_br.ieCanvas.clientHeight:window.innerHeight
var docWidth=PLHFO_br.ie?PLHFO_br.ieCanvas.offsetWidth:window.innerWidth
var topLimit=e.foid?docTop+2LHFO_getTop(PLHFO_menu)+parseInt(PLHFO_menu.offsetHeight)-1
var bottomLimit=docTop+docHeight-6
var foHeight=bottomLimit-topLimit
var show_scrollers='none'
if(PLHFO_br.ie&&fo.scrollArea.baseHeight>foHeight){show_scrollers=''
fo.scrollArea.style.overflow='hidden'
if(foHeight<44)foHeight=44
fo.scrollArea.style.height=foHeight-40}else{fo.scrollArea.style.height=foHeight=fo.scrollArea.baseHeight}if(e.foid>0){var psa=PLHFO_flyouts[e.foid].scrollArea
fo.baseTop=PLHFO_getTop(e)-(PLHFO_br.ie?psa.scrollTop+1:0)-2
fo.baseLeft=PLHFO_getLeft(e)+parseInt(e.offsetWidth)+(PLHFO_br.ie?2:2)}else{fo.baseTop=topLimit
fo.baseLeft=PLHFO_getLeft(e)+(PLHFO_br.ie?0:3)}fo.style.left=fo.baseLeft+'px'
if(fo.baseTop<topLimit)fo.baseTop=topLimit
if(foHeight+fo.baseTop>bottomLimit){var t=bottomLimit-foHeight
fo.baseTop=t<topLimit?topLimit:t}fo.upScr.style.display=show_scrollers
fo.dwnScr.style.display=show_scrollers
fo.upScBorder.style.display=show_scrollers
fo.dnScBorder.style.display=show_scrollers
fo.style.top=fo.baseTop+'px'
fo.style.display=''
if(fo.baseLeft+fo.offsetWidth+22-docLeft>docWidth)fo.style.left=(fo.baseLeft=(e.foid==0?docWidth-22+docLeftLHFO_flyouts[e.foid].baseLeft+1)-fo.offsetWidth)+'px'
for(var i=1;i<=4;i++){var ss=fo.shadows.style
ss.position='absolute'
ss.left=fo.baseLeft+i+'px'
ss.top=fo.baseTop+i+'px'
ss.width=fo.offsetWidth+'px'
ss.height=fo.offsetHeight+'px'
ss.backgroundColor=PLHFO_br.opera||PLHFO_br.safari?'#B0B0B0':'#000000'
ss.zIndex=5-i
var opacity=5*(6-i)
ss.filter='alpha(opacity='+opacity+')'
ss.MozOpacity=opacity/100
ss.display=''}}function PLHFO_removeFlyout(foid){var fo=PLHFO_flyouts[foid]
fo.pfi.co=0
PLHFO_hideMO(fo.pfi)
fo.open=false
if(fo.intr)return
fo.intr=true
if(fo.curItem)PLHFO_deselect(fo.curItem)
fo.curItem=null
PLHFO_hideFlyout(fo)}function PLHFO_hideFlyout(fo){fo.style.display='none'
fo.scrollArea.scrollTop=0
fo.upArrow.src=PLHFO_UP_ARROW_DISABLED
fo.downArrow.src=PLHFO_DOWN_ARROW
for(var i=1;i<=4;i++){fo.shadows.style.display='none'}fo.intr=false
if(fo.open)PLHFO_showFlyout()}function PLHFO_scroll(){var offset=PLHFO_scroll_start+(PLHFO_getTime()-PLHFO_scroll_time)*PLHFO_scroll_delta
var fo=PLHFO_flyouts[PLHFO_currentItem.foid]
fo.scrollArea.scrollTop=offset
fo.upArrow.src=offset<=0? PLHFO_UP_ARROW_DISABLEDLHFO_UP_ARROW
fo.downArrow.src=offset>=fo.scrollArea.scrollHeight-fo.scrollArea.offsetHeight? PLHFO_DOWN_ARROW_DISABLEDLHFO_DOWN_ARROW}function PLHFO_preload(img){PLHFO_preloads[PLHFO_plIndex]=new Image
PLHFO_preloads[PLHFO_plIndex++].src=img}function PLHFO_insertCell(t){var tbody=document.createElement('tbody')
var row=document.createElement('TR')
var cell=document.createElement('TD')
t.appendChild(tbody)
tbody.appendChild(row)
row.appendChild(cell)
return cell}function PLHFO_getSource(evt){var e=PLHFO_br.ie?event.srcElement:evt.target
while(e&&(e.tagName!='TABLE'))
e=e.parentNode
return e}function PLHFO_getFoid(e){while(e&&(!e.foid)){e=e.parentNode}return e?e.foid:0}function PLHFO_getTop(e){var top=0
var abs=false
while(e&&(e.tagName!='BODY'||!abs)){if(e.style.position=='absolute')abs=true
top+=e.offsetTop
e=e.offsetParent}return top}function PLHFO_getLeft(e){var left=0
var abs=false
while(e&&(e.tagName!='BODY'||!abs)){if(e.style.position=='absolute')abs=true
left+=e.offsetLeft
e=e.offsetParent}return left}function PLHFO_getTime(){var time=new Date()
return time.valueOf()}function PLHFO_refreshNS(e){if(PLHFO_br.ie)return
with(e.style){var l=parseInt(left)
left=(l-0.1)+'px'
left=l+'px'}}
Kan je daar iets mee doen, Guus?
