MenuWidth=210;           //Individual menu width.

MenuFont='arial,helvetica';

MenuFontSize=4;          //1 to 7 only, 2 probably big enough. 

MenuFontColor='#000000';

MenuBgColor='#EBEDF1';

HighLight='#000072';

Separater=2;             //Space around menus.

Centre=true;             //true or false.



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 face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">.";

var CloseLayer=(n4)?algn2+"</layer>":"</font></div>";

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


Titles[0]='start';
Titles[1]='mit musik';
Titles[2]='katzen-cards';
Titles[3]='showroom';
Titles[4]='elegant-cats';



Links[0]=vs
+OpenLayer+"<a target='_self' href='http://www.catclassic.ch/' class='x'>catclassic.ch</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://marliss.ch/support/support.htm' class='x'>summary-support</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/design/produktpalette.htm' class='x'>weberstellung</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://marliss-joss.ch' class='x'>klassik-marliss</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.marliss-joss.ch/classicstudio/' class='x'>Classic-Studio</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/email.php' class='x'>catclassic-kontakt</a>"+CloseLayer
+OpenLayer+"<a href='ja ' class='x'></a>"+CloseLayer


Links[1]=vs
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/klassik/index.htm' class='x'>catclassic-digital</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/slideshow/dymara_flipblau/flipblau.html' class='x'>sanft-perser</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.marliss-joss.ch/klassik/sound_staffel/staffel.html' class='x'>staffel-musikurl</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://fotoklang.ch/content/tonslides/suawe/kater.html' class='x'>suawe-karten</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://fotoklang.ch/content/tonslides/xenya/bildroll.html' class='x'>xenya-pfoetchen</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://fotoklang.ch/content/albumlight/klangkatze/photos/index.html' class='x'>klangkatze</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://fotoklang.ch/content/albumlight/bildklang/photos/content/index.html' class='x'>bildklang</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://catclassic.ch/marliss/gifweb/seite1.html' class='x'>gif-web</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer




Links[2]=vs
+OpenLayer+"<a target='_blank' href='http://catclassic.ch/slideshow/gruppenex.htm' class='x'>katzenserien</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.katzenpoesie.ch/poesie/kalender/daten.html' class='x'>kalender</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.marliss-joss.ch/flabi/foto_auslage/auslage.html' class='x'>bilder-auslage</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catart.ch/catroom/01cardcats/index.html' class='x'>cardcats_01</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.fotoklang.ch/content/tonslides/drehlicht/drehlicht.html' class='x'>kerzen-drehlicht</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://marliss.ch/balkon/nav01.htm' class='x'>balkonserien</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/ecards/' class='x'>ECards_online</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer



Links[3]=vs
+OpenLayer+"<a target='_blank' href='http://marliss-joss.com/catfancy/index.htm' class='x'>catfancy</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/content/navi01.php' class='x'>video_php-modell</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://marliss.ch/albumCATART/mj_catart.htm' class='x'>mj_catart</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/showcase/panorama/panoramaknopf.html' class='x'>panorama1</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.marliss.ch/vorschau/choice.htm' class='x'>demo-choice</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.marliss.ch/vorschau/compact/index.html' class='x'>compactweb</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.marliss.ch/vorschau/kompakt/index.html' class='x'>kompaktweb</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer


Links[4]=vs
+OpenLayer+"<a target='_blank' href='http://www.xenya-suawe.ch/slideshow/flashnavi.html' class='x'>xenya-suawe</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/slideshow/einzelhoch/einzelhoch.html' class='x'>xenya-kunst</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catclassic.ch/slideshow/hochkater/hochkater.html' class='x'>kater-freude</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://marliss-joss.com/catfancy/self/self6/clic600.htm' class='x'>klick-portraits</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catart.ch/catroom/ligtimg/index.html' class='x'>mitte-open1</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.catart.ch/catroom/ligtimge/index2.html' class='x'>mitte-open2</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://marliss-joss.ch/cathoch/cathoch.htm' class='x'>cathoch-book</a>"+CloseLayer

+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer




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=0 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+"<font face="+MenuFont+" size="+MenuFontSize+">"

+"&nbsp;<br>"+Links[i]+"</font>"+algn2+"</layer>");

document.write("<layer name='ttls"+i+"' top=0 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+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"

+Titles[i]+"</font>"+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:0px;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:0px;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+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"+Titles[i]+"</font>"+algn2+"</div>");

}

}

function Scroll(){

sy=(ie)?document.body.scrollTop:window.pageYOffset;

for (i=0; i < Titles.length; i++){

if (n4){

 document.layers['ttls'+i].top=Separater+sy;

 document.layers['lnks'+i].top=Separater+sy;

 }

else{

 document.getElementById("ttls"+i).style.top=Separater+sy;

 document.getElementById("lnks"+i).style.top=Separater+sy;

 }

}

setTimeout('Scroll()',150)

}

Scroll();

window.onresize=new Function("window.location.reload()");





if (!n4){

for (i=0; i < document.links.length; i++){

 if (document.links[i].href == this.window.location.href)

  {

  document.links[i].style.color=MenuBgColor;

  document.links[i].style.cursor='crosshair';

  //document.links[i].innerHTML+=' -';

  //alert(i+' '+document.links[i].href);

  break;

  }

 }

}

//-->