$(document).ready(function(){

     //$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

   $("ul.topnav li a.menutop").click(function(event){
     event.preventDefault();
   });

     $("ul.topnav li").click(function() { //When trigger is clicked...

         //Following events are applied to the subnav itself (moving subnav up and down)
         $(this).find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

         $(this).hover(function() {
         }, function(){
             $(this).find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
         });

         //Following events are applied to the trigger (Hover events for the trigger)
         }).hover(function() {
             $(this).addClass("subhover"); //On hover over, add class "subhover"
         }, function(){  //On Hover Out
             $(this).removeClass("subhover"); //On hover out, remove class "subhover"
     });
 });

// START LINKS //

<!-- Copy and paste to add more links. Note the first link starts the list, so don't copy that. -->

document.write('<div class="menuoptions">');
document.write('<ul class="topnav">');

document.write('<li>');
document.write('<a href="index.html" class="menu">home</a>');
document.write('</li><li>');
document.write('<a href="42ndSt12.html" class="menu">current show</a>');
document.write('</li><li>');
document.write('<a href="tickets.html" class="menu">tickets</a>');
document.write('</li><li>');
document.write('<a href="#" class="menu menutop">shows</a>');
document.write('<ul class="subnav">');
document.write('<li><a href="42ndSt12.html">current show</a></li>');
document.write('<li><a href="shows.html">previous shows</a></li>');
document.write('<li><a href="reviews.html">show reviews</a></li>');
document.write('<li><a href="archive.html">show archive</a></li>');
document.write('</ul>');
document.write('</li><li>');

document.write('<a href="aboutus.html" class="menu menutop">society</a>');
document.write('<ul class="subnav">');
document.write('<li><a href="aboutus.html">about us</a></li>');
document.write('<li><a href="emailform.html">contact us</a></li>');
document.write('<li><a href="joinus.html">join us</a></li>');
document.write('<li><a href="friends.html">friends</a></li>');
document.write('<li><a href="members/members.html">members</a></li>');
document.write('<li><a href="social.html">social</a></li>');
document.write('<li><a href="news.html">news</a></li>');
document.write('</ul>');
document.write('</li><li>');
document.write('<a href="emailform.html" class="menu">contact us</a>');
document.write('</li>');
document.write('</li><li>');
document.write('<a href="#" class="menu menutop">links</a>');
document.write('<ul class="subnav">');
document.write('<li><a href="http://www.hertsmereleisure.co.uk/wyllyotts+theatre/home+page">wyllyotts theatre</a></li>');
document.write('</ul>');
document.write('</li><li>');
document.write('<a href="news.html" class="menu">news</a>');
document.write('</li>');
document.write('<li id="headerend"><img src="elodsheaderend.png"></img></li>');
document.write('</li>');

// END LINKS //
document.write('</ul>');
document.write('</div>');