MenuWidth=230;           //Individual menu width.

MenuFont='Arial,Verdana';

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

MenuFontColor='#301490';

MenuBgColor='#7C9D83';

HighLight='#C8D4FF';

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]='index';

Titles[1]='alben-katzen';

Titles[2]='elegant-katzen';

Titles[3]='poesie-katzen';

Titles[4]='nur im Explorer';




Links[0]=vs

+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/index.htm' class='x'>katzenpoesie.ch</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/blaulover/index.html' class='x'>blaulover</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/catlove/index.html' class='x'>catlove</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/index.htm' class='x'>marliss-katzen</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/mjm/index_music.htm' class='x'>flautocat</a>"+CloseLayer



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



Links[1]=vs

+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/clickmj/' class='x'>clic-cats</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/clou/' class='x'>clou-cats</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/fotos/' class='x'>katzen</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/catpage/' class='x'>catpage_sw</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/content/catnavi/navi01.php' class='x'>catnavi_php</a>"+CloseLayer

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

Links[2]=vs

+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/fotobuch1/mjcatbuch1.htm' class='x'>wendebuch1</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/fotobuch2/mjcatbuch2.htm' class='x'>wendebuch2</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/fotobuch3/mjcatbuch3.htm' class='x'>wendebuch3</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/blackbuch/blackbuch.htm' class='x'>blackbuch</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/marliss/catalbum4/fotoalbum_4.htm' class='x'>backgrounds_800</a>"+CloseLayer

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


Links[3]=vs
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/index.html' class='x'>poesiestart</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/daten.html' class='x'>kalender</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/01januar09.html' class='x'>januar</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/02februar.html' class='x'>februar</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/03maerz.html' class='x'>maerz</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/04april.html' class='x'>april</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/05mai.html' class='x'>mai</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/06juni.html' class='x'>juni</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/07juli.html' class='x'>juli</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/08august.html' class='x'>august</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/09september.html' class='x'>septembert</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/10oktober.html' class='x'>oktober</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/11november.html' class='x'>november</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/poesie/kalender/12dezember.html' class='x'>dezember</a>"+CloseLayer


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


Links[4]=vs

+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/1puzzle/puzzle_1.html' class='x'>suawe-puzzle</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/2puzzle/puzzle_2.html' class='x'>xenya-puzzle</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/3puzzle/puzzle_3.html' class='x'>blumcat-puzzle</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/puzzle1/puzzle_1.html' class='x'>puzzle-spiel</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/puz_1/puz1.html' class='x'>klein-kaetzchen</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/puz_6/puz6.html' class='x'>wasserschale</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/puzzl1/puzzl_1.html' class='x'>xenya-balkon</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/puzzle108/puzzle108.html' class='x'>geduld-puzzle108</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/mem_1/mem_1.html' class='x'>memory1</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/mem_2/mem_2.html' class='x'>memory2</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/mem_3/mem_3.html' class='x'>memory3</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/mem_4/mem_4.html' class='x'>memory4</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.katzenpoesie.ch/a_gruppe/mem_5/mem_5.html' class='x'>memory5</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;

  }

 }

}

//-->