How to take a item selected from a list a random to reveal corresponding list onload?
<p>I am trying to create a menu for a portfolio website. It will consist of three columns 'medium', 'subject' and 'project'. Each project will have a preview image when hovered over.</p>

<p>You can see what I've got so far on "rintintin.colorado.edu/~djigania"
Take a look at the example of 'photography'-->'architectural'-->'guggenheim'</p>

<p>This is the way the page will look but every refresh or return to the homepage will randomly show a different project.</p>

<p>This the sequence of events I imagine would happen. Please let me know if there is a better way of approaching this.
1. Onload a random item from the 'medium' list is selected
2. This random selection is automatically clicked and reveals the corresponding list in the 'subject' column.
3. From this new list another random item is selected
4. This reveals another list in the 'project' column
5. A random item from the 'project' column reveals a preview image above.</p>

<p>Here is a simplified version of the scripts I am working with.
<a href="http://jsfiddle.net/uRd6N/19/" rel="nofollow">http://jsfiddle.net/uRd6N/19/</a></p>

<p>Any help will be greatly appreciated.
Thank you in advance.</p>
