I'm trying to use the same type of dropdown menu used on this site:
The problem is, the site i'm trying to implement this on is centered according to the screen size. How do i keep the position of the menu when the window size has been altered by resizing? Will the dropdowns be affected as well?
I need to use this menu cos the links will be datadriven as well!
Please help...
Thanks
Pixel
Here's the code for placing....
Mtimer=setTimeout("sis()",9999);_d=document;smc=-1;MLoaded=0;
ns4=(_d.layers)?true:false
ns6=(navigator.userAgent.indexOf("Gecko")!=-1)?true:false
mac=(navigator.appVersion.indexOf("Mac")!=-1)?true:false
if(ns6||ns4)mac=false
opera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false
ns61=(parseInt(navigator.productSub)>=20010726)?true:false
ie4=(!_d.getElementById&&_d.all)?true:false;
konq=(navigator.userAgent.indexOf("Konqueror")!=-1)?true:false
mp=(ns6)?"pointer":"hand";atop=5;oatop=0;aleft=0;oaleft=1;osy=0;oww=-1;owh=-1;frs=0;fre=0;
var a,am,oa,im,om,flta;hlarr=new Array();hlcnt=0;hll=0;
Mname=new Array();
timo=0;el=0;nshl=0;var omv=0;df=1;im=0;ofrac=0;omnu=0;ac=22;m=1;sy=1;ShM=0;ww=0;wh=0;
var imar=new Array();mr=","
while(eval("window.menu"+m)){mr+="menu"+m+",";tmenu=eval("menu"+m);Mname[m]=tmenu[0].toLowerCase();m++}
mr=mr+" ";mr=mr.split("\,");menus=mr.length-1;bgt="";if(!opera)bgt="Color";var cgm=0;
function gmobj(mtxt){if(_d.getElementById){m=_d.getElementById(mtxt)}else if(_d.all){m=_d.all[mtxt]}else if(_d.layers){m=_d.layers[mtxt]}return m;}
function gmstyle(mtxt){m=gmobj(mtxt);if(!ns4){if(m)m=m.style;}return m;}
function spos(gm,t_,l_,h_,w_){px="px";if(ns4){px="";gms=gm;if(w_!=null)gms.clip.width=w_;if(h_!=null)gms.clip.height=h_;}else if(opera){px="";gms=gm.style;if(w_!=null)gms.pixelWidth=w_;if(h_!=null)gms.pixelHeight=h_}else{gms=gm.style;if(w_!=null)gms.width=w_+px;if(h_!=null)gms.height=h_+px;}if(t_!=null)gms.top=t_+px;if(l_!=null)gms.left=l_+px}
function gpos(gm){if(ns4){t_=gm.top;l_=gm.left;h_=gm.clip.height;w_=gm.clip.width;}else if(opera){t_=gm.style.pixelTop;l_=gm.style.pixelLeft;h_=gm.style.pixelHeight;w_=gm.style.pixelWidth;}else if(ns6){t_=gm.offsetTop;l_=gm.offsetLeft;h_=gm.offsetHeight;w_=gm.offsetWidth}else{t_=gm.offsetTop;l_=gm.offsetLeft;h_=gm.offsetHeight;w_=gm.offsetWidth;}if(konq){w_=parseInt(gm.style.width);h_=parseInt(gm.style.height);}var gpa=new Array();gpa[0]=t_;gpa[1]=l_;gpa[2]=h_;gpa[3]=w_;return(gpa)}
function getMouseXY(e){if(ns4||ns6){MouseX=e.pageX;MouseY=e.pageY;}else{MouseX=event.clientX;MouseY=event.clientY}if(!opera&&_d.all){MouseX=MouseX+_d.body.scrollLeft;MouseY=MouseY+_d.body.scrollTop}return true}
function parseLink(txt,what){txt=txt+";";lt="";if(what=="link"){sp=txt.indexOf(" ");lt=txt.substr(0,sp);}else{sp=txt.indexOf(what)+what.length+1;if(sp>what.length+1){lt=txt.substr(sp,999);lt=lt.substr(0,lt.indexOf(";"))}}return lt.replace("/ /",lt);}
function cHexColor(_c){if(_c.length==6){_c=_c.toUpperCase();x=0;while(x<6){hsh="#";if(_c.charCodeAt(x)>71){hsh="";x=6}x++}_c=hsh+_c}return _c}
function stch(ms){window.status=ms;return true}
function SDiv(nm,sh){if(ns4&&nm.indexOf(".")>0)tD=eval(nm); else tD=gmstyle(nm);if(tD)if(sh)tD.visibility="visible";else tD.visibility="hidden"}
function close_el(){for(xa=hlarr.length-1;xa>=0;xa--){ti=hlarr[xa].split("_");tmenu=eval(ti[0]);if(ns4){shl(ti[0],ti[1],'hide');}else{arg=gmobj("el"+ti[1]);arg.style.backgroundColor=ti[2];if(opera)arg.style.background=ti[2];arg.style.color=""+ti[3];}if(ti[0]==hll){if(ns4)shl(ti[0],hel,'show');return}}hlcnt=0;hlarr=new Array()}
function closeallmenus()
{
gmi=41;
ShM=0;
om="";
hll="";
close_el();
if(ns4){omv.visibility="hide"}for(a=1;a<menus;a++){menu=eval("menu"+a);if(menu[17]&&MLoaded){SDiv(menu[17],1)}if (menu[7]!=1){SDiv("menu"+a,0)}else{am=""}}
var exists = eval(document.all["Div2"]);
if(exists){
document.all["Div2"].style.visibility = "visible";
document.all["Div1"].style.visibility = "hidden";
}
}
function rep_img(){if(timo){timo.src=o_img};}
function popdn(){arg=popdn.arguments;if(arg[0]){if(arg[3].substr(0,5)!="show-"){if(ns4){shl(arg[2],arg[1],"hide")}else{arg[0].style.backgroundColor=arg[4];if(opera)arg[0].style.background=arg[4];arg[0].style.color=arg[5]}}else{if(ns4)omv=0;hlarr[hlcnt]=arg[2]+"_"+arg[1]+"_"+arg[4]+"_"+arg[5];hlcnt++;}menu=eval(arg[2]);if(!menu[12]){Mtimer=setTimeout("closeallmenus()",timegap);}}else{Mtimer=setTimeout("closeallmenus()",timegap);}
}
function dc(){tr=ltarg.split("=");if(tr[1])parent.frames[tr[1]].location.href=nshl;else location.href=nshl;}
function getMenuByName(mn){mn=mn.toLowerCase();for(a=1;a<menus;a++){if(mn==Mname[a])mn=a}return mn;}
function sis(){for(a=1;a<imar.length;a++){tim=imar[a].split("_");if(tim[4]){tim[3]=tim[3]+"_"+tim[4]}menu=eval(window.tim[3]);if(ns4){im=_d.layers[tim[3]].document.layers.eval("el"+tim[2]);imp=gpos(im);eln="";for(x=0;x<2;x++){imo=_d.layers[tim[3]].document.layers.eval(eln+"el"+tim[2]).document.layers[imar[a]];imop=gpos(imo);imL=imp[3]-(imop[3]);imT=(imp[2]/2)-(imop[2]/2);if(menu[13]=="left")imL=1;if(menu[13]=="center")imL=(imp[3]/2);eln="m";spos(imo,imT,imL,null,null);}}else{imo=gmobj(imar[a]);imop=gpos(imo);im=gmobj("el"+tim[2]);imp=gpos(im);if(menu[11]){imco=gpos(gmobj("hel"+tim[2]));imc=imco[1];}else {imc=0}imT=imp[0]+(imp[2]/2)-(imop[2]/2);imL=imc+imp[3]-(imop[3]);if(menu[13]=="left")imL=imc;if(menu[13]=="center")imL=imc+(imp[3]/2);if(ns6&&!ns61){nsC=gpos(gmobj(tim[3]));imT=imT-nsC[0];imL=imL-nsC[1]}spos(imo,imT,imL,null,null);}}}
function fixb(mnu){menu=eval(mnu);m42=menu[4]*2;mn=gmobj(mnu);if(ns4){if(menu[11])mn.clip.width=mn.clip.width+menu[4];return}mp=gpos(mn);el+=((menu.length-ac)/5);if(ns4){ml=_d.layers[mnu].document.layers.eval("el"+(el-1))}else{ml=gmobj("el"+(el-1))}mlp=gpos(ml);tw=null;th=null;if(menu[11]){ic=(menu.length-ac)/5;lf=0;tc=0;for(y=el-ic;y<el;y++){tc++;ty=gmobj("el"+y);typ=gpos(ty);thy=gmobj("hel"+y);thyp=gpos(thy);if(mac){if(menu[3]){thy.style.width=menu[3]+"px";}else{thy.style.width=1+"px";ty.style.width=thy.offsetWidth+menu[6][9]+"px";}typ[3]=thy.offsetWidth}if(opera){ty.style.top=menu[4];if(lf==0)lf=menu[4];typ[2]=typ[2]+(m42);if(menu[3])spos(ty,0,0,null,typ[3]-5);}spos(thy,0,lf,null,null);lfL=0;if(menu[ac-1+(tc*5)]>0)lfL=menu[ac-1+(tc*5)];lf=lf+typ[3]+lfL;}if(lfL==0)lfL=0;else lfL-1;tw=lf-lfL;th=typ[2];if(_d.compatMode=="CSS1Compat"){}else{if(mac){if(!_d.doctype)th=th+(m42)}else if(_d.all&&!opera){tw=tw+(m42);th=th+(m42)}}if(opera)tw=tw+(menu[4])}else{if(_d.all)tw=mlp[3];if(ns6)tw=mp[3]-(menu[4]*4);if(opera)tw=mp[3]+(menu[6][9]*2)-(m42);if(mac){th=mlp[0]+mlp[2]-3;if(!_d.doctype)th=th+(m42)}}spos(mn,null,null,th,tw);}
function sm(v1){ap=gmobj(v1);if(flta)if(ap.filters[0])ap.filters[0].Apply();gmi++;if(!ns4)aps=ap.style; else aps=ap;aps.zIndex=gmi;aps.visibility='visible';if(flta)if(ap.filters[0])ap.filters[0].Play();if(menu[17])SDiv(menu[17],0)}
function popup(mn,mpos){if(ns4)_d.captureEvents(Event.MOUSEMOVE);_d.onmousemove=getMouseXY;if(isNaN(mn)){for(a=1;a<menus;a++){if(mn==Mname[a])mn=a}}setpos();omv.visibility='hide';clearTimeout(Mtimer);closeallmenus();mtxt='menu'+mn;mi=gmstyle(mtxt);if(mpos){mn=gmobj(mtxt);spos(mn,MouseY+2,MouseX+2,null,null);}flta=0;if((_d.all&&_d.getElementById)&&!mac){ap=gmobj(mtxt);getflta(ap);}sm(mtxt);am=mn}
function shl(lyr,el,s){clearTimeout(Mtimer);mt=_d.layers[lyr].document.layers.eval("el"+el);omv.visibility="hide";menu=eval(lyr);mt.visibility=s;omv=mt}
function popi(v1,lyr,el)
{
var exists = eval(document.all["Div2"]);
if(exists){
document.all["Div2"].style.visibility = "hidden";
document.all["Div1"].style.visibility = "visible";
//document.all["Div1"].style.visibility = "visible";
}
subfound=0;
for(a=1;a<menus;a++)
{
if(v1.substring(10,99)==Mname[a])
{
v1="show-menu"+a;
subfound=1;
a=999
}
}
sel="smenu="+el+"#";
if(!om)om=lyr;
clearTimeout(Mtimer);
if(ns4)
{
timo=_d.layers[lyr].document.layers.eval("el"+el).document.images[0]
}
else
{
timo=gmobj("im"+el)
}
o_img="";
if (timo)
{
o_img=timo.src;
ima=o_img.split(".");
enD=ima.length;
if(ima[enD-2].indexOf("_over")==-1)ima[enD-2]=ima[enD-2]+"_over";
nsrc="";
for(eD=0;eD<enD;eD++)
{
nsrc=nsrc+ima[eD]+"."
}
nsrc=nsrc.substring(0,nsrc.length-1);
ta=om.split(",");
NI1=new Image;
NI1.src=nsrc;
if(NI1.width>0)timo.src=nsrc;
}
container=eval(lyr);
if(subfound)
{
v1=v1.substring(5,20);
menu=eval(v1);
omnu=v1;
mi=gmobj(v1);
gp=gpos(gmobj(lyr));
h3="";
if(container[11])h3="h";
if(ns4){tel=gpos(_d.layers[lyr].document.layers.eval("el"+el))}else{tel=gpos(gmobj(h3+"el"+el))}
np=gpos(mi);
if(container[11])
{
if(!container[5])container[5]="";
if(!ns61&&ns6){gp[1]=-1;gp[0]--}
if(ns4||mac)gp[1]--;
if(mac)gp[0]--;
if(container[5].indexOf("bottom")>=0)
{
tvar=container[1]
if(!tvar)tvar=0;
gp[0]=gp[0]-np[2]-tel[2]
}
if(tel[1]+gp[1]+np[3]>ww){gp[1]=ww-np[3]-tel[1];if(!_d.all)gp[1]=gp[1]-14}
mtop=gp[0]+gp[2]-1;
mleft=tel[1]+gp[1];
if(container[15])mleft=mleft-np[3]+tel[3]+(container[4]*2)
m1=menu[1];
if(m1)
{
m1=m1+"";
if(m1.indexOf("offset=")==0)
{
os=m1.substr(7,99);
mtop=(parseInt(os)+mtop);
}
else
{
if(m1)mtop=parseInt(m1);
}
}
m2=menu[2];if(m2){m2=m2+"";if(m2.indexOf("offset=")==0){os=menu[2].substr(7,99);mleft=(parseInt(os)+mleft);}else{if(m2)mleft=m2;}}
spos(mi,mtop,mleft,null,null);
}
else
{
if(!ns61&&ns6)tel[0]=tel[0]-gp[0];
nt=tel[0]+gp[0]+suboffset_top;
nl=gp[1]+tel[3]-suboffset_left;
if((gp[1]+gp[3]+np[3])>=ww){nl=gp[1]-np[3]+suboffset_left}
if(nt+np[2]>wh+sy){nt=wh-np[2]+sy;}
if(menu[1]>=0)nt=menu[1]
if(menu[2]>=0)nl=menu[2]
spos(mi,nt,nl,null,null);
}
om+=","+v1;
if(ShM==1)
{
sm(v1);
if(!ns4)mi.style.visibility="visible";
}
}
ta=om.split(",")
strt=0;
for(a=0;a<ta.length;a++)
{
if (ta[a]==v1)strt=0;
if (strt)
{
if(ta[a])
{
hll=lyr;
hel=el;
close_el(el);
tmnu=eval(ta[a])
if(tmnu[17])SDiv(tmnu[17],1)
SDiv(ta[a],0)
}
ta[a]=""
}
if(ta[a]==lyr)strt=1;
}
mmenu=eval(lyr)
if(mmenu[7]&&lyr!=ta[0])
{
ogmi=gmi;
closeallmenus();
gmi=ogmi;
if(v1==ta[ta.length-1])
{
if(ns4)shl(lyr,el,'show');
tmnu=eval(v1)
if(tmnu[17])SDiv(tmnu[17],0)
SDiv(v1,1)
}
ta=[v1];
}
om=""
mdisp=0
for(a=0;a<ta.length;a++)
{
if(ta[a]==lyr)frs=a
if(ta[a]==v1)fre=a
if (mdisp||(a>frs&&a<fre))
{
if (ta[a]&&ta[a]!=v1)
{
SDiv(ta[a],0)
close_el(el);
if(ns4)shl(lyr,el,'hide');
}
}
else
{
if(ta[a])om+=ta[a]+",";
}
if (v1==ta[a])mdisp=1
}
}
function hl()
{
arg=hl.arguments;
hlnk=arg[1];
am=" "+a;am=am.length-1;subimg="";arg[0]+=""
if(ns6){dwd=arg[2][9]*2}else{dwd=0}
if (ns4){if (el==0){st="<style type=\"text/css\">A.m{text-decoration:none;}</style>";_d.write(st);oatop=atop;}else{mtl=_d.layers[omnu].document.layers.eval("el"+(el-1));
if (oatop==atop){atop+=mtl.clip.height}else{atop=menu[4];}oatop=atop}if(menu[11]){atop=menu[4];if(oaleft==aleft){aleft+=mtl.clip.width+arg[8]}else{aleft=menu[4];oaleft=aleft}oaleft=aleft}else{aleft=menu[4];}}
if(arg[0].indexOf("<img")>=0){ipos=arg[0].indexOf("<img");arg[0]=arg[0].substr(0,ipos+4)+" id=im"+el+" "+ arg[0].substr(ipos+5,900)}
if (hlnk.substring(0,5)=="show-"){arg[1]=arg[1].toLowerCase();if(arg[7]==hlnk) if(arg[6])arg[7]=arg[6];else arg[7]="";hlnk="#";if (arg[6]+" "!="undefined ")hlnk=arg[6];}
if (arg[1].substring(0,5)=="show-" && (!menu[11]||menu[6][16])){im++;ims="im"+im+"_"+a+"_"+el+"_"+arg[5];ti=arg[2][10];
if(menu[6][16]&&menu[11])ti=menu[6][16];
if(ns4){sti="<img border=0 src="+ti+">";if(!arg[2][10]||arg[2][10]=="a"){arg[2][10]="a";sti=""}subimg="<layer id="+ims+">"+sti+"</layer>";}else{subimg="<img id="+ims+" style=\"position:absolute;\" border=0 src="+ti+">"};imar[im]=ims;}
omp=mp;ofc=arg[2][0];ofb=arg[2][1];onc=arg[2][2];onb=arg[2][3];ltarg=" ";lOnfunc="";lOffunc="";ltype="";lalign=menu[8];if(!lalign)lalign="left"
if(hlnk.indexOf(" ")>0)
{
_al=parseLink(hlnk, "align");if(_al)lalign=_al;
ltarg=parseLink(hlnk, "target");
if(ltarg)ltarg=" target="+ltarg
lOnfunc=parseLink(hlnk, "onfunction")+";";
lOffunc=parseLink(hlnk, "offfunction")+";";
ltype=parseLink(hlnk, "type");
tofc=parseLink(hlnk, "offfontcolor");if(tofc)(ofc=tofc)
tofb=parseLink(hlnk, "offbackcolor");if(tofb)(ofb=tofb)
tonc=parseLink(hlnk, "onfontcolor");if(tonc)(onc=tonc)
tonb=parseLink(hlnk, "onbackcolor");if(tonb)(onb=tonb)
hlnk=parseLink(hlnk, "link");
}
if(arg[7]+""=="undefined"){arg[7]=hlnk}
if(ltype=="form"){onc=ofc;onb=ofb;mp="default"}
if(ltype=="header"&&arg[2][17]){ofc=arg[2][17];ofb=arg[2][18];onc=arg[2][17];onb=arg[2][18];mp="default"}
pI="popi('"+arg[1]+"','"+arg[5]+"',"+el+");"
smO="ShM=1;"
smC=""
if(menu[16]==1)
{
smO="";
hlnk="javascript:ShM=1;"+pI
}
if(hlp[14])if(location.href.indexOf(hlnk)>0&&(hlnk.substr(-1,1)!="/"))smc=el
if(smc==el&&arg[2][14]){ofc=arg[2][14];ofb=arg[2][15];}
ofc=cHexColor(ofc);onc=cHexColor(onc);ofb=cHexColor(ofb);onb=cHexColor(onb);
if(ltype=="form"||hlnk=="#"||ltype=="header"){mp="default";if(ns4){hlnk="<a ";}else{hlnk=" "}}else{if(ns4){hlnk="<a href=\""+hlnk+"\" "+ltarg}else{hlnk="<a href=\""+hlnk+"\" "+ltarg + " style='text-decoration:none;'>"}}
pd="popdn(this," + el + ", '" + arg[5] + "', '"+arg[1]+"', '"+ofb+"', '"+ofc+"');"
if(ns4){
rsp=""
tdwd=" width="+menu[3]
if(lalign=="left")tdwd=""
if (lalign=="right") rsp="<td height=-1></td>"
ls="<table cellpadding="+(arg[2][9]/2)+" cellspacing=0><tr><td height=-1 align="+lalign+tdwd+">"+hlnk+" style='color:"
le=";text-decoration:none;font-size:"+arg[2][5]+"px;font-weight:"+arg[2][7]+";font-family:"+arg[2][8]+"' onmouseover=\"status='"+arg[7]+"';\">"+arg[0]+"</a>"+subimg+"</td>"+rsp+"</tr></table></layer>"
lv=" left="+aleft+" width="+(menu[3]-(menu[4]*2))+" top="+atop
nsofb="";if(ofb)nsofb=" BGColor="+ofb
nsonb="";if(onb)nsonb=" BGColor="+onb
mt="<layer id=mel"+el+lv+" "+nsofb+" onmouseover=\""+smO+"shl('"+arg[5]+"',"+el+",'show');"+pI+" "+lOnfunc+";return stch('"+arg[7]+"');\">"+ls+ofc+le
mt+="<layer id=el"+el+lv+" "+nsonb+" onmouseover=\"clearTimeout(Mtimer);"+pI+"ltarg='"+ltarg+"'; nshl='"+arg[1]+"'; this.captureEvents(Event.CLICK); this.onClick=dc;\" onmouseout=\""+pd+"; "+lOffunc+"; return stch('');\" visibility=hidden >"+ls+onc+le
}else{
mt="";
if (menu[11]){bgc=hlp[4];if(hlp[11])bgc=hlp[12];
mt+="<div id=hel"+el+" style=\"background-color:'"+onb+"';width:"+(menu[3]-menu[4])+"px;position:absolute;top:0;left:"+dlft+";\">";dlft=dlft+menu[3]-(menu[4]*2)+menu[4]}
rsp=0;if (lalign=="right") rsp=7;
mt+=hlnk
dw=(menu[3]-(2*menu[4]+dwd))
if(dw+" "=="NaN "){dw=""}else{dw="width:"+dw+"px"}
if(!menu[3]&&ie4)dw="width:1px";
if(!menu[3]&&opera){dw="position:absolute;";lalign="left"}
if(isNaN(arg[2][9]))
{
padd=arg[2][9]
}
else
{
psp=arg[2][9]+"px "
padd=psp+psp+psp+psp
}
//padd=" 10px 10px 10px 10px ;";
mt+="<div align="+lalign+" id=el"+el+" style=\""+dw+";padding:"+padd+";font-weight:"+arg[2][7]+";font-style:"+arg[2][6]+";font-family:"+arg[2][8]+";font-size:"+arg[2][5]+"px;color:"+ofc+";background-color:"+ofb+";\""
mt+=" onMouseOver=\""+smO+"this.style.cursor='"+mp+"';this.style.background"+bgt+"='"+onb+"';style.color='"+onc+"';"+pI+";"+lOnfunc+";return stch('"+arg[7]+"');\""
mt+=" onMouseOut=\"rep_img(); "+pd+";"+lOffunc+"; return stch('');\">"
mt+=arg[0]+"</div>";
mt+="</a>";if (menu[11]){mt+="</div>"}
mt+=subimg
}
mp=omp
_d.write(mt);el++;
}
function dmenu(mnu){
menu=eval(mnu);
atop=menu[4];
hlp=menu[6];
if(!menu[4])menu[4]=0;
if(ns4)eq="="; else eq=":"
for(z=0;z<19;z++)
{
if(z==5)z=12;
if(z==16)z++;
if(hlp[z])hlp[z]=cHexColor(hlp[z]);
}
if(el)ns6c=3;else ns6c=2;ns6w=0;if(menu[8]=="right"&&ns6)ns6w=7;
if (menu[3]<1)menu[3]="undefined"
if(ns4)
{
thw=menu[3]
if(menu[11])
{
ic=(menu.length-ac)/5;
thw=(menu[3]*ic)-(menu[4]*ic)+menu[4]
}
bgc="";
if(hlp[4])bgc="bgColor="+hlp[4]
if (hlp[11])
{
bgc="bgColor="+hlp[13]
}
mt="<layer z-index=40 visibility=hidden "+bgc+" id="+mnu+" top="+menu[1]+" left="+menu[2]+" width="+thw+">"
if (hlp[11])
{
mt+="<layer "+bgc+" top=0 left=0 height=2 width=100%></layer>"
}
mt+="<layer id="+mnu+"3d bgcolor="+hlp[12]+" top=0 left=0 height=0 width=2></layer>"
}
else
{
iedf="";if(!opera&&!mac&&_d.all&&menu[9])
{
iedf=" filter:";flt=menu[9].split("\;");for(fx=0;fx<flt.length;fx++){iedf+=" progid
XImageTransform.Microsoft."+flt[fx]}}
if (hlp[11]){brd = "border:solid "+menu[4]+"px; border-left-color:"+hlp[12]+";border-top-color:"+hlp[12]+";border-bottom-color:"+hlp[13]+";border-right-color:"+hlp[13]+";"}else{brd = "border:solid "+menu[4]+"px; border-left-color:"+hlp[4]+";border-top-color:"+hlp[4]+";border-bottom-color:"+hlp[4]+";border-right-color:"+hlp[4]+";"}
mt="<div id="+mnu+" style=\""+iedf+";z-index:40;visibility:hidden;"+brd+"position:absolute;background-Color:"+hlp[4]+";width:"+(menu[3]+ns6w)+"px;left:"+menu[2]+"px;top:"+menu[1]+"px;\">"
}
_d.write(mt)
x=0;
dlft=0
aleft=0;
for(b=ac;b<menu.length;b++)
{
b=b+4
if(menu[b-3]==""){menu[b-3]="#"}
menu[b-3] = menu[b-3].replace(/\"/gi, """)
if(!menu)menu=0
hl(menu[b-4], menu[b-3],hlp,100,100,mnu,menu[b-2],menu[b-1],menu[b-5])
txt="";
if(ns4)
{
if (!menu[11])
{
if (menu&&b<menu.length-1)
{
mt=_d.layers[mnu].document.layers.eval("el"+(el-1))
_d.lay
x=atop+mt.clip.height
if (!hlp[11]) x++
txt="<layer top="+(x-2)+" left="+menu[4]+" height=1 "+bgc+" width="+mt.clip.width+" onmouseover=\"clearTimeout(Mtimer)\" ></layer>"
if (hlp[11]) {txt+="<layer top="+(x-1)+" left="+menu[4]+" height=1 bgcolor="+hlp[12]+" width="+mt.clip.width+"></layer>"
}
}
}
}
else
{
mbw=menu;bc=hlp[4];bl="";oc="";if(opera){bl="left:0;";oc="_d.getElementById('el"+el+"').style.background='"+hlp[1]+"';_d.getElementById('el"+el+"').style.color='"+hlp[0]+"'";if(opera&&mbw==0){mbw=1;bc=hlp[1];bl+="width:"+menu[3]-menu[4]+"px"}else{if(menu[4]==1)ocv=4;bl+="width:"+(menu[3]+(menu[6][9]*2)-menu[4])+"px"}}
if(b+1==menu.length)mbw=0;
if(mbw>0)
{
if (!menu[11])
{
dwid=(menu[3]-(menu[4]*2))
if(_d.all&&_d.compatMode=="CSS1Compat")dwid=menu[3]+(menu[6][9]*2)-menu[4]
if (hlp[11]&&mbw==1)
{
txt="<div onmouseout=\""+oc+"\" onmouseover=\"clearTimeout(Mtimer)\" style=\"position:relative\">"
txt+="<div style=\"border-top:1px solid "+hlp[13]+"; background-color:"+hlp[12]+"; width:"+dwid+"px;position:absolute;clip:rect(0 100% 2px 0);height:1px;"+bl+"\">"
txt+="</div></div>"
}
else
{
txt="<div style=\"position:relative;\">"
txt+="<div onmouseout=\"popdn();"+oc+"\" onmouseover=\"clearTimeout(Mtimer)\" style=\"background-color:"+bc+";width:"+dwid+"px;position:absolute;"
txt+="clip:rect(0 100% "+mbw+"px 0);height:"+mbw+"px;"+bl+"\">"
txt+="</div>"
txt+="</div>"
}
}
}
}
_d.write(txt);
omnu=mnu;
mt=""
}
oatop=-1;
if (ns4){mt="</layer>"}else{mt+="</div></div>"}
_d.write(mt)
if (ns4)
{
ml=gmobj(mnu)
ml.clip.height += menu[4]
ml3d=_d.layers[mnu].document.layers.eval(mnu+"3d")
if (hlp[11])ml3d.clip.height=ml.clip.height
}
}
function checs(e){stopchec=1;for(a=1;a<menus;a++){menu=eval("menu"+a);if(menu[10]>0){stopchec=0;if (df!=0||osy!=sy){mi=gmobj("menu"+a); tm=gpos(mi);mit=tm[0];if(isNaN(menu[1]))menu[1]=0;df=parseInt(menu[1])+sy-mit;nt=df/followspeed;of1=nt.toString();ofr=of1.split("\.");if(ofr[1]+" "=="undefined ")ofr[1]=0;ofrac=ofrac+parseInt(ofr[1]);if(ofrac>10){ofrac=ofrac-10;if(df>=0){nt++}else{nt--}}spos(mi,mit+nt,null,null,null)}else{clearTimeout(pu);return;}osy=sy}}if(stopchec){osy=sy;return}pu=setTimeout('checs()',followrate);}
function PlaceMenu(mn){if(ns4||ns6)pos="relative";else pos="absolute";mnt="<div id=\""+mn+"DIV\" style=\"position:"+pos+"\"></div>";menu=eval("menu"+getMenuByName(mn));menu[21]=mn+"DIV";_d.write(mnt);}
function setpos(){for(a=1;a<menus;a++){menu=eval("menu"+a);if(menu[21]){gm=gmobj(menu[21]);if(ns4){ntp=gm.pageY;nlp=gm.pageX}else{gp=gpos(gm);ntp=gp[0];nlp=gp[1]}mn=gmobj("menu"+a);if(ntp==0)ntp=null;if(nlp==0)nlp=null;spos(mn,ntp,nlp,null,null);}else{if(!menu[5])menu[5]="";if (menu[5].indexOf("left")!=-1||menu[5].indexOf("center")!=-1||menu[5].indexOf("right")!=-1){mn=gmobj("menu"+a);mnp=gpos(mn);mnw=mnp[3];nlp=((ww-mnw)/2);if(menu[5].indexOf("right")!=-1)nlp=ww-mnw;if(menu[5].indexOf("left")!=-1)nlp=1;ts=menu[2]+"";if(ts.indexOf("offset=")==0){os=ts.substr(7,99);nlp=nlp+parseInt(os)}spos(mn,null,nlp,null,null)}if (menu[5].indexOf("top")!=-1||menu[5].indexOf("bottom")!=-1||menu[5].indexOf("middle")!=-1){mn=gmobj("menu"+a);mnp=gpos(mn);mnh=mnp[2];if(opera)mnh=mn.style.pixelHeight;nlp=wh-mnh;if(menu[5].indexOf("middle")!=-1)nlp=((wh-mnh)/2);if(menu[5].indexOf("top")!=-1)nlp=1;ts=menu[1]+"";if(ts.indexOf("offset=")==0){os=ts.substr(7,99);mnp=gpos(mn);nlp=nlp+parseInt(os)}if(menu[10]){menu[1]=nlp;nlp=nlp+sy}spos(mn,nlp,null,null,null)}}}}
function MScan(){sy=self.pageYOffset;if(opera){ww=window.innerWidth;wh=window.innerHeight}else if(_d.all){sy=_d.body.scrollTop;if(sy==0&&!ie4)sy=_d.documentElement.scrollTop;if(_d.compatMode=="CSS1Compat"){ww=document.documentElement.clientWidth;wh= document.documentElement.clientHeight}else{ww=_d.body.clientWidth;wh=_d.body.clientHeight}}else{sy=pageYOffset;if(ns4){ww=self.innerWidth-16;wh=self.innerHeight-17}else{ww=_d.body.offsetWidth;if(!ww)ww=self.innerWidth-15;ww--;wh=self.innerHeight;}}if(MLoaded>1&&oww>0&&(ns4||opera)&&(owh!=wh||oww!=ww)){location.reload()}if(sy!=osy)checs();if(MLoaded==1||(owh!=wh||oww!=ww)){setpos();sis();MLoaded=2;}if(MLoaded){oww=ww;owh=wh;}mspu=setTimeout('MScan()',250)}
function Minit()
{
el=0;df=-1;
if ((_d.all&&_d.getElementById)&&!mac) document.write("<script>function getflta(ap){try{if(ap.filters){flta=1}}catch(e){}}</script>");
for(a=1;a<menus;a++){fixb("menu"+a)}
for(x=1;x<menus;x++){menu=eval("menu"+x);if(menu[7]==1)popup(x)}
sis();
setpos();
if(!opera)MScan();
if(ns4)_d.onmousedown=closeallmenus;else _d.onclick=closeallmenus
}
for(a=1;a<menus;a++){dmenu("menu"+a)}
Oload=window.onload;
function mOL(){if(!ns61&&ns6){Minit();}MLoaded=1;if(Oload)Oload();MScan();}
if(!ns61&&ns6){window.onload=mOL;}else{Minit();window.onload=mOL;}
if(mac&&_d.all){_d.write("<div style=\"position:absolute;top:0;left:0\">")}
The problem is, the site i'm trying to implement this on is centered according to the screen size. How do i keep the position of the menu when the window size has been altered by resizing? Will the dropdowns be affected as well?
I need to use this menu cos the links will be datadriven as well!
Please help...
Thanks
Pixel
Here's the code for placing....
Mtimer=setTimeout("sis()",9999);_d=document;smc=-1;MLoaded=0;
ns4=(_d.layers)?true:false
ns6=(navigator.userAgent.indexOf("Gecko")!=-1)?true:false
mac=(navigator.appVersion.indexOf("Mac")!=-1)?true:false
if(ns6||ns4)mac=false
opera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false
ns61=(parseInt(navigator.productSub)>=20010726)?true:false
ie4=(!_d.getElementById&&_d.all)?true:false;
konq=(navigator.userAgent.indexOf("Konqueror")!=-1)?true:false
mp=(ns6)?"pointer":"hand";atop=5;oatop=0;aleft=0;oaleft=1;osy=0;oww=-1;owh=-1;frs=0;fre=0;
var a,am,oa,im,om,flta;hlarr=new Array();hlcnt=0;hll=0;
Mname=new Array();
timo=0;el=0;nshl=0;var omv=0;df=1;im=0;ofrac=0;omnu=0;ac=22;m=1;sy=1;ShM=0;ww=0;wh=0;
var imar=new Array();mr=","
while(eval("window.menu"+m)){mr+="menu"+m+",";tmenu=eval("menu"+m);Mname[m]=tmenu[0].toLowerCase();m++}
mr=mr+" ";mr=mr.split("\,");menus=mr.length-1;bgt="";if(!opera)bgt="Color";var cgm=0;
function gmobj(mtxt){if(_d.getElementById){m=_d.getElementById(mtxt)}else if(_d.all){m=_d.all[mtxt]}else if(_d.layers){m=_d.layers[mtxt]}return m;}
function gmstyle(mtxt){m=gmobj(mtxt);if(!ns4){if(m)m=m.style;}return m;}
function spos(gm,t_,l_,h_,w_){px="px";if(ns4){px="";gms=gm;if(w_!=null)gms.clip.width=w_;if(h_!=null)gms.clip.height=h_;}else if(opera){px="";gms=gm.style;if(w_!=null)gms.pixelWidth=w_;if(h_!=null)gms.pixelHeight=h_}else{gms=gm.style;if(w_!=null)gms.width=w_+px;if(h_!=null)gms.height=h_+px;}if(t_!=null)gms.top=t_+px;if(l_!=null)gms.left=l_+px}
function gpos(gm){if(ns4){t_=gm.top;l_=gm.left;h_=gm.clip.height;w_=gm.clip.width;}else if(opera){t_=gm.style.pixelTop;l_=gm.style.pixelLeft;h_=gm.style.pixelHeight;w_=gm.style.pixelWidth;}else if(ns6){t_=gm.offsetTop;l_=gm.offsetLeft;h_=gm.offsetHeight;w_=gm.offsetWidth}else{t_=gm.offsetTop;l_=gm.offsetLeft;h_=gm.offsetHeight;w_=gm.offsetWidth;}if(konq){w_=parseInt(gm.style.width);h_=parseInt(gm.style.height);}var gpa=new Array();gpa[0]=t_;gpa[1]=l_;gpa[2]=h_;gpa[3]=w_;return(gpa)}
function getMouseXY(e){if(ns4||ns6){MouseX=e.pageX;MouseY=e.pageY;}else{MouseX=event.clientX;MouseY=event.clientY}if(!opera&&_d.all){MouseX=MouseX+_d.body.scrollLeft;MouseY=MouseY+_d.body.scrollTop}return true}
function parseLink(txt,what){txt=txt+";";lt="";if(what=="link"){sp=txt.indexOf(" ");lt=txt.substr(0,sp);}else{sp=txt.indexOf(what)+what.length+1;if(sp>what.length+1){lt=txt.substr(sp,999);lt=lt.substr(0,lt.indexOf(";"))}}return lt.replace("/ /",lt);}
function cHexColor(_c){if(_c.length==6){_c=_c.toUpperCase();x=0;while(x<6){hsh="#";if(_c.charCodeAt(x)>71){hsh="";x=6}x++}_c=hsh+_c}return _c}
function stch(ms){window.status=ms;return true}
function SDiv(nm,sh){if(ns4&&nm.indexOf(".")>0)tD=eval(nm); else tD=gmstyle(nm);if(tD)if(sh)tD.visibility="visible";else tD.visibility="hidden"}
function close_el(){for(xa=hlarr.length-1;xa>=0;xa--){ti=hlarr[xa].split("_");tmenu=eval(ti[0]);if(ns4){shl(ti[0],ti[1],'hide');}else{arg=gmobj("el"+ti[1]);arg.style.backgroundColor=ti[2];if(opera)arg.style.background=ti[2];arg.style.color=""+ti[3];}if(ti[0]==hll){if(ns4)shl(ti[0],hel,'show');return}}hlcnt=0;hlarr=new Array()}
function closeallmenus()
{
gmi=41;
ShM=0;
om="";
hll="";
close_el();
if(ns4){omv.visibility="hide"}for(a=1;a<menus;a++){menu=eval("menu"+a);if(menu[17]&&MLoaded){SDiv(menu[17],1)}if (menu[7]!=1){SDiv("menu"+a,0)}else{am=""}}
var exists = eval(document.all["Div2"]);
if(exists){
document.all["Div2"].style.visibility = "visible";
document.all["Div1"].style.visibility = "hidden";
}
}
function rep_img(){if(timo){timo.src=o_img};}
function popdn(){arg=popdn.arguments;if(arg[0]){if(arg[3].substr(0,5)!="show-"){if(ns4){shl(arg[2],arg[1],"hide")}else{arg[0].style.backgroundColor=arg[4];if(opera)arg[0].style.background=arg[4];arg[0].style.color=arg[5]}}else{if(ns4)omv=0;hlarr[hlcnt]=arg[2]+"_"+arg[1]+"_"+arg[4]+"_"+arg[5];hlcnt++;}menu=eval(arg[2]);if(!menu[12]){Mtimer=setTimeout("closeallmenus()",timegap);}}else{Mtimer=setTimeout("closeallmenus()",timegap);}
}
function dc(){tr=ltarg.split("=");if(tr[1])parent.frames[tr[1]].location.href=nshl;else location.href=nshl;}
function getMenuByName(mn){mn=mn.toLowerCase();for(a=1;a<menus;a++){if(mn==Mname[a])mn=a}return mn;}
function sis(){for(a=1;a<imar.length;a++){tim=imar[a].split("_");if(tim[4]){tim[3]=tim[3]+"_"+tim[4]}menu=eval(window.tim[3]);if(ns4){im=_d.layers[tim[3]].document.layers.eval("el"+tim[2]);imp=gpos(im);eln="";for(x=0;x<2;x++){imo=_d.layers[tim[3]].document.layers.eval(eln+"el"+tim[2]).document.layers[imar[a]];imop=gpos(imo);imL=imp[3]-(imop[3]);imT=(imp[2]/2)-(imop[2]/2);if(menu[13]=="left")imL=1;if(menu[13]=="center")imL=(imp[3]/2);eln="m";spos(imo,imT,imL,null,null);}}else{imo=gmobj(imar[a]);imop=gpos(imo);im=gmobj("el"+tim[2]);imp=gpos(im);if(menu[11]){imco=gpos(gmobj("hel"+tim[2]));imc=imco[1];}else {imc=0}imT=imp[0]+(imp[2]/2)-(imop[2]/2);imL=imc+imp[3]-(imop[3]);if(menu[13]=="left")imL=imc;if(menu[13]=="center")imL=imc+(imp[3]/2);if(ns6&&!ns61){nsC=gpos(gmobj(tim[3]));imT=imT-nsC[0];imL=imL-nsC[1]}spos(imo,imT,imL,null,null);}}}
function fixb(mnu){menu=eval(mnu);m42=menu[4]*2;mn=gmobj(mnu);if(ns4){if(menu[11])mn.clip.width=mn.clip.width+menu[4];return}mp=gpos(mn);el+=((menu.length-ac)/5);if(ns4){ml=_d.layers[mnu].document.layers.eval("el"+(el-1))}else{ml=gmobj("el"+(el-1))}mlp=gpos(ml);tw=null;th=null;if(menu[11]){ic=(menu.length-ac)/5;lf=0;tc=0;for(y=el-ic;y<el;y++){tc++;ty=gmobj("el"+y);typ=gpos(ty);thy=gmobj("hel"+y);thyp=gpos(thy);if(mac){if(menu[3]){thy.style.width=menu[3]+"px";}else{thy.style.width=1+"px";ty.style.width=thy.offsetWidth+menu[6][9]+"px";}typ[3]=thy.offsetWidth}if(opera){ty.style.top=menu[4];if(lf==0)lf=menu[4];typ[2]=typ[2]+(m42);if(menu[3])spos(ty,0,0,null,typ[3]-5);}spos(thy,0,lf,null,null);lfL=0;if(menu[ac-1+(tc*5)]>0)lfL=menu[ac-1+(tc*5)];lf=lf+typ[3]+lfL;}if(lfL==0)lfL=0;else lfL-1;tw=lf-lfL;th=typ[2];if(_d.compatMode=="CSS1Compat"){}else{if(mac){if(!_d.doctype)th=th+(m42)}else if(_d.all&&!opera){tw=tw+(m42);th=th+(m42)}}if(opera)tw=tw+(menu[4])}else{if(_d.all)tw=mlp[3];if(ns6)tw=mp[3]-(menu[4]*4);if(opera)tw=mp[3]+(menu[6][9]*2)-(m42);if(mac){th=mlp[0]+mlp[2]-3;if(!_d.doctype)th=th+(m42)}}spos(mn,null,null,th,tw);}
function sm(v1){ap=gmobj(v1);if(flta)if(ap.filters[0])ap.filters[0].Apply();gmi++;if(!ns4)aps=ap.style; else aps=ap;aps.zIndex=gmi;aps.visibility='visible';if(flta)if(ap.filters[0])ap.filters[0].Play();if(menu[17])SDiv(menu[17],0)}
function popup(mn,mpos){if(ns4)_d.captureEvents(Event.MOUSEMOVE);_d.onmousemove=getMouseXY;if(isNaN(mn)){for(a=1;a<menus;a++){if(mn==Mname[a])mn=a}}setpos();omv.visibility='hide';clearTimeout(Mtimer);closeallmenus();mtxt='menu'+mn;mi=gmstyle(mtxt);if(mpos){mn=gmobj(mtxt);spos(mn,MouseY+2,MouseX+2,null,null);}flta=0;if((_d.all&&_d.getElementById)&&!mac){ap=gmobj(mtxt);getflta(ap);}sm(mtxt);am=mn}
function shl(lyr,el,s){clearTimeout(Mtimer);mt=_d.layers[lyr].document.layers.eval("el"+el);omv.visibility="hide";menu=eval(lyr);mt.visibility=s;omv=mt}
function popi(v1,lyr,el)
{
var exists = eval(document.all["Div2"]);
if(exists){
document.all["Div2"].style.visibility = "hidden";
document.all["Div1"].style.visibility = "visible";
//document.all["Div1"].style.visibility = "visible";
}
subfound=0;
for(a=1;a<menus;a++)
{
if(v1.substring(10,99)==Mname[a])
{
v1="show-menu"+a;
subfound=1;
a=999
}
}
sel="smenu="+el+"#";
if(!om)om=lyr;
clearTimeout(Mtimer);
if(ns4)
{
timo=_d.layers[lyr].document.layers.eval("el"+el).document.images[0]
}
else
{
timo=gmobj("im"+el)
}
o_img="";
if (timo)
{
o_img=timo.src;
ima=o_img.split(".");
enD=ima.length;
if(ima[enD-2].indexOf("_over")==-1)ima[enD-2]=ima[enD-2]+"_over";
nsrc="";
for(eD=0;eD<enD;eD++)
{
nsrc=nsrc+ima[eD]+"."
}
nsrc=nsrc.substring(0,nsrc.length-1);
ta=om.split(",");
NI1=new Image;
NI1.src=nsrc;
if(NI1.width>0)timo.src=nsrc;
}
container=eval(lyr);
if(subfound)
{
v1=v1.substring(5,20);
menu=eval(v1);
omnu=v1;
mi=gmobj(v1);
gp=gpos(gmobj(lyr));
h3="";
if(container[11])h3="h";
if(ns4){tel=gpos(_d.layers[lyr].document.layers.eval("el"+el))}else{tel=gpos(gmobj(h3+"el"+el))}
np=gpos(mi);
if(container[11])
{
if(!container[5])container[5]="";
if(!ns61&&ns6){gp[1]=-1;gp[0]--}
if(ns4||mac)gp[1]--;
if(mac)gp[0]--;
if(container[5].indexOf("bottom")>=0)
{
tvar=container[1]
if(!tvar)tvar=0;
gp[0]=gp[0]-np[2]-tel[2]
}
if(tel[1]+gp[1]+np[3]>ww){gp[1]=ww-np[3]-tel[1];if(!_d.all)gp[1]=gp[1]-14}
mtop=gp[0]+gp[2]-1;
mleft=tel[1]+gp[1];
if(container[15])mleft=mleft-np[3]+tel[3]+(container[4]*2)
m1=menu[1];
if(m1)
{
m1=m1+"";
if(m1.indexOf("offset=")==0)
{
os=m1.substr(7,99);
mtop=(parseInt(os)+mtop);
}
else
{
if(m1)mtop=parseInt(m1);
}
}
m2=menu[2];if(m2){m2=m2+"";if(m2.indexOf("offset=")==0){os=menu[2].substr(7,99);mleft=(parseInt(os)+mleft);}else{if(m2)mleft=m2;}}
spos(mi,mtop,mleft,null,null);
}
else
{
if(!ns61&&ns6)tel[0]=tel[0]-gp[0];
nt=tel[0]+gp[0]+suboffset_top;
nl=gp[1]+tel[3]-suboffset_left;
if((gp[1]+gp[3]+np[3])>=ww){nl=gp[1]-np[3]+suboffset_left}
if(nt+np[2]>wh+sy){nt=wh-np[2]+sy;}
if(menu[1]>=0)nt=menu[1]
if(menu[2]>=0)nl=menu[2]
spos(mi,nt,nl,null,null);
}
om+=","+v1;
if(ShM==1)
{
sm(v1);
if(!ns4)mi.style.visibility="visible";
}
}
ta=om.split(",")
strt=0;
for(a=0;a<ta.length;a++)
{
if (ta[a]==v1)strt=0;
if (strt)
{
if(ta[a])
{
hll=lyr;
hel=el;
close_el(el);
tmnu=eval(ta[a])
if(tmnu[17])SDiv(tmnu[17],1)
SDiv(ta[a],0)
}
ta[a]=""
}
if(ta[a]==lyr)strt=1;
}
mmenu=eval(lyr)
if(mmenu[7]&&lyr!=ta[0])
{
ogmi=gmi;
closeallmenus();
gmi=ogmi;
if(v1==ta[ta.length-1])
{
if(ns4)shl(lyr,el,'show');
tmnu=eval(v1)
if(tmnu[17])SDiv(tmnu[17],0)
SDiv(v1,1)
}
ta=[v1];
}
om=""
mdisp=0
for(a=0;a<ta.length;a++)
{
if(ta[a]==lyr)frs=a
if(ta[a]==v1)fre=a
if (mdisp||(a>frs&&a<fre))
{
if (ta[a]&&ta[a]!=v1)
{
SDiv(ta[a],0)
close_el(el);
if(ns4)shl(lyr,el,'hide');
}
}
else
{
if(ta[a])om+=ta[a]+",";
}
if (v1==ta[a])mdisp=1
}
}
function hl()
{
arg=hl.arguments;
hlnk=arg[1];
am=" "+a;am=am.length-1;subimg="";arg[0]+=""
if(ns6){dwd=arg[2][9]*2}else{dwd=0}
if (ns4){if (el==0){st="<style type=\"text/css\">A.m{text-decoration:none;}</style>";_d.write(st);oatop=atop;}else{mtl=_d.layers[omnu].document.layers.eval("el"+(el-1));
if (oatop==atop){atop+=mtl.clip.height}else{atop=menu[4];}oatop=atop}if(menu[11]){atop=menu[4];if(oaleft==aleft){aleft+=mtl.clip.width+arg[8]}else{aleft=menu[4];oaleft=aleft}oaleft=aleft}else{aleft=menu[4];}}
if(arg[0].indexOf("<img")>=0){ipos=arg[0].indexOf("<img");arg[0]=arg[0].substr(0,ipos+4)+" id=im"+el+" "+ arg[0].substr(ipos+5,900)}
if (hlnk.substring(0,5)=="show-"){arg[1]=arg[1].toLowerCase();if(arg[7]==hlnk) if(arg[6])arg[7]=arg[6];else arg[7]="";hlnk="#";if (arg[6]+" "!="undefined ")hlnk=arg[6];}
if (arg[1].substring(0,5)=="show-" && (!menu[11]||menu[6][16])){im++;ims="im"+im+"_"+a+"_"+el+"_"+arg[5];ti=arg[2][10];
if(menu[6][16]&&menu[11])ti=menu[6][16];
if(ns4){sti="<img border=0 src="+ti+">";if(!arg[2][10]||arg[2][10]=="a"){arg[2][10]="a";sti=""}subimg="<layer id="+ims+">"+sti+"</layer>";}else{subimg="<img id="+ims+" style=\"position:absolute;\" border=0 src="+ti+">"};imar[im]=ims;}
omp=mp;ofc=arg[2][0];ofb=arg[2][1];onc=arg[2][2];onb=arg[2][3];ltarg=" ";lOnfunc="";lOffunc="";ltype="";lalign=menu[8];if(!lalign)lalign="left"
if(hlnk.indexOf(" ")>0)
{
_al=parseLink(hlnk, "align");if(_al)lalign=_al;
ltarg=parseLink(hlnk, "target");
if(ltarg)ltarg=" target="+ltarg
lOnfunc=parseLink(hlnk, "onfunction")+";";
lOffunc=parseLink(hlnk, "offfunction")+";";
ltype=parseLink(hlnk, "type");
tofc=parseLink(hlnk, "offfontcolor");if(tofc)(ofc=tofc)
tofb=parseLink(hlnk, "offbackcolor");if(tofb)(ofb=tofb)
tonc=parseLink(hlnk, "onfontcolor");if(tonc)(onc=tonc)
tonb=parseLink(hlnk, "onbackcolor");if(tonb)(onb=tonb)
hlnk=parseLink(hlnk, "link");
}
if(arg[7]+""=="undefined"){arg[7]=hlnk}
if(ltype=="form"){onc=ofc;onb=ofb;mp="default"}
if(ltype=="header"&&arg[2][17]){ofc=arg[2][17];ofb=arg[2][18];onc=arg[2][17];onb=arg[2][18];mp="default"}
pI="popi('"+arg[1]+"','"+arg[5]+"',"+el+");"
smO="ShM=1;"
smC=""
if(menu[16]==1)
{
smO="";
hlnk="javascript:ShM=1;"+pI
}
if(hlp[14])if(location.href.indexOf(hlnk)>0&&(hlnk.substr(-1,1)!="/"))smc=el
if(smc==el&&arg[2][14]){ofc=arg[2][14];ofb=arg[2][15];}
ofc=cHexColor(ofc);onc=cHexColor(onc);ofb=cHexColor(ofb);onb=cHexColor(onb);
if(ltype=="form"||hlnk=="#"||ltype=="header"){mp="default";if(ns4){hlnk="<a ";}else{hlnk=" "}}else{if(ns4){hlnk="<a href=\""+hlnk+"\" "+ltarg}else{hlnk="<a href=\""+hlnk+"\" "+ltarg + " style='text-decoration:none;'>"}}
pd="popdn(this," + el + ", '" + arg[5] + "', '"+arg[1]+"', '"+ofb+"', '"+ofc+"');"
if(ns4){
rsp=""
tdwd=" width="+menu[3]
if(lalign=="left")tdwd=""
if (lalign=="right") rsp="<td height=-1></td>"
ls="<table cellpadding="+(arg[2][9]/2)+" cellspacing=0><tr><td height=-1 align="+lalign+tdwd+">"+hlnk+" style='color:"
le=";text-decoration:none;font-size:"+arg[2][5]+"px;font-weight:"+arg[2][7]+";font-family:"+arg[2][8]+"' onmouseover=\"status='"+arg[7]+"';\">"+arg[0]+"</a>"+subimg+"</td>"+rsp+"</tr></table></layer>"
lv=" left="+aleft+" width="+(menu[3]-(menu[4]*2))+" top="+atop
nsofb="";if(ofb)nsofb=" BGColor="+ofb
nsonb="";if(onb)nsonb=" BGColor="+onb
mt="<layer id=mel"+el+lv+" "+nsofb+" onmouseover=\""+smO+"shl('"+arg[5]+"',"+el+",'show');"+pI+" "+lOnfunc+";return stch('"+arg[7]+"');\">"+ls+ofc+le
mt+="<layer id=el"+el+lv+" "+nsonb+" onmouseover=\"clearTimeout(Mtimer);"+pI+"ltarg='"+ltarg+"'; nshl='"+arg[1]+"'; this.captureEvents(Event.CLICK); this.onClick=dc;\" onmouseout=\""+pd+"; "+lOffunc+"; return stch('');\" visibility=hidden >"+ls+onc+le
}else{
mt="";
if (menu[11]){bgc=hlp[4];if(hlp[11])bgc=hlp[12];
mt+="<div id=hel"+el+" style=\"background-color:'"+onb+"';width:"+(menu[3]-menu[4])+"px;position:absolute;top:0;left:"+dlft+";\">";dlft=dlft+menu[3]-(menu[4]*2)+menu[4]}
rsp=0;if (lalign=="right") rsp=7;
mt+=hlnk
dw=(menu[3]-(2*menu[4]+dwd))
if(dw+" "=="NaN "){dw=""}else{dw="width:"+dw+"px"}
if(!menu[3]&&ie4)dw="width:1px";
if(!menu[3]&&opera){dw="position:absolute;";lalign="left"}
if(isNaN(arg[2][9]))
{
padd=arg[2][9]
}
else
{
psp=arg[2][9]+"px "
padd=psp+psp+psp+psp
}
//padd=" 10px 10px 10px 10px ;";
mt+="<div align="+lalign+" id=el"+el+" style=\""+dw+";padding:"+padd+";font-weight:"+arg[2][7]+";font-style:"+arg[2][6]+";font-family:"+arg[2][8]+";font-size:"+arg[2][5]+"px;color:"+ofc+";background-color:"+ofb+";\""
mt+=" onMouseOver=\""+smO+"this.style.cursor='"+mp+"';this.style.background"+bgt+"='"+onb+"';style.color='"+onc+"';"+pI+";"+lOnfunc+";return stch('"+arg[7]+"');\""
mt+=" onMouseOut=\"rep_img(); "+pd+";"+lOffunc+"; return stch('');\">"
mt+=arg[0]+"</div>";
mt+="</a>";if (menu[11]){mt+="</div>"}
mt+=subimg
}
mp=omp
_d.write(mt);el++;
}
function dmenu(mnu){
menu=eval(mnu);
atop=menu[4];
hlp=menu[6];
if(!menu[4])menu[4]=0;
if(ns4)eq="="; else eq=":"
for(z=0;z<19;z++)
{
if(z==5)z=12;
if(z==16)z++;
if(hlp[z])hlp[z]=cHexColor(hlp[z]);
}
if(el)ns6c=3;else ns6c=2;ns6w=0;if(menu[8]=="right"&&ns6)ns6w=7;
if (menu[3]<1)menu[3]="undefined"
if(ns4)
{
thw=menu[3]
if(menu[11])
{
ic=(menu.length-ac)/5;
thw=(menu[3]*ic)-(menu[4]*ic)+menu[4]
}
bgc="";
if(hlp[4])bgc="bgColor="+hlp[4]
if (hlp[11])
{
bgc="bgColor="+hlp[13]
}
mt="<layer z-index=40 visibility=hidden "+bgc+" id="+mnu+" top="+menu[1]+" left="+menu[2]+" width="+thw+">"
if (hlp[11])
{
mt+="<layer "+bgc+" top=0 left=0 height=2 width=100%></layer>"
}
mt+="<layer id="+mnu+"3d bgcolor="+hlp[12]+" top=0 left=0 height=0 width=2></layer>"
}
else
{
iedf="";if(!opera&&!mac&&_d.all&&menu[9])
{
iedf=" filter:";flt=menu[9].split("\;");for(fx=0;fx<flt.length;fx++){iedf+=" progid
XImageTransform.Microsoft."+flt[fx]}}if (hlp[11]){brd = "border:solid "+menu[4]+"px; border-left-color:"+hlp[12]+";border-top-color:"+hlp[12]+";border-bottom-color:"+hlp[13]+";border-right-color:"+hlp[13]+";"}else{brd = "border:solid "+menu[4]+"px; border-left-color:"+hlp[4]+";border-top-color:"+hlp[4]+";border-bottom-color:"+hlp[4]+";border-right-color:"+hlp[4]+";"}
mt="<div id="+mnu+" style=\""+iedf+";z-index:40;visibility:hidden;"+brd+"position:absolute;background-Color:"+hlp[4]+";width:"+(menu[3]+ns6w)+"px;left:"+menu[2]+"px;top:"+menu[1]+"px;\">"
}
_d.write(mt)
x=0;
dlft=0
aleft=0;
for(b=ac;b<menu.length;b++)
{
b=b+4
if(menu[b-3]==""){menu[b-3]="#"}
menu[b-3] = menu[b-3].replace(/\"/gi, """)
if(!menu)menu=0
hl(menu[b-4], menu[b-3],hlp,100,100,mnu,menu[b-2],menu[b-1],menu[b-5])
txt="";
if(ns4)
{
if (!menu[11])
{
if (menu&&b<menu.length-1)
{
mt=_d.layers[mnu].document.layers.eval("el"+(el-1))
_d.lay
x=atop+mt.clip.height
if (!hlp[11]) x++
txt="<layer top="+(x-2)+" left="+menu[4]+" height=1 "+bgc+" width="+mt.clip.width+" onmouseover=\"clearTimeout(Mtimer)\" ></layer>"
if (hlp[11]) {txt+="<layer top="+(x-1)+" left="+menu[4]+" height=1 bgcolor="+hlp[12]+" width="+mt.clip.width+"></layer>"
}
}
}
}
else
{
mbw=menu;bc=hlp[4];bl="";oc="";if(opera){bl="left:0;";oc="_d.getElementById('el"+el+"').style.background='"+hlp[1]+"';_d.getElementById('el"+el+"').style.color='"+hlp[0]+"'";if(opera&&mbw==0){mbw=1;bc=hlp[1];bl+="width:"+menu[3]-menu[4]+"px"}else{if(menu[4]==1)ocv=4;bl+="width:"+(menu[3]+(menu[6][9]*2)-menu[4])+"px"}}
if(b+1==menu.length)mbw=0;
if(mbw>0)
{
if (!menu[11])
{
dwid=(menu[3]-(menu[4]*2))
if(_d.all&&_d.compatMode=="CSS1Compat")dwid=menu[3]+(menu[6][9]*2)-menu[4]
if (hlp[11]&&mbw==1)
{
txt="<div onmouseout=\""+oc+"\" onmouseover=\"clearTimeout(Mtimer)\" style=\"position:relative\">"
txt+="<div style=\"border-top:1px solid "+hlp[13]+"; background-color:"+hlp[12]+"; width:"+dwid+"px;position:absolute;clip:rect(0 100% 2px 0);height:1px;"+bl+"\">"
txt+="</div></div>"
}
else
{
txt="<div style=\"position:relative;\">"
txt+="<div onmouseout=\"popdn();"+oc+"\" onmouseover=\"clearTimeout(Mtimer)\" style=\"background-color:"+bc+";width:"+dwid+"px;position:absolute;"
txt+="clip:rect(0 100% "+mbw+"px 0);height:"+mbw+"px;"+bl+"\">"
txt+="</div>"
txt+="</div>"
}
}
}
}
_d.write(txt);
omnu=mnu;
mt=""
}
oatop=-1;
if (ns4){mt="</layer>"}else{mt+="</div></div>"}
_d.write(mt)
if (ns4)
{
ml=gmobj(mnu)
ml.clip.height += menu[4]
ml3d=_d.layers[mnu].document.layers.eval(mnu+"3d")
if (hlp[11])ml3d.clip.height=ml.clip.height
}
}
function checs(e){stopchec=1;for(a=1;a<menus;a++){menu=eval("menu"+a);if(menu[10]>0){stopchec=0;if (df!=0||osy!=sy){mi=gmobj("menu"+a); tm=gpos(mi);mit=tm[0];if(isNaN(menu[1]))menu[1]=0;df=parseInt(menu[1])+sy-mit;nt=df/followspeed;of1=nt.toString();ofr=of1.split("\.");if(ofr[1]+" "=="undefined ")ofr[1]=0;ofrac=ofrac+parseInt(ofr[1]);if(ofrac>10){ofrac=ofrac-10;if(df>=0){nt++}else{nt--}}spos(mi,mit+nt,null,null,null)}else{clearTimeout(pu);return;}osy=sy}}if(stopchec){osy=sy;return}pu=setTimeout('checs()',followrate);}
function PlaceMenu(mn){if(ns4||ns6)pos="relative";else pos="absolute";mnt="<div id=\""+mn+"DIV\" style=\"position:"+pos+"\"></div>";menu=eval("menu"+getMenuByName(mn));menu[21]=mn+"DIV";_d.write(mnt);}
function setpos(){for(a=1;a<menus;a++){menu=eval("menu"+a);if(menu[21]){gm=gmobj(menu[21]);if(ns4){ntp=gm.pageY;nlp=gm.pageX}else{gp=gpos(gm);ntp=gp[0];nlp=gp[1]}mn=gmobj("menu"+a);if(ntp==0)ntp=null;if(nlp==0)nlp=null;spos(mn,ntp,nlp,null,null);}else{if(!menu[5])menu[5]="";if (menu[5].indexOf("left")!=-1||menu[5].indexOf("center")!=-1||menu[5].indexOf("right")!=-1){mn=gmobj("menu"+a);mnp=gpos(mn);mnw=mnp[3];nlp=((ww-mnw)/2);if(menu[5].indexOf("right")!=-1)nlp=ww-mnw;if(menu[5].indexOf("left")!=-1)nlp=1;ts=menu[2]+"";if(ts.indexOf("offset=")==0){os=ts.substr(7,99);nlp=nlp+parseInt(os)}spos(mn,null,nlp,null,null)}if (menu[5].indexOf("top")!=-1||menu[5].indexOf("bottom")!=-1||menu[5].indexOf("middle")!=-1){mn=gmobj("menu"+a);mnp=gpos(mn);mnh=mnp[2];if(opera)mnh=mn.style.pixelHeight;nlp=wh-mnh;if(menu[5].indexOf("middle")!=-1)nlp=((wh-mnh)/2);if(menu[5].indexOf("top")!=-1)nlp=1;ts=menu[1]+"";if(ts.indexOf("offset=")==0){os=ts.substr(7,99);mnp=gpos(mn);nlp=nlp+parseInt(os)}if(menu[10]){menu[1]=nlp;nlp=nlp+sy}spos(mn,nlp,null,null,null)}}}}
function MScan(){sy=self.pageYOffset;if(opera){ww=window.innerWidth;wh=window.innerHeight}else if(_d.all){sy=_d.body.scrollTop;if(sy==0&&!ie4)sy=_d.documentElement.scrollTop;if(_d.compatMode=="CSS1Compat"){ww=document.documentElement.clientWidth;wh= document.documentElement.clientHeight}else{ww=_d.body.clientWidth;wh=_d.body.clientHeight}}else{sy=pageYOffset;if(ns4){ww=self.innerWidth-16;wh=self.innerHeight-17}else{ww=_d.body.offsetWidth;if(!ww)ww=self.innerWidth-15;ww--;wh=self.innerHeight;}}if(MLoaded>1&&oww>0&&(ns4||opera)&&(owh!=wh||oww!=ww)){location.reload()}if(sy!=osy)checs();if(MLoaded==1||(owh!=wh||oww!=ww)){setpos();sis();MLoaded=2;}if(MLoaded){oww=ww;owh=wh;}mspu=setTimeout('MScan()',250)}
function Minit()
{
el=0;df=-1;
if ((_d.all&&_d.getElementById)&&!mac) document.write("<script>function getflta(ap){try{if(ap.filters){flta=1}}catch(e){}}</script>");
for(a=1;a<menus;a++){fixb("menu"+a)}
for(x=1;x<menus;x++){menu=eval("menu"+x);if(menu[7]==1)popup(x)}
sis();
setpos();
if(!opera)MScan();
if(ns4)_d.onmousedown=closeallmenus;else _d.onclick=closeallmenus
}
for(a=1;a<menus;a++){dmenu("menu"+a)}
Oload=window.onload;
function mOL(){if(!ns61&&ns6){Minit();}MLoaded=1;if(Oload)Oload();MScan();}
if(!ns61&&ns6){window.onload=mOL;}else{Minit();window.onload=mOL;}
if(mac&&_d.all){_d.write("<div style=\"position:absolute;top:0;left:0\">")}