var myNav
var mySubNav


$(document).ready(function()
{
	
        myNav = $('#nav > a')
        mySubNav = $('#subnav')

        rotatePics(0)

        mySubNav.hide();
        myNav.toggle(
        	function(){
        		$('#subnav').show();
        	},
        	function()
        	{
        		$('#subnav').hide();
        	}
                );

        
        
}); //end of ready function      
        
        
        function rotatePics(currentPhoto) {
          var numberOfPhotos = $('#slideshow img').length;
          currentPhoto = currentPhoto % numberOfPhotos;

          $('#slideshow img').eq(currentPhoto).fadeOut(function() {
        		// re-order the z-index
            $('#slideshow img').each(function(i) {
              $(this).css(
                'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
              );
            });
            $(this).show();
            setTimeout(function() {rotatePics(++currentPhoto);}, 5000);
          }
          );    
          }