from www.dhtmlcentral.com
currently version is coolmenu4.js
<HTML>
<HEAD>
<script language="JavaScript">
function showWindow(labelID)
{
//changeStyle(labelID);
window.open(labelID,"PopUp","titlebar=no,menubar=no,toolbar=no,scrollbars=no,alwaysraised=yes,resizable=0,left=604 top=190,width=250,height=200"); //left=722, top=190,width=150,height=150");
}
</script>
</HEAD>
<BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1" bgcolor="#31659c"></td>
</tr>
</table>
<script language=JavaScript1.2 src="coolmenus3.js">
</script><script>
var countTop = 0;
var arrayTop = new Array();
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion; this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom)
return this
}
var bw=new lib_bwcheck()
var mDebugging=2
oTMenu=new makeCoolMenu("oTMenu")
oTMenu.useframes=1
oTMenu.frame="frameMain" // refer below frameset page
oTMenu.useclick=0
oTMenu.useNS4links=1
oTMenu.NS4padding=0
oTMenu.checkselect=1
oTMenu.offlineUrl="#"
oTMenu.onlineUrl="#"
oTMenu.pagecheck=1
oTMenu.checkscroll=1
oTMenu.resizecheck=1
oTMenu.wait=300
//Background bar properties
oTMenu.usebar=1
oTMenu.barcolor="0"
oTMenu.barwidth="menu"
oTMenu.barheight="menu"
oTMenu.barx="menu"
oTMenu.bary="menu"
oTMenu.barinheritborder=0
//Placement properties
oTMenu.rows=1
oTMenu.fromleft=0
oTMenu.fromtop=20
oTMenu.pxbetween=-1
oTMenu.usetextwidth=1
oTMenu.menuplacement="right"
oTMenu.hideForm="document.maintenanceMenu"
// LEVEL[0] PROPERTIES
oTMenu.level[0]=new Array()
oTMenu.level[0].width=150
oTMenu.level[0].height=18
oTMenu.level[0].bgcoloroff="#FFFFFF"
oTMenu.level[0].bgcoloron="#C6E7F7"
oTMenu.level[0].textcolor="#336699"
oTMenu.level[0].hovercolor="#336699"
oTMenu.level[0].style="padding:2px; font-family:verdana,Courier New; font-size:11px;"
oTMenu.level[0].offsetX=-150*1.25
oTMenu.level[0].offsetY=-2
oTMenu.level[0].border=0
oTMenu.level[0].bordercolor="red"
oTMenu.level[0].NS4font="verdana,Courier New"
oTMenu.level[0].NS4fontSize="1"
oTMenu.level[0].align="bottom"
oTMenu.level[0].clip=0
oTMenu.level[0].clippx=0
oTMenu.level[0].cliptim=0
oTMenu.level[0].filter=0
// LEVEL[1] PROPERTIES
oTMenu.level[1]=new Array()
oTMenu.level[1].width=190
oTMenu.level[1].height=18
oTMenu.level[1].bgcoloroff="#C6E7F7"
oTMenu.level[1].bgcoloron="#94CFE7"
oTMenu.level[1].textcolor="#000000"
oTMenu.level[1].hovercolor="#171770"
oTMenu.level[1].style="padding:2px; font-family:verdana,Courier New; font-size:11px;"
oTMenu.level[1].offsetX=0
oTMenu.level[1].offsetY=0
oTMenu.level[1].border=1
oTMenu.level[1].bordercolor="#FFFFFF"
oTMenu.level[1].NS4font="verdana,Courier New"
oTMenu.level[1].NS4fontSize="1"
oTMenu.level[1].align="bottom"
// LEVEL[2] PROPERTIES
oTMenu.level[2]=new Array()
oTMenu.level[2].width=290
oTMenu.level[2].height=19
oTMenu.level[2].bgcoloroff="#94CFE7"
oTMenu.level[2].bgcoloron="#59B5DA"
oTMenu.level[2].textcolor="#000000"
oTMenu.level[2].hovercolor="#171775"
oTMenu.level[2].style="padding:2px; font-family:verdana,Courier New; font-size:11px;"
oTMenu.level[2].offsetX=0
oTMenu.level[2].offsetY=0
oTMenu.level[2].border=1
oTMenu.level[2].bordercolor="#FFFFFF"
oTMenu.level[2].NS4font="verdana,Courier New"
oTMenu.level[2].NS4fontSize="1"
oTMenu.level[2].align="bottom"
//MENU FOR Campaigns
oTMenu.fromleft=981
oTMenu.makeMenu('top6','','<label id="top6"> Menu </label><label> |</label>','','','1','','','','','','','#000000','','','')
arrayTop[countTop]='top6';
countTop++;
oTMenu.makeMenu('subt23','top6',' Menu1','1.htm','','','','','','','','','','','','')
oTMenu.makeMenu('subt28','top6','<td align="right"> </td> Menu2','','','190','','','','','','','','','','')
oTMenu.makeMenu('subbe32','subt28',' Menu21','','','','','','','','','','','','','')
oTMenu.makeMenu('subbe33','subt28',' Menu22','','','','','','','','','','','','','')
oTMenu.makeMenu('subbe34','subt28',' Menu23','','','','','','','','','','','','','')
oTMenu.makeMenu('subbe35','subt28',' Menu24','','','','','','','','','','','','','')
oTMenu.makeMenu('subbe36','subt28',' Menu25','','','','','','','','','','','','','')
oTMenu.makeStyle();
oTMenu.construct();
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<title>MY TEST HOME</title>
<!-- META http-equiv=Content-Type content="text/html; charset=windows-1252" -->
<meta http-equiv="Content-Type" content="text/html; charset="windows-1252">
</HEAD>
<FRAMESET border=1 frameSpacing=0 rows=7%,93% frameBorder=no scrolling=no>
<FRAME name="menu" marginWidth=0 marginHeight=0 src="MyTest.htm" frameBorder=no noResize scrolling=no>
<FRAME name="frameMain" marginWidth=0 marginHeight=0 src="content.htm" frameBorder=no noResize scrolling=no>
</FRAMESET>
<noframes>
</noframes>
</HTML>