/*
   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_left ul').hide();
  $('#menu_left li a').click(
    function() {
        $(this).next().slideToggle('normal');
      }
    );

  $('#menu_topmenu ul').hide();
 

    $('#menu_topmenu li').hover(
      function () {
         $(this).children('ul').slideDown('normal').stop(true,true);
      },
      function () {
         $(this).children('ul').slideUp('normal').stop(true,true);
      }
    );

	$('#slideshow').innerfade({
		animationtype: 'fade',
		speed: 3000,
		timeout: 2000,
		type: 'sequence',
		containerheight: '150px'
	});


  }


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