// Pause function to delay certain animations/transitions
		$(document).ready(function() {
			$.fn.pause = function(duration) {
		    $(this).animate({ dummy: 1 }, duration);
		    return this;
			};
	
	
		// Add Open/Close button markup so its not visible when javascript is disabled
		$('.sliding-panel').before('<div id="toggle"><a id="close" class="close" href="#">&nbsp;</a><a id="open" style="display: none;" class="open" href="#">&nbsp;</a></div>');  
	
		// Collapse Panel
		$("#close").click(function(){
			$("div.sliding-contents").animate({ opacity: '0'}, 300);
			$("p.project-title").fadeOut('slow');
			$("div.sliding-panel").pause(200).animate({ width: '0'}, 500, 'swing');
			$("div#toggle").pause(200).animate({ left : "10px" }, 500, 'swing');
		});		
		
		// Expand Panel
		$("#open").click(function(){
			$("div.sliding-panel").animate({ width: '230'}, 500, 'swing');
			$("div#toggle").animate({ left : "235px" }, 500, 'swing');
			$("div.sliding-contents").pause(500).animate({ opacity: '100'}, 1000);
			$("p.project-title").pause(500).fadeIn('fast');
		});		
		    
		$("#toggle a").click(function () {
			$("#toggle a").toggle();
		});	
		
		// Prevent page from jumping when elements are clicked			
		$("#close").click(function(event) {
			event.preventDefault();
		});
		
		$("#open").click(function(event) {
			event.preventDefault();
		});
	});