$(document).ready(function(){

// Initializes the jQuery magic

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg', 'image6.jpg', 'image7.jpg', 'image8.jpg', 'image9.jpg'];

$('<img src="splash/' + images[Math.floor(Math.random() * images.length)] + '">').appendTo('#test');



$(".nav > a").click(function(e){  
        switch(e.target.id){  

            case "home":  
                //Display home, hide the rest 
                $("div.home").fadeIn();  
                $("div.about").css("display", "none");  
                $("div.writing").css("display", "none");
			  $("div.audiovideo").css("display", "none");  
            break;  

            case "about":  
                //Display about, hide the rest 
                $("div.about").fadeIn();  
                $("div.home").css("display", "none");  
                $("div.writing").css("display", "none");  
			  $("div.audiovideo").css("display", "none");  
            break;  

            case "writing":  
                //Display writing, hide the rest
                $("div.writing").fadeIn();  
                $("div.about").css("display", "none");  
                $("div.home").css("display", "none");  
			  $("div.audiovideo").css("display", "none");  
            break;  

            case "audiovideo":  
                //Display audiovideo, hide the rest
                $("div.audiovideo").fadeIn();  
                $("div.about").css("display", "none");  
                $("div.home").css("display", "none");  
			  $("div.writing").css("display", "none");  
            break;  

        }  
	});  

$(".folio > a").click(function(e){  
        switch(e.target.id){  

            case "pageone":  
                //Display one, hide the rest 
                $("div.one").fadeIn();  
                $("div.two").css("display", "none");  
                $("div.three").css("display", "none");  
            break;  

            case "pagetwo":  
                //Display two, hide the rest 
                $("div.two").fadeIn();  
                $("div.one").css("display", "none");  
                $("div.three").css("display", "none");  
            break;  

            case "pagethree":  
                //Display three, hide the rest
                $("div.three").fadeIn();  
                $("div.one").css("display", "none");  
                $("div.two").css("display", "none");  
            break;  

        }  
	});  




});