MenuWidth=200;           //Individual menu width.

MenuBgColor='#333333';
HighLight='#cc0000';
MenuFontSize=2; 
Separater=10;             //Space around menus.
Centre=true;             //true or false.

//!!!Alter nothing here, go straight to "Links"!!!

n4=(document.layers);
n6=(document.getElementById&&!document.all);
ie=(document.all);
h=(ie)?document.body.clientHeight:window.innerHeight;
w=(ie)?document.body.clientWidth:window.innerWidth;
Titles=new Array()
Links=new Array()

algn1=(Centre)?'<center>':'';
algn2=(Centre)?'</center>':'';

function colour2(c){(n4)?c.bgColor=HighLight:c.style.background=HighLight}//
function colour1(c){(n4)?c.bgColor=MenuBgColor:c.style.background=MenuBgColor}//

var OpenLayer=(n4)?"<br><layer height=100% width=100% onMouseOver='colour1(this)'; onMouseOut='colour2(this)'>"+algn1:"<div style='height:auto;width:100%' onMouseOver='colour1(this)'; onMouseOut='colour2(this)'><font size="+MenuFontSize+" color='#ffffff'>";
var CloseLayer=(n4)?algn2+"</layer>":"</div>";

var vs=(n4)?"<font face='Wingdings' color=ffcc00>n":OpenLayer+"&nbsp;"+CloseLayer+""+String.fromCharCode(9662)+"";


/*************************************Links here****************************************

First off, alter the Titles to whatever. Add/delete as needed, make sure they're
numbered in order.

Now fill the Links with your er..links, as many as needed. Here's how.
Example:
+OpenLayer+"<a href='http://www.google.com' class='x'>Search with Google</a>"+CloseLayer

If you need to have quots etc in the link text make sure you escape them with a backslash.
Example:
...class='x'> What\'s new </a>"+C...

***************************************************************************************/
Titles[0]="MaggotHouse Music";
Titles[1]="Artists";
Titles[2]="More";


Links[0]=vs
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/shop.htm' class='x'>Home / Shop</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/about.htm' class='x'>About Us</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/booking.htm' class='x'>Bookings</a>"+CloseLayer

Links[1]=vs
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/artists/phluxm/index.htm')' class='x'>phluxm</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/artists/jazzthrashassassin/index.htm')' class='x'>Jazz Thrash Assassin</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/artists/octopod/index.htm')' class='x'>Octopod</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/artists/bazookachicken/index.htm' class='x'>Bazooka Chicken</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/artists/codipacker/index.htm' class='x'>Codi Packer</a>"+CloseLayer
+OpenLayer+"<a href='http://www.maggothouse.co.uk/music/artists/pollydanielson/index.htm' class='x'>Polly Daniel Son</a>"+CloseLayer

Links[2]=vs
+OpenLayer+"<a href='http://www.maggothouse.co.uk/' class='x'>->MaggotHouse Main</a>"+CloseLayer
+OpenLayer+"<a href='http://benneal.blogspot.com/search/label/music' class='x'>->Ben Neal's Blog</a>"+CloseLayer





//!!!Alter anything past this point!!!

w1=(MenuWidth+Separater)*Titles.length;
w2=w/2;
i1=w2-MenuWidth-Separater-w1/2;
i2=w2-MenuWidth-Separater-w1/2;
s1=MenuWidth+Separater;
s2=MenuWidth+Separater;
if (w1 > w2*2){i1=-MenuWidth;i2=-MenuWidth}
vy=(n4)?'show':'visible';
vn=(n4)?'hide':'hidden';
//Don't mess about with N4, just use layers.
if (n4){
for (i=0; i < Titles.length; i++){
document.write("<layer name='lnks"+i+"' top=10 left="+(i2+=s2)+" "
+" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide"
+" onMouseOver='this.visibility=vy; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' "
+" onMouseOut='this.visibility=vn; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>"
+algn1+""
+"&nbsp;<br>"+Links[i]+""+algn2+"</layer>");
document.write("<layer name='ttls"+i+"' top=10 left="+(i1+=s1)+" height=0 " 
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" "
+"onMouseOver=\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\" "
+"onMouseOut=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\">"
+algn1+""
+Titles[i]+""+algn2+"</layer>");                                       
}
function On(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vy}
function Off(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vn}
function B(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=MenuBgColor}
function H(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=HighLight}
}

if (!n4){
for (i=0; i < Titles.length; i++){
document.write("<div id='lnks"+i+"' style='position:absolute;"
+"top:10px;left:"+(i2+=s2)+"px;width:"+MenuWidth+"px;"
+"background:"+HighLight+";visibility:hidden'" 
+" onMouseOver='this.style.visibility=vy; document.getElementById(\"ttls"+i+"\").style.background=HighLight';"
+" onMouseOut='this.style.visibility=vn; document.getElementById(\"ttls"+i+"\").style.background=MenuBgColor'>"
+algn1+Links[i]+algn2+"</div>");
document.write("<div id='ttls"+i+"' style='position:absolute;top:10px;left:"+(i1+=s1)+"px;height:auto;width:"+MenuWidth+"px;"
+"background:"+MenuBgColor+";cursor:default'"
+" onMouseOver='document.getElementById(\"lnks"+i+"\").style.visibility=vy;this.style.background=HighLight'" 
+" onMouseOut='document.getElementById(\"lnks"+i+"\").style.visibility=vn;this.style.background=MenuBgColor'>"
+algn1+""+Titles[i]+""+algn2+"</div>");
}
}