MenuWidth=140;           //Individual menu width.

MenuFont='arial,helvetica';

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

MenuFontColor='#000000';

MenuBgColor='#E53209';

HighLight='#F1FE68';

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

Titles[1]='panorama';

Titles[2]='fascination';

Titles[3]='plaisir';

Titles[4]='zone verte';

Titles[5]='zen';

Titles[6]='adrénaline';

Titles[7]='people';





Links[0]=vs
+OpenLayer+"<a target='_self' href='http://www.jodi.ch/inhalt/inhalt.htm' class='x'>départ</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.jodi.ch/' class='x'>jodi.ch</a>"+CloseLayer
+OpenLayer+"<a target='_self' href='http://www.jodiunivers.ch/' class='x'>univers.ch</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/gaston/' class='x'>webo-jodi</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/info' class='x'>webo-info</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/artsympa/sympastart.htm' class='x'>art-sympa</a>"+CloseLayer
+OpenLayer+"<a href='ja ' class='x'></a>"+CloseLayer



Links[1]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/arcenciel/rayon3' class='x'>bancs1</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/liberte/main.php?g2_itemId=1432' class='x'>bancs2</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/youpi/main.php' class='x'>youpi</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/liberte/main.php' class='x'>liberté</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer


Links[2]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/bouquet/' class='x'>bouquet</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/fascination/' class='x'>l’art</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/jazz/midam.htm' class='x'>jazz-am</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.katzenpoesie.ch/clickmj/main.php' class='x'>marliss</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer


Links[3]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/chachacha/albums.php' class='x'>unique</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/charivari/concours1' class='x'> double</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/gastonsouvenir/rigolons' class='x'>rigolo</a>"+CloseLayer
+OpenLayer+"<a  target='_blank' href='http://www.jodi.ch/minou/ou_y_a' class='x'>sans-gene</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer


Links[4]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/intermezzo/' class='x'>intermezzo</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/danslevent/albums.php' class='x'>arran</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/arcenciel/' class='x'>arc-en-ciel</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/nature/main.php' class='x'>nature</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/wellness/main.php' class='x'>wellness</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer



Links[5]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/multikulti/' class='x'>partage</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/phenomenal/' class='x'>phenomenal</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/enfance/main.php' class='x'>enfance</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/phenomenal/genoux' class='x'>y-a-trop</a>"+CloseLayer
+OpenLayer+"<a href='ja' class='x'></a>"+CloseLayer


Links[6]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/fascination/soiree' class='x'>soirée</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/rencontres/main.php?g2_itemId=1489' class='x'>jazz-im-ag</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/confettis/main.php' class='x'>confettis</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodiunivers.ch/hypnose/main.php' class='x'>hypnose</a>"+CloseLayer

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

Links[7]=vs
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/gastonsouvenir/les_fans' class='x'>fans gaston</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/rencontres/main.php?g2_itemId=4392' class='x'>fans minou </a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/rencontres/main.php?g2_itemId=4391' class='x'>amis-amies</a>"+CloseLayer
+OpenLayer+"<a target='_blank' href='http://www.jodi.ch/rencontres/main.php' class='x'>rencontres</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;

  }

 }

}

//-->