Hi everyone,

I'd really appreciate some help. I've already browsed forums and tutorials but can't find a solution to my problem.

I'm a fourth year art academy student from Holland and I'm trying to spruce up my personal portfolio website. I wrote the website myself, in html. I added the css. I even successfully added a lightbox (which to me is a big deal).

But now I'd like my menu to randomly change... I've got seven menu buttons, they are in a map in the map images. In the map images I've added 5 or 6 more maps with each 7 menu images. I want the page to randomly pick one of the 6 maps and then use the pictures in that map to make the menu. And then I get lost...

Here is what I've tried, but nothing really happens... help!? I guess its actually not hard, its just my skills in javascript, I don't really get it.

<link type="text/css" rel="stylesheet" href="css/desktop.css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<div id="wrapper">

<div id="menu">
mijnmenu = ['images/pl2/menubalpen','images/pl2/menugeo','images/pl2/menuinkt','images/pl2/menukleur','images/pl2/menupotlood','images/pl2/menusephia'];
mijnmenu = [Math.floor(Math.random()*6)]+'/'+'menu1.jpg';
<a href="index.html"><img src="images/pl2/mijnmenu/menu1.jpg" /></a>
<a href="drawings.html"><img src="images/pl2/mijnmenu/menu2.jpg" /></a>
<a href="typo.html"><img src="images/pl2/mijnmenu/menu3.jpg" /></a>
<a href="photo.html"><img src="images/pl2/mijnmenu/menu4.jpg" /></a>
<a href="movies.html"><img src="images/pl2/mijnmenu/menu5.jpg" /></a>
<a href="other.html"><img src="images/pl2/mijnmenu/menu6.jpg" /></a>
<a href="contact.html"><img src="images/pl2/mijnmenu/menu7.jpg" /></a>

<div id="largecolumn">
<br />
<br />
<br />