$(function() {
            $('#pictures').before('<div id="nav" class="nav">').cycle({
                fx:     'fade',
                speed:  'slow',
                timeout: 10000,
                pager:  '#nav',
				before: function() { if (window.console) console.log(this.src); }
				
            });
			
			  $('a.button').toggle(function() {
				var parent = $(this).parent();
				var pos = parent.position()
				parent.animate({
					left: pos.left + parent.outerWidth()
				});
				
				$(this).addClass('closed');	
			
			  }, function() {
				var parent = $(this).parent();
				var pos = parent.position()
				parent.animate({
					left: pos.left - parent.outerWidth()
				});
				  
				  $(this).removeClass('closed');	
			  });
			  
			  
			  
        });
        
        
    
		function toggle_text(shown, hidden) {
			   var e = document.getElementById(shown);
			   var f = document.getElementById(hidden);
			if(e.style.display == 'inline') {
					e.style.display = 'none';
					f.style.display = 'inline';
			}
			else {
					e.style.display = 'inline';
					f.style.display = 'none';
			}
		}
    
    
		function toggle(span) {
			  if (document.getElementById) {
					displayType = (document.getElementById(span).style.display == 'none') ? 'block' : 'none';
					document.getElementById(span).style.display=displayType;
			  }
			  else if (document.layers) {
					displayType = (document.layers(span).style.display == 'none') ? 'block' : 'none';
					document.layers(span).style.display=displayType;
			  }
			  else if (document.all) {
					displayType = (document.all(span).style.display == 'none') ? 'block' : 'none';
					document.all(span).style.display=displayType;
			  }
		}