<style>        
a:link, a:visited, a:active { text-decoration: none; color: black;}        
a:hover { text-decoration: none; color: yellow; }        
</style>        
<STYLE type=text/css>A {        
FONT-FAMILY: Times; FONT-SIZE: 18px; LINE-HEIGHT: 18px; TEXT-DECORATION: none; wodth: 100%; weight: heavy        
}        
A:hover {        
COLOR: #ffff99        
}        
BODY {        
FONT-FAMILY: Helvetica        
}        
</STYLE>        
<SCRIPT language=JavaScript><!--        
dd=document;hexa=new Array('0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f')        
function hex(i){        
if (i<0)return "00";        
else          
if (i>255)        
return "ff";        
else return ""+hexa[Math.floor(i/16)]+hexa[i%16]        
}        
function setbg(r,g,b){        
hr=hex(r);        
hg=hex(g);        
hb=hex(b);        
bg="#"+hr+hg+hb        
}        
function setBGCOLOR(L,color){        
if(dd.layers)        
dd.layers[L].bgColor=color;        
else obg=dd.getElementById(L);        
obg.style.background=color        
}        

mn=new Array(        
new Array('home.htm','СТРАНИЦА'),        
new Array('home.htm','ГЛАВНАЯ 2'),        
new Array('another.htm','ДРУГАЯ СТРАНИЦА'),        
new Array('Link.htm','СТРАНИЦА С ЛИНКАМИ'),        
new Array('popdemo.htm','ДЕМО СТРАНИЦА'),        
new Array('i_digital.htm','ПРОСТО ЛИНК 1'),        
new Array('ind_e_www.htm','ПРОСТО ЛИНК 2'),        
new Array('ind_e_bnk.htm','ЕЩЕ ПРОСТО ЛИНК 3'),        
new Array('index_eng.htm','ЕЩЕ ПРОСТО ЛИНК 4'),        
new Array('ind_iq_test.htm','ЕЩЕ ОДИН ПРОСТО ЛИНК 5'),        
new Array('index_hist.htm','ЕЩЕ ОДИН ПРОСТО ЛИНК 6'),        
new Array('index_r.htm','ЕЩЕ ОДИН ПРОСТО ЛИНК 7'),        
new Array('index_teatr.htm','И ЕЩЕ ОДИН ПРОСТО ЛИНК 8')        
)        

mnlen=mn.length;Rst=Math.floor(250/mnlen)        
lact=0;aah=0        

function lght(){        
lact--;if(lact<0)lact=mnlen-1        
lact1=lact+1;if(lact1==mnlen)lact1=0        
lact2=lact1+1;if(lact2==mnlen)lact2=0        
for(var j=0;j<mnlen;j++){        
setbg(250-Rst*j,0,0);setBGCOLOR('ln'+j,bg)        
}        
setbg(320-Rst*lact,50,50);        
setBGCOLOR('ln'+lact,bg)        
setbg(300-Rst*lact1,30,30);        
setBGCOLOR('ln'+lact1,bg)        
setbg(280-Rst*lact2,10,10);        
setBGCOLOR('ln'+lact2,bg)        
setTimeout ("lght()",99)        
}        
function goPg(num){window.location='http://ваш_сайт.com/'+mn[num][0]}        
//--></SCRIPT>

<SCRIPT LANGUAGE="JavaScript">      

<!-- Begin      
function buildMenu() {      
speed=35;      
topdistance=100; //конечное положение от верхнего края      
items=6;      
y=-50;      
ob=1;      
if (navigator.appName == "Netscape") {      
v=".top=",dS="document.",sD="";      
}      
else {      
v=".pixelTop=",dS="",sD=".style";      
}      
}      
function scrollItems() {      
if (ob<items+1) {      
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);      
if (y<topdistance) setTimeout("scrollItems()",speed);      
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);      
}      
}      
// End -->      
</SCRIPT>

<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->      
<table border=1 width=150 bgcolor=80FFFF>      
<td><center>      
<a href=#top>Линк 1!</a>      
</center></td>      
</table>      
</div>      

<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->      
<table border=1 width=150 bgcolor=80FFFF>      
<td><center>      
<a href=#top>Линк 2!</a>      
</center></td>      
</table>      
</div>      

<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->      
<table border=1 width=150 bgcolor=80FFFF>      
<td><center>      
<a href=#top>Линк 3!</a>      
</center></td>      
</table>      
</div>      

<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->      
<table border=1 width=150 bgcolor=80FFFF>      
<td><center>      
<a href=#top>Линк 4!</a>      
</center></td>      
</table>      
</div>      

<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->      
<table border=1 width=150 bgcolor=80FFFF>      
<td><center>      
<a href=#top>Линк 5!</a>      
</center></td>      
</table>      
</div>      

<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->      
<table border=1 width=150 bgcolor=80FFFF>      
<td><center>      
<a href=#top>Линк 6!</a>      
</center></td>      
</table>      
</div>  

<script language="JavaScript1.2">    

function move(x) {    
if (document.all) {    
object1.style.pixelLeft += x;    
object1.style.visibility = "visible"}    
else if (document.layers) {    
document.object1.left += x;    
document.object1.visibility = "show"}};    

function makeStatic() {    
if (document.all) {object1.style.pixelTop= document.body.scrollTop+20}    
else {eval(document.object1.top= eval(window.pageYOffset+20));}    
setTimeout("makeStatic()",0);}    
</script>    

<style>    
<!--    

.hl {    
Background-Color : yellow;    
Cursor:hand;    
}    
.n {    
Cursor:hand;    
}    
-->    
</style>

<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">    

<script language="JavaScript1.2">    

function positionmenu(){    
move(-132)    
}    

if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}    
</script>    

<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">    
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>    

<script language="JavaScript1.2">    
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"> <p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U </font></p> </span></TD>')    
</script>    

</tr>    

<script language="JavaScript1.2"><!--    
if (document.all||document.layers) {    
makeStatic();}    

var text=new Array();    
var thelink=new Array();    

//configure thelinks below. Extend as desired    

text[0]="Рыба";    
text[1]="Мясо";    
text[2]="Колбаса";    
text[3]="Икра";    
text[4]="Сыр";    
text[5]="Конфеты";    
text[6]="Сигареты";    
text[7]="Водка";    

thelink[0]="#top";    
thelink[1]="#top";    
thelink[2]="#top";    
thelink[3]="#top";    
thelink[4]="#top";    
thelink[5]="#top";    
thelink[6]="#top";    
thelink[7]="#top";    

//Введите здесь target    
//ПРАВИЛЬНОЕ ОБОЗНАЧЕНИЕ  'new'-для нового окна, ' ' - для этого окна, 'framename' (где 'framename' имя фрэйма)    
var linktarget=' '    

///DO NOT EDIT BELOW THIS LINE////////////////    

function navigateie(which){    
if (linktarget=='')    
window.location=thelink[which]    
else if (linktarget=='new')    
window.open(thelink[which])    
else{    
temp_var=eval("window.parent."+linktarget)    
temp_var.location=thelink[which]    
}    
}    

for (i=0;i<=text.length-1;i++)    
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}    
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A> </FONT></LAYER></ILAYER></TD></TR>')}    

//-->    
</script>    
<tr>    
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>    
</TR>    
</table>    
<script language="JavaScript1.2">    
if (document.all) {document.write('</DIV>')}    
window.onload=positionmenu    
</script>    
</LAYER>     

<script language="JavaScript">    
<!--    
var eypos=-200, ejump=-4;    
var typos=-260, tjump=-4;    
var delay=2;    
function do_menue()    
{    
if(typos>-260)    
{    
tjump=-4;    
if(typos>=130)    
head_fahren();    
}    
ejump=-ejump;    
if(eypos<=-200 || eypos>=177)    
menue_fahren();    
}    
function menue_fahren()    
{    
if(document.layers) document.menue.top=eypos; else document.all.menue.style. top=eypos;    
eypos+=ejump;    
if(eypos>-200 && eypos<177)    
setTimeout("menue_fahren()", delay);    
}    
function do_head()    
{    
if(eypos>-200)    
{    
ejump=-4;    
if(eypos>=177)    
menue_fahren();    
}    
tjump=-tjump;    
if(typos<=-260 || typos>=130)    
head_fahren();    
}    
function head_fahren()    
{    
if(document.layers) document.head.top=typos; else document.all.head.style. top=typos;    
typos+=tjump;    
if(typos>-260 && typos<130)    
setTimeout("head_fahren()", delay);    
}    
// -->    
</script>

<div class=text1 style="width: 295; height: 91">    
<div style="position: absolute; z-index: 2; left: 24; top: 159; width: 214; height: 72">    
<a href="javascript:do_menue()" style="font-size: 12pt; font-family: Arial">ВЫПЛЫВАЮЩЕЕ     
МЕНЮ</a><br><br>    
<!--(не должно быть target страницы по-умолчанию!!!)-->    
</div>    
<BR>    
<div id=menue style="position:absolute; top:-200; left:100; z-index: 2;">    
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 width=450>    
<TR>    
<TD>    
<A ONMOUSEOVER= "window.status='Link 1' ;return true" HREF="home.htm" target="_self">[Link 1]</a><br>    
<A ONMOUSEOVER= "window.status='Link 2' ;return true" HREF="Link.htm" target="_blank">[Link 2]</a><br>    
<A ONMOUSEOVER= "window.status='Link 3' ;return true" HREF="home.htm" target="_self">[Link 3]</a><br>    
<A ONMOUSEOVER= "window.status='Link 4' ;return true" HREF="Link.htm" target="_blank">[Link 4]</a><br>    
<A ONMOUSEOVER= "window.status='Link 5' ;return true" HREF="home.htm" target="_self">[Link 5]</a><br>    
<A ONMOUSEOVER= "window.status='Link 6' ;return true" HREF="Link.htm" target="_blank">[Link 6]</a><br>    
<A ONMOUSEOVER= "window.status='Link 7' ;return true" HREF="home.htm" target="_self">[Link 7]</a></TD>    
</TR>    
</TABLE>    
</div>    
</div>   

<style>    
a:link, a:visited, a:active { text-decoration: none; color: navy;}    
a:hover { text-decoration: none; color: yellow; }    
</style>    
<SCRIPT language=JavaScript>    
<!--DocOzone's Javascript code, copyright 1999    
// Feel free to borrow and modify this javascript,     
// but be sure leave this credit in the source!     
// (Please note, the CODE, not the images! <img src="http://src.ucoz.net/sm/2/smile.gif" border="0" align="absmiddle" alt="smile">     
// Your pal, -Dr. Thaddeus Ozone-     
// http://www.ozones.com/    
window.onerror=null;    
netscape = (document.layers) ? 1:0    
goodIE = (document.all) ? 1:0    
if (netscape) {    
layerstart = "document.";    
layerleft = ".left";    
layertop = ".top";    
layerstyle = ""; }    
else if (goodIE) {    
layerstart = "document.all.";    
layerleft = ".left";    
layertop = ".top";    
layerstyle = ".style"; }    
// end error trapping    

leftlocation = new Array( 0,80,155,231,211,238,285,118,-19,-19,17,63,-296 );    
templeftlocation = new Array( 0,80,155,231,211,238,285,190,220,350,480,0 );    
Xorigin = new Array( -250,105,90,90,100,110,180 );     // СТАРТОВАЯ ПОЗИЦИЯ    
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );    
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );    
var Ypos2 = 72;    
var Xpos2 = 72;    

beenthere = 0;    
oldactive = 0;    
active = 0;    
function startthedots() {    
loaded=1;    
spinnew();    
}    
var OrbitSize = 150;    
count=1; delay=100; direction = -1;    
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );    
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );    
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );    
var speed = -0.0628;    
var offset = 1;    
Xcount = new Array()    
Ycount = new Array()    
for ( j = 0 ; j <= 300 ; j++ ) {    
Xcount[j] = Math.sin(j*speed);     
Ycount[j] = Math.cos(j*speed);    
}    

go=1;    
function speedup() { go=2; }    
function slowdown() { go=1; }    

placeholder = 100;    
function spinnew() {    
if (loaded) {    
placeholder = placeholder + go;     
if (placeholder > 199) { placeholder=100; }    
for ( j = 1 ; j <= 6 ; j++ ) {    
Xpoint[j] = Xorigin[j] + ( (OrbitSize*offset) * Xcount[placeholder+(j*10*offset)] );    
diffleft[j] = Xpoint[j] - templeftlocation[j];    
diff = 30;    
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;    
eval(layerstart+"block"+j+layerstyle+layerleft+" = templeftlocation["+j+"]");     
}    
setTimeout('spinnew()',25);     
}}    

//-- end script -->    
</SCRIPT>    
<!---Здесь белым отмечено положение строк в неактивном состоянии (без поддержки JavaScript)--->    
<STYLE type=text/css>#block1 {FONT-FAMILY:MS SANS SERIF; FONT-WEIGHT: bold; FONT-SIZE:8pt;    
LEFT: 80px; POSITION: absolute; TOP: 146px; WIDTH: 230px; Z-INDEX: 2000    
}    
#block2 {FONT-FAMILY:MS SANS SERIF; FONT-WEIGHT: bold; FONT-SIZE:8pt;    
LEFT: 75px; POSITION: absolute; TOP: 172px; WIDTH: 215px; Z-INDEX: 2000    
}    
#block3 {FONT-FAMILY:MS SANS SERIF; FONT-WEIGHT: bold; FONT-SIZE:8pt;    
LEFT: 151px; POSITION: absolute; TOP: 200px; WIDTH: 187px; Z-INDEX: 2000    
}    
#block4 {FONT-FAMILY:MS SANS SERIF; FONT-WEIGHT: bold; FONT-SIZE:8pt;    
LEFT: 111px; POSITION: absolute; TOP: 225px; WIDTH: 175px; Z-INDEX: 2000    
}    
#block5 {FONT-FAMILY:MS SANS SERIF; FONT-WEIGHT: bold; FONT-SIZE:8pt;    
LEFT: 138px; POSITION: absolute; TOP: 243px; WIDTH: 172px; Z-INDEX: 2000    
}    
#block6 {FONT-FAMILY:MS SANS SERIF; FONT-WEIGHT: bold; FONT-SIZE:8pt;    
LEFT: 185px; POSITION: absolute; TOP: 255px; WIDTH: 115px; Z-INDEX: 2000    
}    

</STYLE>

<DIV align=right id=block1><A href="#top">САМАЯ ГЛАВНАЯ СТРАНИЦА</A></DIV>    
<DIV align=right id=block2><A href="#top">ЕШЕ ОДНА СТРАНИЦА</A></DIV>    
<DIV align=right id=block3><A href="#top">ДРУГАЯ СТРАНИЦА</A></DIV>    
<DIV align=right id=block4><A href="#top">ЕЩЕ СТРАНИЦА</A></DIV>    
<DIV align=right id=block5><A href="#top">СТРАНИЦА 255</A></DIV>    
<DIV align=right id=block6><A href="#top">СТРАНИЦА 0</A></DIV>

<style>    
<!--    
.iewrap1{    
position:relative;    
height:30px;    
}    
.iewrap2{    
position:absolute;    
}    
#dropmenu0{    
visibility:hide;    
z-index:100;    
}    
-->    
</style>    
<script language="JavaScript1.2">    
//Contents for menu 1    
var menu1=new Array()    
menu1[0]='<a href=mailto:eugenezz@yandex.ru> Почта</a><br>'    
menu1[1]='<a href=link.htm>Линки</a><br>'    
menu1[2]='<a href=home.htm>Гланая страница</a><br>'    
</script>  

}    
else{    
hidemenu()    
}    
}    
}    

f unction dropit(e,whichone){    
if (window.themenu&&themenu.id!= eval(whichone).id)    
themenu.visibility="hide"    
themenu=eval(whichone)    
if (themenu.visibility=="hide")    
themenu.visibility="show"    
else    
themenu.visibility="hide"    
themenu.zIndex++    
themenu.left=e.pa geX-e .layerX    
t hemenu.top=e.pageY-e.layerY+19    
return false    
}    

function hidemenu(whichone){    
if (window.themenu)    
themenu.style.visibility="hidden"    
}    

function hidemenu2(){    
themenu.visibility="hide"    
}    
if (document.all)document.body.onclick= hidemenu    
</script>    
<ilayer height=35px>    

     

     

     

     

     

     
<layer visibility=show><span class=iewrap2 onClick= "dropit2(dropmenu0); event.cancelBubble=true;return false"><font face=Verdana><b><a href="home.htm"     
onClick="if(document.layers) return  dropit(event, 'document.dropmenu0')">Выпадающее  из ссылки меню</a></b></font>    
</span>    
</layer>    
</ilayer>    
<div id=dropmenu0 style= "position:absolute;left:0;top: -90;layer-background-color:lightyellow;    
background-color: lightyellow;width: 180;visibility:hidden;border: 1px solid black;padding:0px">    
<script language="JavaScript1.2">    
if (document.all)    
dropmenu0.style.padding="4px"    
for (i=0;i<menu1.length;i++)    
document.write(menu1[i])    
</script>    
</div>  

<script language="JavaScript">    
function clickHandler()     
{ var targetId, srcElement,     
targetElement; srcElement = window.event.srcElement;     
if (srcElement.className == "Outline") {     
targetId = srcElement.id + "details";     
targetElement = document.all(targetId);     
if (targetElement.style.display == "none") {     
targetElement.style.display = "";     
} else {     
targetElement.style.display = "none";     
} }} document.onclick = clickHandler;    
</script>

</p>    
<BR>    
<a id="Out0" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">    
► ГЛАВНОЕ МЕНЮ</a>    
<div id=Out0details style="display:None; position:relative; left:9;">    
<a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►    
Home</a><br>    
<a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►    
Дата и Время</a><br>    
<a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Часы</a><br>    
<a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Прокрутки (Scrollers)</a><br>    
<a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Другая страница</a><br>    
<a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Дата Обновления</a><br>    
<a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Линки</a>    
</div><BR>    
<a id="Out1" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">    
► ЕЩЕ ОДНО МЕНЮ</a>    
<div id=Out1details style="display:None; position:relative; left:9;">    
<a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►    
Home</a><br>    
<a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►    
Дата и Время</a><br>    
<a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Часы</a><br>    
<a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Прокрутки (Scrollers)</a><br>    
<a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Другая страница</a><br>    
<a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Дата Обновления</a><br>    
<a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Линки</a>    
</div><BR>    
<a id="Out2" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">    
► И ЕЩЕ ОДНО МЕНЮ</a>    
<div id=Out2details style="display:None; position:relative; left:9;">    
<a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►    
Home</a><br>    
<a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►    
Дата и Время</a><br>    
<a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Часы</a><br>    
<a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Прокрутки (Scrollers)</a><br>    
<a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Другая страница</a><br>    
<a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Дата Обновления</a><br>    
<a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►    
Линки</a>    
</div>

<style>    
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}    
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}    
A:hover {color: red;}    
</style>

<script language="JavaScript">    
/*    
Static Top Menu Script    
By Constantin Kuznetsov Jr. (GoldenFox@bigfoot.com)      
Featured on Dynamicdrive.com    
For full source code and installation instructions to this script, visit Dynamicdrive.com    
*/    
if (document.all) {n=0;ie=1;fShow="visible";fHide="hidden";}    
if (document.layers) {n=1;ie=0;fShow="show"; fHide="hide";}    

window.onerror=new Function("return true")    
////////////////////////////////////////////////////////////////////////////    
// Function Menu() //    
////////////////////////////////////////////////////////////////////////////    
rightX = 0;    
function Menu()    
{    
this.bgColor = "#008080";    
if (ie) this.menuFont = "bold xx-small Verdana";    
if (n) this.menuFont = "bold x-small Verdana";    
// this.fontColor = "white";    

this.addItem = addItem;    
this.addSubItem = addSubItem;    
this.showMenu = showMenu;    
this.mainPaneBorder = 1;    
this.subMenuPaneBorder = 1;    

this.subMenuPaneWidth = 150;    

lastMenu = null;    

rightY = 0;    
leftY = 0;    
leftX = 0;    

HTMLstr = "";    
HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";    
HTMLstr += "\n";    
if (ie) HTMLstr += "<div id='MainTable' style='position:relative'>\n";    
// if (n) HTMLstr += "<layer name='MainTable'>\n";    
HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";    
HTMLstr += "<tr>";    
if (n) HTMLstr += "<td> ";    
HTMLstr += "<!-- MAIN MENU STARTS -->\n";    
HTMLstr += "<!-- MAIN_MENU -->\n";    
HTMLstr += "<!-- MAIN MENU ENDS -->\n";    
if (n) HTMLstr += "</td>";    
HTMLstr += "</tr>\n";    
HTMLstr += "</table>\n";    
HTMLstr += "\n";    
HTMLstr += "<!-- SUB MENU STARTS -->\n";    
HTMLstr += "<!-- SUB_MENU -->\n";    
HTMLstr += "<!-- SUB MENU ENDS -->\n";    
HTMLstr += "\n";    
if (ie) HTMLstr+= "</div>\n";    
// if (n) HTMLstr+= "</layer>\n";    
HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";    
}    

function addItem(idItem, text, hint, location, altLocation)    
{    
var Lookup = "<!-- ITEM "+idItem+" -->";    
if (HTMLstr.indexOf(Lookup) != -1)    
{    
alert(idParent + " already exist");    
return;    
}    
var MENUitem = "";    
MENUitem += "\n<!-- ITEM "+idItem+" -->\n";    
if (n)    
{    
MENUitem += "<ilayer name="+idItem+">";    
MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";    
MENUitem += "| ";    
MENUitem += text;    
MENUitem += "</a>";    
MENUitem += "</ilayer>";    
}    
if (ie)    
{    
MENUitem += "<td>\n";    
MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";    
MENUitem += "<a ";    
MENUitem += "class=clsMenuItemIE ";    
// MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";    
if (hint != null)    
MENUitem += "title='"+hint+"' ";    
if (location != null)    
{    
MENUitem += "href='"+location+"' ";    
MENUitem += "onmouseover=\"hideAll()\" ";    
}    
else    
{    
if (altLocation != null)    
MENUitem += "href='"+altLocation+"' ";    
else    
MENUitem += "href='.' ";    
MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";    
MENUitem += "onclick=\"return false;\" "    
}    
MENUitem += ">";    
MENUitem += "| \n";    
MENUitem += text;    
MENUitem += "</a>\n";    
MENUitem += "</div>\n";    
MENUitem += "</td>\n";    
}    
MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";    
MENUitem += "<!-- MAIN_MENU -->\n";    

HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);    
}    

function addSubItem(idParent, text, hint, location)    
{    
var MENUitem = "";    
Lookup = "<!-- ITEM "+idParent+" -->";    
if (HTMLstr.indexOf(Lookup) == -1)    
{    
alert(idParent + " not found");    
return;    
}    
Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";    
if (HTMLstr.indexOf(Lookup) == -1)    
{    
if (n)    
{    
MENUitem += "\n";    
MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";    
MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";    
MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";    
MENUitem += "</table>\n";    
MENUitem += "</layer>\n";    
MENUitem += "\n";    
}    
if (ie)    
{    
MENUitem += "\n";    
MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; visibility: hidden; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";    
MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";    
MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";    
MENUitem += "</table>\n";    
MENUitem += "</div>\n";    
MENUitem += "\n";    
}    
MENUitem += "<!-- SUB_MENU -->\n";    
HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);    
}    

Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";    
if (n) MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";    
if (ie) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";    
MENUitem += Lookup;    
HTMLstr = HTMLstr.replace(Lookup, MENUitem);    

}    

function showMenu()    
{    
document.writeln(HTMLstr);    
}    

////////////////////////////////////////////////////////////////////////////    
// Private declaration    
function displaySubMenu(idMainMenu)    
{    
var menu;    
var submenu;    
if (n)    
{    
submenu = document.layers[idMainMenu+"submenu"];    
if (lastMenu != null && lastMenu != submenu) hideAll();    
submenu.left = document.layers[idMainMenu].pageX;    
submenu.top = document.layers[idMainMenu].pageY + 25;    
submenu.visibility = fShow;    

leftX = document.layers[idMainMenu+"submenu"].left;    
rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;    
leftY = document.layers[idMainMenu+"submenu"].top+    
document.layers[idMainMenu+"submenu"].clip.height;    
rightY = leftY;    
} else if (ie) {    
menu = eval(idMainMenu);    
submenu = eval(idMainMenu+"submenu.style");    
submenu.left = calculateSumOffset(menu, 'offsetLeft');    
// submenu.top = calculateSumOffset(menu, 'offsetTop') + 30;    
submenu.top = menu.style.top+23;    
submenu.visibility = fShow;    
if (lastMenu != null && lastMenu != submenu) hideAll();    

leftX = document.all[idMainMenu+"submenu"].style.posLeft;    
rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;    

leftY = document.all[idMainMenu+"submenu"].style.posTop+    
document.all[idMainMenu+"submenu"].offsetHeight;    
rightY = leftY;    
}    
lastMenu = submenu;    
}    

function hideAll()    
{    
if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}    
}    

function calculateSumOffset(idItem, offsetName)    
{    
var totalOffset = 0;    
var item = eval('idItem');    
do    
{    
totalOffset += eval('item.'+offsetName);    
item = eval('item.offsetParent');    
} while (item != null);    
return totalOffset;    
}    

function updateIt(e)    
{    
if (ie)    
{    
var x = window.event.clientX;    
var y = window.event.clientY;    

if (x > rightX || x < leftX) hideAll();    
else if (y > rightY) hideAll();    
}    
if (n)    
{    
var x = e.pageX;    
var y = e.pageY;    

if (x > rightX || x < leftX) hideAll();    
else if (y > rightY) hideAll();    
}    
}    

if (document.all)    
{    
document.body.onclick=hideAll;    
document.body.onscroll=hideAll;    
document.body.onmousemove=updateIt;    
}    
if (document.layers)    
{    
document.onmousedown=hideAll;    
window.captureEvents(Event.MOUSEMOVE);    
window.onmousemove=updateIt;    
}    
</script>    
<script language="JavaScript">    
function showToolbar()    
{    
// AddItem(id, text, hint, location, alternativeLocation);    
// AddSubItem(idParent, text, hint, location);    

menu = new Menu();    
menu.addItem("webmasterid", "Web Building Sites", "Web Building Sites", null, null);    
menu.addItem("newsid", "News Sites", "News Sites", null, null);    
menu.addItem("freedownloadid", "Free Downloads", "Free Downloads", null, null);    
menu.addItem("searchengineid", "Search Engines", "Search Engines", null, null);    
menu.addItem("miscid", "Miscellaneous", "Miscellaneous", null, null);    

menu.addSubItem("webmasterid", "Dynamic Drive", "Dynamic Drive", "http://www.dynamicdrive.com/");    
menu.addSubItem("webmasterid", "Website Abstraction", "Website Abstraction", "http://www.wsabstract.com/");    
menu.addSubItem("webmasterid", "Web Review", "Web Review", "http://www.webreview.com/");    
menu.addSubItem("webmasterid", "Developer.com", "Developer.com", "http://www.developer.com/");    
menu.addSubItem("webmasterid", "Freewarejava.com", "Freewarejava.com", "http://www.freewarejava.com/");    
menu.addSubItem("webmasterid", "Web Monkey", "Web Monkey", "http://www.webmonkey.com/");    
menu.addSubItem("webmasterid", "JS Library", "JS Library", "http://javashelp.cjb.net/");    
menu.addSubItem("webmasterid", "Intro DHTML Guide", "Intro DHTML Guide", "http://members.tripod.com/~toolmandavid");    

menu.addSubItem("newsid", "CNN", "CNN", "http://www.cnn.com");    
menu.addSubItem("newsid", "ABC News", "ABC News", "http://www.abcnews.com");    
menu.addSubItem("newsid", "MSNBC", "MSNBC", "http://www.msnbc.com");    
menu.addSubItem("newsid", "CBS news", "CBS News", "http://www.cbsnews.com");    
menu.addSubItem("newsid", "News.com", "News.com", "http://news.com");    
menu.addSubItem("newsid", "Wired News", "Wired News", "http://www.wired.com");    
menu.addSubItem("newsid", "TechWeb", "TechWeb", "http://www.techweb.com");    

menu.addSubItem("freedownloadid", "Dynamic Drive", "Dynamic Drive", "http://www.dynamicdrive.com/");    
menu.addSubItem("freedownloadid", "Download.com", "Download.com", "http://download.com/");    
menu.addSubItem("freedownloadid", "Jumbo", "Jumbo", "http://www.jumbo.com/");    
menu.addSubItem("freedownloadid", "Tucows", "Tucows", "http://tucows.com/");    
menu.addSubItem("freedownloadid", "WinFiles.com", "WinFiles.com", "http://winfiles.com/");    

menu.addSubItem("searchengineid", "Yahoo", "Yahoo", "http://www.yahoo.com/");    
menu.addSubItem("searchengineid", "Infoseek", "Infoseek", "http://www.infoseek.com/");    
menu.addSubItem("searchengineid", "Excite", "Excite", "http://www.excite.com");    
menu.addSubItem("searchengineid", "HotBot", "HotBot", "http://www.hotbot.com");    

menu.addSubItem("miscid", "Hitbox.com", "Hitbox.com", "http://www.hitbox.com/");    
menu.addSubItem("miscid", "Cnet", "Cnet", "http://www.cnet.com/");    
menu.addSubItem("miscid", "Andover.net", "Andover.net", "http://www.andover.net/");    
menu.addSubItem("miscid", "RealAudio", "RealAudio", "http://www.realaudio.com/");    
menu.addSubItem("miscid", "MP3.com", "MP3.com", "http://www.mp3.com/");    

menu.showMenu();    
}    
</script>    
<script language="JavaScript">    
showToolbar();    
</script>    
<script language="JavaScript">    
function UpdateIt(){    
if (document.all){    
document.all["MainTable"].style.top = document.body.scrollTop;    
setTimeout("UpdateIt()", 200);    
}    
}    
UpdateIt();    
</script>