// JavaScript Document
window.onload = firstTimeHere;

function firstTimeHere(){
	var warning = document.createElement("span");
	warning.className="warningSpan";
	document.querySelector("#wrapper").appendChild(warning);
	warning.innerHTML="Welcome to my portfolio website! Navigation on this site is handled by clicking on the letters in my last name. I hope you enjoy looking through my work and I look forward to hearing from you soon! <a id='exitbutton'>close</a>";
	document.querySelector("#exitbutton").onclick= quietlyclose;
};

function quietlyclose(){
	var theSpan = document.querySelector(".warningSpan");
	theSpan.innerHTML="";
};

$(document).ready(function() {	

	$(".content").hide(); 
	$(".subNav").hide();
	
	$("#cNavOver").click(function(){   /*design code*/
	    $(".content").hide();
		$(".subNav").hide();
		$("#designSubNav2").hide();
		$("#design").fadeIn(400);
		$("#designSubNav1").fadeIn(400);
	});
	$("#designPic1").click(function(){  
		$(".content").hide(); 
		$("#designContent2").fadeIn(400);
	});
	$("#designPic2").click(function(){
		$(".content").hide(); 
		$("#designContent1").fadeIn(400);
	});
	$("#designPic4").click(function(){
		$(".content").hide(); 
		$("#designContent4").fadeIn(400);
	});
	$("#designPic3").click(function(){
		$(".content").hide(); 
		$("#designContent3").fadeIn(400);
	});
	$("#designdown").click(function(){
		$("#designSubNav1").hide();
		$("#designSubNav2").fadeIn(400);
	});
	$("#designup2").click(function(){
		$("#designSubNav2").hide();
		$("#designSubNav1").fadeIn(400);
	});
	$("#designdown2").click(function(){
		$("#designSubNav2").hide();
		$("#designSubNav1").fadeIn(400);
	});
	$("#designup").click(function(){
		$("#designSubNav1").hide();
		$("#designSubNav2").fadeIn(400);
	});
	
	
	$("#vNavOver").click(function(){    /*client code*/
		$(".content").hide();						  
    	$(".subNav").hide();
		$("#client").fadeIn(400);
	});		
	$("#clientPic1").click(function(){
		$(".content").hide(); 
		$("#clientContent1").fadeIn(400);
	});
	$("#clientPic2").click(function(){
		$(".content").hide(); 
		$("#clientContent2").fadeIn(400);
	});
	$("#clientPic3").click(function(){
		$(".content").hide(); 
		$("#clientContent3").fadeIn(400);
	});
	
	$("#oNavOver").click(function(){    /*photo code*/
		$(".content").hide();						  
    	$(".subNav").hide();
		$("#photo").fadeIn(400);
	});		
	$("#photoPic1").click(function(){
		$(".content").hide(); 
		$("#photoContent1").fadeIn(400);
	});
	$("#photoPic2").click(function(){
		$(".content").hide(); 
		$("#photoContent2").fadeIn(400);
	});
	$("#photoPic3").click(function(){
		$(".content").hide(); 
		$("#photoContent3").fadeIn(400);
	});
	
		$("#iNavOver").click(function(){    /*info code*/
		$(".content").hide();						  
    	$(".subNav").hide();
		$("#info").fadeIn(400);
	});		
	$("#infoPic1").click(function(){
		$(".content").hide(); 
		$("#infoContent1").fadeIn(400);
	});
	
	$("#lNavOver").click(function(){    /*contact code*/
		$(".content").hide();						  
    	$(".subNav").hide();
		$("#contact").fadeIn(400);
	});		
	$("#contactPic1").click(function(){
		$(".content").hide(); 
		$("#contactContent1").fadeIn(400);
	});
	
	$("#eNavOver").click(function(){    /*blog code*/
		$(".content").hide();						  
    	$(".subNav").hide();
		$("#blog").fadeIn(400);
	});		
	$("#blogPara").click(function(){
		$(".content").hide(); 
		$("#blogholder").fadeIn(400);
		$("#blogContent1").fadeIn(400);
		$("#blogContent2").hide();
		$("#blogContent3").hide();
	});
	$("#apr28block").click(function(){
		$("#blogContent1").hide();
		$("#blogContent2").hide();
		$("#blogContent3").fadeIn(400);	
	});
	$("#may12block").click(function(){
		$("#blogContent1").hide();
		$("#blogContent3").hide();
		$("#blogContent2").fadeIn(400);			
	});
	$("#may19block").click(function(){
		$("#blogContent2").hide();
		$("#blogContent3").hide();
		$("#blogContent1").fadeIn(400);			
	});
	
});