$(document).ready(function () {
	$("#twpic").click(function(){
		$("#topwrapper").slideUp('slow', function() {
			document.getElementById("topwrapper").style.backgroundImage = "url(http://a3.twimg.com/profile_background_images/4150443/angus.jpg)";
			$("#topwrapper").load("tw.php", function() {
				$("#topwrapper").slideDown('slow', function() {
				});
			});
		});
	});
	$("#lipic").click(function(){
		$("#topwrapper").slideUp('slow', function() {
			document.getElementById("topwrapper").style.backgroundImage = "";
			$("#topwrapper").load("li.php", function() {
				$("#topwrapper").slideDown('slow', function() {
				});
			});
		});
	});
	$("#ytpic").click(function(){
		$("#topwrapper").slideUp('slow', function() {
			document.getElementById("topwrapper").style.backgroundImage = "";
			$("#topwrapper").load("yt.php", function() {
				$("#topwrapper").slideDown('slow', function() {
				});
			});
		});
	});
	$("#mepic").click(function(){
		$("#topwrapper").slideUp('slow', function() {
			document.getElementById("topwrapper").style.backgroundImage = "";
			$("#topwrapper").load("me.php", function() {
				$("#topwrapper").slideDown('slow', function() {
				});
			});
		});
	});
	$("#book").click(function(){
		$("#topwrapper").slideUp('slow', function() {
			document.getElementById("topwrapper").style.backgroundImage = "";
			$("#topwrapper").load("portfolio.php", function() {
				$("#topwrapper").slideDown('slow', function() {
				});
			});
		});
	});
	
});