function drawLinkList()
  {
    var str = '';
    for(var i=0; i<imgList.length; i++)
    {
      num = i+1;
      str += '<a href="javascript:void(0);" onclick="selectImage(' + i + ');">' + num + '</a>';
    }
    document.write('<p>' + str + '</p>');
  }

  function selectImage(index)
  {
    var img = document.getElementById('image');
  
    if(!img) return;
  
    img.src = imgList[index];
    img.onclick = function()
    {
      if(selectedImageIndex + 1 > imgList.length - 1)

      {

       selectedImageIndex = 0;

      }
      else
      {

         selectedImageIndex++;
      }
      selectImage(selectedImageIndex);

    };
  }
  
  /* 
   Simple JQuery Collapsing menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenu() {
                $('#menu ul').hide();
				var classname = $('#everything').attr('class');
                $('#menu ul.' + classname).show();
                $('#menu li a').click(
                        function() {
                                $(this).next().toggle();
                        }
                );
        }

$(document).ready(function() {initMenu();});


jQuery(function($) {
  var path = location.pathname.substring(1);
  $('#menu a[@href$="' + path + '"]').addClass('active');
});