var home = true;
var portfolio = false;
var sketchbook = false;
var store = false;
var aboutMe = false;

function load()
{
	new Image().src = "images/thumbnails/2Gun.jpg";
	new Image().src = "images/thumbnails/elephantthumb.jpg";
	new Image().src = "images/thumbnails/mommaRabbit.jpg";
	new Image().src = "images/thumbnails/3bears.jpg";
	new Image().src = "images/thumbnails/gazthumb.jpg";
	new Image().src = "images/thumbnails/oldMac.jpg";
	new Image().src = "images/thumbnails/3bearsOver.jpg";
	new Image().src = "images/thumbnails/giraffethumb.jpg";
	new Image().src = "images/thumbnails/pete.jpg";
	new Image().src = "images/thumbnails/bearChess.jpg";
	new Image().src = "images/thumbnails/goatsing.jpg";
	new Image().src = "images/thumbnails/peterRabbit.jpg";
	new Image().src = "images/thumbnails/bearthumb.jpg";
	new Image().src = "images/thumbnails/goatthumb.jpg";           
	new Image().src = "images/thumbnails/peterRabbitOver.jpg";
	new Image().src = "images/thumbnails/bearthumb2.jpg";          
	new Image().src = "images/thumbnails/goatthumb2.jpg";          
	new Image().src = "images/thumbnails/possumthumb.jpg";
	new Image().src = "images/thumbnails/bunnySlippers.jpg";       
	new Image().src = "images/thumbnails/goatthumb3.jpg";          
	new Image().src = "images/thumbnails/racoon2thumb.jpg";
	new Image().src = "images/thumbnails/cards.jpg";               
	new Image().src = "images/thumbnails/hippodivers.jpg";         
	new Image().src = "images/thumbnails/racoonKnight.jpg";
	new Image().src = "images/thumbnails/cupAnimals.jpg";          
	new Image().src = "images/thumbnails/horsethumb.jpg";          
	new Image().src = "images/thumbnails/rhino.jpg";
	new Image().src = "images/thumbnails/dogs.jpg";                
	new Image().src = "images/thumbnails/koala.jpg";               
	new Image().src = "images/thumbnails/rhinothumb.jpg";
	new Image().src = "images/thumbnails/dragon.jpg";              
	new Image().src = "images/thumbnails/lionMouse.jpg";           
	new Image().src = "images/thumbnails/tortHare.jpg";
	
	new Image().src = "images/portfolio/cupanimals.jpg";
   new Image().src = "images/portfolio/peterRabbit.jpg";
   new Image().src = "images/portfolio/cupanimals.jpg";
   new Image().src = "images/portfolio/racoonKnight.jpg";
   new Image().src = "images/portfolio/dragon.jpg";
   new Image().src = "images/portfolio/dogfood.jpg";
   new Image().src = "images/portfolio/bearChess.jpg";
   new Image().src = "images/portfolio/rabbit.jpg";
   new Image().src = "images/portfolio/readingrhino.jpg";
   new Image().src = "images/portfolio/turtlehare.jpg";
   new Image().src = "images/portfolio/goatSing.jpg";
   new Image().src = "images/portfolio/pete.jpg";
   new Image().src = "images/portfolio/koala.jpg";   
}


function changePage (page)
{
	reset();
	switch (page)
	{
		case 'home':
			home = true;			
			document.getElementById("location").src = "images/home/homeLoc.jpg";
			document.getElementById("mainFrame").src = "home.html";
			document.getElementById(page).src = "images/home/homeOver.jpg";			
			break;
		
		case 'portfolio':
			portfolio = true;			
			document.getElementById("location").src = "images/home/portfolioLoc.jpg";
			document.getElementById("mainFrame").src = "portfolio.html";
			document.getElementById(page).src = "images/home/portfolioOver.jpg";
			break;
		
		case 'sketchbook':
			sketchbook = true;
			document.getElementById("location").src = "images/home/sketchbookLoc.jpg";
			document.getElementById("mainFrame").src = "sketchbook.html";
			document.getElementById(page).src = "images/home/sketchbookOver.jpg";
			break;
			
		case 'store':
			store = true;
			document.getElementById("location").src = "images/home/storeLoc.jpg";
			document.getElementById("mainFrame").src = "store.html";
			document.getElementById(page).src = "images/home/storeOver.jpg";
			break;
			
		case 'aboutMe':
			aboutMe = true;
			document.getElementById("location").src = "images/home/aboutMeLoc.jpg";
			document.getElementById("mainFrame").src = "aboutMe.html";			
			document.getElementById(page).src = "images/home/aboutMeOver.jpg";
			break;
	}		
}

function reset()
{
	home = false;
	portfolio = false;
	sketchbook = false;
	store = false;
	aboutMe = false;
	
	document.getElementById("home").src = "images/home/home.jpg";
	document.getElementById("portfolio").src = "images/home/portfolio.jpg";
	document.getElementById("sketchbook").src = "images/home/sketchbook.jpg";
	document.getElementById("store").src = "images/home/store.jpg";
	document.getElementById("aboutMe").src = "images/home/aboutMe.jpg";
}

function onMouseOut(page)
{
	switch(page)
	{
		case 'home':
			if (!home)			
			{
				document.getElementById(page).src = "images/home/home.jpg";			
			}
			break;
		
		case 'portfolio':
			if (!portfolio)			
			{
				document.getElementById(page).src = "images/home/portfolio.jpg";
			}
			break;
		
		case 'sketchbook':
			if (!sketchbook)
			{
				document.getElementById(page).src = "images/home/sketchbook.jpg";
			}
			break;
			
		case 'store':
			if (!store)
			{
				document.getElementById(page).src = "images/home/store.jpg";
			}
			break;
			
		case 'aboutMe':
			if (!aboutMe)
			{
				document.getElementById(page).src = "images/home/aboutMe.jpg";
			}
			break;
	
	}
}

function mouseOver(source, target)
{
	document.getElementById(target).src = source;
}

function popup(parent, src)
{
	image = document.getElementById(preview);
	
	image.src = src;
	image.parent = parent;
	
	document.getElementById(previewLayer).style.visibility = "visible";
	
}

function hide()
{
	document.getElementById(previewLayer).style.visibility = "hidden";
}