function showContent(){
	document.getElementById('container').style.display = 'block';
	document.getElementById('loading').style.display = 'none';
	}
	
	window.onload = showContent;

//------------------------------------------JS ACCORDION---------->
Event.observe(window, 'load', loadAccordions, false);
//
//	Set up all accordions
//
function loadAccordions() {
var topAccordion = new accordion('horizontal_container', {
	classNames : {
		toggle : 'horizontal_accordion_toggle',
		toggleActive : 'horizontal_accordion_toggle_active',
		content : 'horizontal_accordion_content'
	},
	defaultSize : {
		width : 124
	},
	direction : 'horizontal'
});
// Open second one
//topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[5]);
}

//--------------------------------------------GENERAL JAVASCRIPT------------------------->

function featured(){
	document.getElementById('featuredContent').style.display = 'block'
	document.getElementById('about').style.display = 'block';
	document.getElementById('thePortfolio').style.display = 'none';
	document.getElementById('resume').style.display = "none";
	A("#footer").animate({ top: "465" }, 300 );
}	
function hideFeatured(){
	document.getElementById('featuredContent').style.display = 'none'
	document.getElementById('about').style.display = 'none';
}

A(document).ready(function(){
A("#nav6").click(function(){
	A("#footer").animate({ top: "830"}, 100 );
  	document.getElementById('resume').style.display = 'block'
  	document.getElementById('thePortfolio').style.display = 'none'
  	document.getElementById('featuredContent').style.display = 'none'
	document.getElementById('about').style.display = 'block';
});
});
			    		    
function pieceAll(){
	document.getElementById('resume').style.display = 'none'
	document.getElementById('featuredContent').style.display = 'none'
	document.getElementById('about').style.display = 'none';
	document.getElementById('thePortfolio').style.display = 'block';
	document.getElementById('piece').style.display = 'block';
	document.getElementById('piece_2').style.display = 'none';				
}
function piece_2All(){
	document.getElementById('resume').style.display = 'none'
	document.getElementById('featuredContent').style.display = 'none'
	document.getElementById('about').style.display = 'none';
	document.getElementById('thePortfolio').style.display = 'block';
	document.getElementById('piece').style.display = 'none';
	document.getElementById('piece_2').style.display = 'block';
}



//--------------------------------------------ILLUSTRATION GALLERY VARIABLES------------------------->

var jungleCat 
jungleCat = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Personal</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  traditional art & Photoshop</br></br>'+
	'<a href="#" id="jcata"><font color=bc90b2 size="5" onclick="il1a()">1</font></a>'+ 
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="jcatb"><font color=bc90b2 size="5" onclick="il1b()">2</font></a>'+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="jcatc"><font color=bc90b2 size="5" onclick="il1c()">3</font></a>'+
	'</p>'+
	
	'<div id="il1a"><img src="images/il/catwalking.jpg"></div>'+
	
	'<p class="paragraph"><font color=bc90b2><strong>CAT-WALKING {</strong></font> Something about seeing everyone in New York City walking their tiny toy dogs made me want to create an image of a girl walking giant cats. I had a lot of fun putting this composition together and using the city as a backdrop.</p>'+
	
	'<div id="il1b"><img src="images/il/catwalking2.jpg"></div>'+
	'<div id="il1c"><img src="images/il/catwalking3.jpg"></div>'

		
var valentineZebra
valentineZebra = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Personal</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  traditional art & Photoshop</br>'+
	'</br>'+
	'<a href="#" id="zebraa"><font color=bc90b2 size="5" onclick="il2a()">1</font></a>'+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="zebrab"><font color=bc90b2 size="5" onclick="il2b()">2</font></a>'+
	'</p>'+
	'<div id="il2a"><img src="images/il/zebraS.jpg"></div>'+
	
	'<p class="paragraph"><font color=bc90b2><strong>VALENTINE&rsquo;S DAY MESSENGER {</strong></font> For this illustration I wanted to embrace my quintessential nature to draw all things girly. This is my version of cupid as a zebra steed colored of strawberries and cream and a messenger decked out in cupcake pink and candy purple.</p>'+
	
	'<div id="il2b"><img src="images/il/zebraL.jpg"></div>'
	
var lily
lily = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Personal</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Pen and Ink on Fabric</br>'+
	'</p>'+
	'<img src="images/il/lily.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>WRITHING LILY {</strong></font> A rendering of a flower done as a study of natural forms and patterns.</p>'

var mucha
mucha = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  acrylics on canvas</br>'+
	'</p>'+
	'<img src="images/il/mucha.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>MASTER REPLICA {</strong></font>This is a recreation of Alphonse Mucha&rsquo;s &lsquo;Morning Star&rsquo; that I painted for a first year studio class.</p>'
	
var dotgirls
dotgirls = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP & Personal</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'</p>'+
	'<div id="interactive5img">'+
	'<img src="images/il/dotgirls.jpg">'+
	'</div>'+
	'<p class="paragraph"><font color=bc90b2><strong>PATTERNED FIGURES {</strong></font>These are two vector illustrations that I did as an exploration in figure drawing and graphic patterns.</p>'
	
var hummingbird
hummingbird = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Personal</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop</br>'+
	'</p>'+
	'<img src="images/il/hummingbird.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>HUMMINGBIRD {</strong></font>"In Native American culture, a hummingbird symbolizes timless joy and the Nectar of Life. It&rsquo;s a symbol for accomplishing that which seems impossible and will teach you how to find the miracle of joyful living from your own life circumstances" -- It is because of this that I themed my portfolio (current and old) with hummingbirds.</p>'
	
var vampiresque
vampiresque = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Personal</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop</br>'+
	'</p>'+
	'<img src="images/il/vampire.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>VAMPIRESQUE {</strong></font>This is one among many character illustrations I enjoy doing in my free time. Although less extensive than some other pieces, sketching out figures is one way I like to keep up with my drawing during school.</p>'
	
var jcpenney
jcpenney = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> JcPenney</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  traditional art & Photoshop</br>'+
	'</br>'+
	'<a href="#" id="jcpenneya"><font color=bc90b2 size="5" onclick="il8a()">1</font></a>'+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="jcpenneyb"><font color=bc90b2 size="5" onclick="il8b()">2</font></a>'+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="jcpenneyc"><font color=bc90b2 size="5" onclick="il8c()">3</font></a>'+
	'</p>'+
	'<div id="il8a"><img src="images/il/jcpenney.jpg"></div>'+
	
	'<p class="paragraph"><font color=bc90b2><strong>REUSABLE SHOPPING BAG {</strong></font> This design was for a competition hosted by JcPenney. Although I wasn&rsquo;t a finalist, I enjoyed putting my skills toward a product that would&rsquo;ve been both stylish and meaningful in its representation of the environment and sustainable living.'+
	'<br/><br/><font class="smText">* competition requirement: limit of 4 colors and must display the JcPenney and Simply Green logo.</font> </p>'+
	
	'<div id="il8b"><img src="images/il/jcpenney1.jpg"></div>'+
	'<div id="il8c"><img src="images/il/jcpenney2.jpg"></div>'
	
//--------------------------------------------ILLUSTRATION GALLERY SCRIPTS------------------------->

function illustration1(){ 
	document.getElementById('piece').innerHTML = jungleCat
	
	document.getElementById('il1a').style.display = 'block';
	document.getElementById('il1b').style.display = 'none';
	document.getElementById('il1c').style.display = 'none';
					A("#footer").animate({ top: "590"}, 300 );
					A("#jcata").click(function(){A("#footer").animate({ top: "590"}, 300 );});
					A("#jcatb").click(function(){A("#footer").animate({ top: "638"}, 300 );});
					A("#jcatc").click(function(){A("#footer").animate({ top: "672"}, 300 );});
		}
		function il1a(){
			document.getElementById('il1a').style.display = 'block';
			document.getElementById('il1b').style.display = 'none';
			document.getElementById('il1c').style.display = 'none';
		}
		function il1b(){
			document.getElementById('il1a').style.display = 'none';
			document.getElementById('il1b').style.display = 'block';
			document.getElementById('il1c').style.display = 'none';
		}
		function il1c(){
			document.getElementById('il1a').style.display = 'none';
			document.getElementById('il1b').style.display = 'none';
			document.getElementById('il1c').style.display = 'block';
		}

function illustration2(){
	document.getElementById('piece').innerHTML = valentineZebra

	document.getElementById('il2a').style.display = 'block';
	document.getElementById('il2b').style.display = 'none';
			
					A("#footer").animate({ top: "814"}, 300 );
					
					A("#zebraa").click(function(){
					A("#footer").animate({ top: "814"}, 300 );
					});
					
					A("#zebrab").click(function(){
					A("#footer").animate({ top: "1097"}, 300 );
					});
			}		
		function il2a(){
			document.getElementById('il2a').style.display = 'block';
			document.getElementById('il2b').style.display = 'none';
		}
		function il2b(){
			document.getElementById('il2a').style.display = 'none';
			document.getElementById('il2b').style.display = 'block';
			}
			
function illustration3(){
	document.getElementById('piece').innerHTML = lily
		A("#footer").animate({ top: "762"}, 300 );
}		
function illustration4(){
	document.getElementById('piece').innerHTML = mucha
		A("#footer").animate({ top: "871"}, 300 );
}		
function illustration5(){
	document.getElementById('piece').innerHTML = dotgirls
		A("#footer").animate({ top: "684"}, 300 );
}		
function illustration6(){
	document.getElementById('piece').innerHTML = hummingbird
		A("#footer").animate({ top: "723"}, 300 );
}
function illustration7(){
	document.getElementById('piece').innerHTML = vampiresque
		A("#footer").animate({ top: "823"}, 300 );
}	
function illustration8(){
	document.getElementById('piece').innerHTML = jcpenney

	document.getElementById('il8a').style.display = 'block';
	document.getElementById('il8b').style.display = 'none';
	document.getElementById('il8c').style.display = 'none';
			
					A("#footer").animate({ top: "886"}, 300 );
					
					A("#jcpenneya").click(function(){
					A("#footer").animate({ top: "886"}, 300 );
					});
					
					A("#jcpenneyb, jcpenneyc").click(function(){
					A("#footer").animate({ top: "735"}, 300 );
					});
			}		
		function il8a(){
			document.getElementById('il8a').style.display = 'block';
			document.getElementById('il8b').style.display = 'none';
			document.getElementById('il8c').style.display = 'none';
		}
		function il8b(){
			document.getElementById('il8a').style.display = 'none';
			document.getElementById('il8b').style.display = 'block';
			document.getElementById('il8c').style.display = 'none';
			}
		function il8c(){
			document.getElementById('il8a').style.display = 'none';
			document.getElementById('il8b').style.display = 'none';
			document.getElementById('il8c').style.display = 'block';
			}
			
//--------------------------------------------INTERACTIVE GALLERY VARIABLES--------------------------->

var kiki
kiki = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Kiki Magazine</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop</br>'+
	'</br>'+
	'<a href="http://kikimag.com" TARGET="_blank"><strong><font color=bc90b2>VISIT {</font>  kikimag.com  </strong></a>'+
	'<br/>'+
	'<font class="smText">(the Kiki Store is still under construction)</font>'+
	'</p>'+
	
	'<img src="images/in/kiki.jpg">'+
	'<p class="paragraph"><font color=bc90b2><strong>KIKI SITE DESIGN {</strong></font> This site was designed to cater specifically toward Kiki Magazine&rsquo;s consumers, "tween" girls. The site&rsquo;s redesign needed to communicate to both readers and adults with a playful, young, and fresh point of view. The final design resulted in bright colors, a combination of photographs with custom illustrations, and a simplistic layout. </p>'

var bbooks
bbooks = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> B-Books Publishing </br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop, HTML, CSS & Javascript</br>'+
	'</br>'+
	'<a href="http://b-books.com" TARGET="_blank"><strong><font color=bc90b2>VISIT {</font>  b-books.com  </strong></a>'+
	'</p>'+
	'<img src="images/in/bbooks.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>B-BOOKS WEBSITE {</strong></font> I designed and developed this website for B-Books, a publishing company based in the Greater Cincinnati Area. The process involved creating varying designs that would successfully show the company&rsquo;s love of paper and written form while also communicating their purpose and showcasing their portfolio. </p>'
	
var queenBee
queenBee = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop & Illustrator</br></br>'+
	'<a href="#" id="beea"><font color=bc90b2 size="5" onclick="in4a()">1</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="beeb"><font color=bc90b2 size="5" onclick="in4b()">2</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="beec"><font color=bc90b2 size="5" onclick="in4c()">3</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="beed"><font color=bc90b2 size="5" onclick="in4d()">4</font></a> '+
	'</p>'+
	
	'<div id="in4a"><img src="images/in/queenbee.jpg"></div>'+
	
	'<p class="paragraph"><font color=bc90b2><strong>QUEEN BEE BLOG DESIGN {</strong></font> In this assignment we were given the freedom to choose any topic for a blog. I chose food! My last name Appiarius means "bee keeper" and my mother&rsquo;s name mean&rsquo;s "queen bee", so with the intention of creating a blog that she could use to document her recipes and amazing cooking, I created this illustration and photo prominent design. </p>'+
	
	'<div id="in4b"><img src="images/in/queenbee2.jpg"></div>'+
	'<div id="in4c"><img src="images/in/queenbee3.jpg"></div>'+
	'<div id="in4d"><img src="images/in/queenbee4.jpg"></div>'

var findlay
findlay = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop & Illustrator</br>'+
	'<font color=bc90b2><strong>PROCESS {</strong></font> <a href="process/findlay redesign process.pdf"> <strong> download PDF  </strong></a></br></br>'+
	'<a href="#" id="finda"><font color=bc90b2 size="5" onclick="in5a()">1</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="findb"><font color=bc90b2 size="5" onclick="in5b()">2</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="findc"><font color=bc90b2 size="5" onclick="in5c()">3</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="findd"><font color=bc90b2 size="5" onclick="in5d()">4</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="finde"><font color=bc90b2 size="5" onclick="in5e()">5</font></a>'+
	'</p>'+
	
	'<img id="in5img" src="images/in/findlay_2.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>FINDLAY MARKET REDESIGN {</strong></font> In this assignment I redesigned Findlay Market&rsquo;s website. Taking into consideration the need for a simplified navigation, a consistent identity, and the portrayal of a historical and fresh market setting, I designed the new site to have a fun, vintage aesthetic.</p>'+
	
	'<div id="in5b"><img src="images/in/findlay.jpg"></div>'+
	'<div id="in5c"><img src="images/in/findlay2.jpg"></div>'+
	'<div id="in5d"><img src="images/in/findlay4.jpg"></div>'+
	'<div id="in5e"><img src="images/in/findlay5.jpg"></div>'
	
var cca
cca = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop, HTML & CSS</br>'+
	'</br>'+
	'<a href="http://ccastables.com" TARGET="_blank"><strong><font color=bc90b2>VISIT {</font>  ccastables.com  </strong></a> '+
	'</p>'+
	'<img src="images/in/cca.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>CCA STABLES WEBSITE {</strong></font> I designed and coded this website for Cohron&rsquo;s Chestnut Acres, a stable rooted in a love of Irish tradition.</p>'
	
var oldfolio
oldfolio = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop HTML, CSS, & Javascript</br>'+
	'</br>'+
	'<a href="http://appiarius.com/archive/portfolio08" TARGET="_blank"><strong><font color=bc90b2>VISIT {</font>  appiarius.com/portfolio_08  </strong></a> '+
	'</p>'+
	'<img src="images/in/oldfolio.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>PORTFOLIO 2008 {</strong></font> This is the design of my previous portfolio which still includes the hummingbird as a symbol of perseverance and joy. </p>'
 
       		 
//--------------------------------------------INTERACTIVE GALLERY SCRIPTS--------------------------->
function interactive1(){
	document.getElementById('piece').innerHTML = kiki
		A("#footer").animate({ top: "575"}, 300 );
}		
function interactive2(){
	document.getElementById('piece').innerHTML = bbooks
		A("#footer").animate({ top: "543"}, 300 );
}		
function interactive3(){
	document.getElementById('interactive3').style.display = 'block';
	
	document.getElementById('motion1').style.display = 'none';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion4').style.display = 'none';
	document.getElementById('motion5').style.display = 'none';
	document.getElementById('motion6').style.display = 'none';
	document.getElementById('motion8').style.display = 'none';
	
	A("#footer").animate({ top: "682"}, 300 );
}
function interactive4(){
	document.getElementById('piece').innerHTML = queenBee
			document.getElementById('in4a').style.display = 'block';
			document.getElementById('in4b').style.display = 'none';
			document.getElementById('in4c').style.display = 'none';
			document.getElementById('in4d').style.display = 'none';
		
				A("#footer").animate({ top: "711"}, 300 );

				A("#beea").click(function(){
				A("#footer").animate({ top: "711"}, 300 );
				});
				A("#beeb").click(function(){
				A("#footer").animate({ top: "643"}, 300 );
				});
				A("#beec").click(function(){
				A("#footer").animate({ top: "446"}, 300 );
				});
				A("#beed").click(function(){
				A("#footer").animate({ top: "783"}, 300 );
				});
}
		function in4a(){
			document.getElementById('in4a').style.display = 'block';
			document.getElementById('in4b').style.display = 'none';
			document.getElementById('in4c').style.display = 'none';
			document.getElementById('in4d').style.display = 'none';
		}
		function in4b(){
			document.getElementById('in4a').style.display = 'none';
			document.getElementById('in4b').style.display = 'block';
			document.getElementById('in4c').style.display = 'none';
			document.getElementById('in4d').style.display = 'none';
		}
		function in4c(){
			document.getElementById('in4a').style.display = 'none';
			document.getElementById('in4b').style.display = 'none';
			document.getElementById('in4c').style.display = 'block';
			document.getElementById('in4d').style.display = 'none';
		}
		function in4d(){
			document.getElementById('in4a').style.display = 'none';
			document.getElementById('in4b').style.display = 'none';
			document.getElementById('in4c').style.display = 'none';
			document.getElementById('in4d').style.display = 'block';
		}
		
function interactive5(){
	document.getElementById('piece').innerHTML = findlay
			document.getElementById('in5img').style.display = 'block';
			document.getElementById('in5b').style.display = 'none';
			document.getElementById('in5c').style.display = 'none';
			document.getElementById('in5d').style.display = 'none';
			document.getElementById('in5e').style.display = 'none';
			
				A("#footer").animate({ top: "563"}, 300 );

				A("#finda").click(function(){ A("#footer").animate({ top: "563"}, 300 );});
				A("#findb, #findc, #findd, #finde").click(function(){A("#footer").animate({ top: "807"}, 300 );});
}

		function in5a(){
			document.getElementById('in5b').style.display = 'none';
			document.getElementById('in5c').style.display = 'none';
			document.getElementById('in5d').style.display = 'none';
			document.getElementById('in5e').style.display = 'none';
			document.getElementById('in5img').style.display = 'block';
		}
		function in5b(){
			document.getElementById('in5b').style.display = 'block';
			document.getElementById('in5c').style.display = 'none';
			document.getElementById('in5d').style.display = 'none';
			document.getElementById('in5e').style.display = 'none';
			document.getElementById('in5img').style.display = 'none';
		}
		function in5c(){
			document.getElementById('in5b').style.display = 'none';
			document.getElementById('in5c').style.display = 'block';
			document.getElementById('in5d').style.display = 'none';
			document.getElementById('in5e').style.display = 'none';
			document.getElementById('in5img').style.display = 'none';
		}
		function in5d(){
			document.getElementById('in5b').style.display = 'none';
			document.getElementById('in5c').style.display = 'none';
			document.getElementById('in5d').style.display = 'block';
			document.getElementById('in5e').style.display = 'none';
			document.getElementById('in5img').style.display = 'none';
		}
		function in5e(){
			document.getElementById('in5b').style.display = 'none';
			document.getElementById('in5c').style.display = 'none';
			document.getElementById('in5d').style.display = 'none';
			document.getElementById('in5e').style.display = 'block';
			document.getElementById('in5img').style.display = 'none';
		}

function interactive6(){
	document.getElementById('piece').innerHTML = cca
		A("#footer").animate({ top: "535"}, 300 );
}
function interactive7(){
	document.getElementById('piece').innerHTML = oldfolio
		A("#footer").animate({ top: "535"}, 300 );
}		

//--------------------------------------------MOTION GALLERY VARIABLES------------------------------->

var guitar
guitar = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop</br>'+
	'<font color=bc90b2><strong>PROCESS {</strong></font><a href="process/t-mobile design boards process.pdf" TARGET="_blank"> <strong>  download PDF  </strong></a></br></br>'+
	'<a href="#" id="cellpa"><font color=bc90b2 size="5" onclick="motion2a()">1</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="cellpb"><font color=bc90b2 size="5" onclick="motion2b()">2</font></a> '+
	'</p>'+
	'<img id="motion2img" src="images/m/guitars1.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>T-MOBILE DESIGN BOARDS {</strong></font> This is a design pitch for a 30 second commercial featuring a phone and its ability to be an mp3 player. After researching a demographic, creating a persona, and gathering reference material, I developed these boards to propose the look and feel of the final animation.</p>'+
	'<div id="motion2a"><img src="images/m/guitars1.jpg"></div>'+
	'<div id="motion2b"><img src="images/m/guitars2.jpg"></div>'
	
var amgreetings
amgreetings = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Lightborne</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop</br>'+
	'</br>'+
	'<a href="#" id="amga"><font color=bc90b2 size="5" onclick="motion7a()">1</font></a>'+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="amgb"><font color=bc90b2 size="5" onclick="motion7b()">2</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="amgc"><font color=bc90b2 size="5" onclick="motion7c()">3</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="amgd"><font color=bc90b2 size="5" onclick="motion7d()">4</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="amge"><font color=bc90b2 size="5" onclick="motion7e()">5</font></a>'+
	'</p>'+
	'<img id="motion7img" src="images/m/amgreetings1.jpg">'+
	'<p class="paragraph"><font color=bc90b2><strong>AMERICAN GREETINGS BOARDS {</strong></font> Taking into consideration the brand&rsquo;s directive, I created style frames for a metaphoric animation that shows connection and relationship through nature. The journey begins with a raindrop that falls and spins through butterflies, intwining vines and other imagery that invokes connection, a core value of American Greetings.</p>'+
	'<div id="motion7a"><img src="images/m/amgreetings1.jpg"> </div>'+
	'<div id="motion7b"><img src="images/m/amgreetings2.jpg"></div>'+
	'<div id="motion7c"><img src="images/m/amgreetings3.jpg"></div>'+
	'<div id="motion7d"><img src="images/m/amgreetings4.jpg"></div>'+
	'<div id="motion7e"><img src="images/m/amgreetings5.jpg"></div>'

var clashofgods
clashofgods = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> UVPH</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Photoshop, Illustrator & After Effects</br>'+
	'</br>'+
	'<font color=bc90b2><strong>WATCH {</font></strong>  view episodes at <strong><a href="http://www.history.com/video.do?name=ClashoftheGods" TARGET="_blank"> www.history.com</a></strong></br>'+
	'</br>'+
	'</p>'+
	'<img src="images/m/clashofgods.jpg">'+
	'<p class="paragraph"><font color=bc90b2><strong>CLASH OF THE GODS {</strong></font>At UVPH I worked on a series for the History Channel called "Clash of the Gods".  My part in creating these episodes included animating multiple 2.5D scenes, prepping images, and designing various pieces for the final show. Also, I can&rsquo;t help adding how awesome it is to see this all on national television!!</p>'

//--------------------------------------------MOTION GALLERY SCRIPT------------------------------->

function motion1(){
	document.getElementById('interactive3').style.display = 'none';
	document.getElementById('motion1').style.display = 'block';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion4').style.display = 'none';
	document.getElementById('motion5').style.display = 'none';
	document.getElementById('motion6').style.display = 'none';
	document.getElementById('motion8').style.display = 'none';
	
	A("#footer").animate({ top: "591"}, 300 );
}	
	
function motion2(){
	document.getElementById('piece').innerHTML = guitar
	document.getElementById('motion2a').style.display = 'none';
	document.getElementById('motion2b').style.display = 'none';
	document.getElementById('motion2img').style.display = 'block';

	A("#footer").animate({ top: "871"}, 300 );
	
	A("#cellpa").click(function(){A("#footer").animate({ top: "871"}, 300 );});
	A("#cellpb").click(function(){A("#footer").animate({ top: "673"}, 300 );});
}	
		function motion2a(){
			document.getElementById('motion2a').style.display = 'block';
			document.getElementById('motion2b').style.display = 'none';
			document.getElementById('motion2img').style.display = 'none';
		}
		function motion2b(){
			document.getElementById('motion2a').style.display = 'none';
			document.getElementById('motion2b').style.display = 'block';
			document.getElementById('motion2img').style.display = 'none';
		}	
		
function motion3(){
	document.getElementById('interactive3').style.display = 'none';
	document.getElementById('motion1').style.display = 'none';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion3').style.display = 'block';
	document.getElementById('motion4').style.display = 'none';
	document.getElementById('motion5').style.display = 'none';
	document.getElementById('motion6').style.display = 'none';
	document.getElementById('motion8').style.display = 'none';
	
	A("#footer").animate({ top: "544"}, 300 );

}
function motion4(){
	document.getElementById('interactive3').style.display = 'none';
	document.getElementById('motion1').style.display = 'none';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion4').style.display = 'block';
	document.getElementById('motion5').style.display = 'none';
	document.getElementById('motion6').style.display = 'none';
	document.getElementById('motion8').style.display = 'none';
	
	A("#footer").animate({ top: "631"}, 300 );
}		
function motion5(){
	document.getElementById('interactive3').style.display = 'none';
	document.getElementById('motion1').style.display = 'none';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion4').style.display = 'none';
	document.getElementById('motion5').style.display = 'block';
	document.getElementById('motion6').style.display = 'none';
	document.getElementById('motion8').style.display = 'none';
	
	A("#footer").animate({ top: "627"}, 300 );
}
function motion6(){
	document.getElementById('interactive3').style.display = 'none';
	document.getElementById('motion1').style.display = 'none';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion4').style.display = 'none';
	document.getElementById('motion5').style.display = 'none';
	document.getElementById('motion6').style.display = 'block';
	document.getElementById('motion8').style.display = 'none';
	
	A("#footer").animate({ top: "671"}, 300 );
}
function motion7(){
	document.getElementById('piece').innerHTML = amgreetings
			document.getElementById('motion7a').style.display = 'none';
			document.getElementById('motion7b').style.display = 'none';
			document.getElementById('motion7c').style.display = 'none';
			document.getElementById('motion7d').style.display = 'none';
			document.getElementById('motion7e').style.display = 'none';
			document.getElementById('motion7img').style.display = 'block';
			
			A("#footer").animate({ top: "727"}, 300 );
			A("#amga").click(function(){A("#footer").animate({ top: "727"}, 300 );});
			A("#amgb, #amgc, #amgd, #amge").click(function(){A("#footer").animate({ top: "492"}, 300 );});
}
 
		function motion7a(){
			document.getElementById('motion7a').style.display = 'block';
			document.getElementById('motion7b').style.display = 'none';
			document.getElementById('motion7c').style.display = 'none';
			document.getElementById('motion7d').style.display = 'none';
			document.getElementById('motion7e').style.display = 'none';
			document.getElementById('motion7img').style.display = 'none';
		}
		function motion7b(){
			document.getElementById('motion7a').style.display = 'none';
			document.getElementById('motion7b').style.display = 'block';
			document.getElementById('motion7c').style.display = 'none';
			document.getElementById('motion7d').style.display = 'none';
			document.getElementById('motion7e').style.display = 'none';
			document.getElementById('motion7img').style.display = 'none';
		}
		function motion7c(){
			document.getElementById('motion7a').style.display = 'none';
			document.getElementById('motion7b').style.display = 'none';
			document.getElementById('motion7c').style.display = 'block';
			document.getElementById('motion7d').style.display = 'none';
			document.getElementById('motion7e').style.display = 'none';
			document.getElementById('motion7img').style.display = 'none';
		}
		function motion7d(){
			document.getElementById('motion7a').style.display = 'none';
			document.getElementById('motion7b').style.display = 'none';
			document.getElementById('motion7c').style.display = 'none';
			document.getElementById('motion7d').style.display = 'block';
			document.getElementById('motion7e').style.display = 'none';
			document.getElementById('motion7img').style.display = 'none';
		}
		function motion7e(){
			document.getElementById('motion7a').style.display = 'none';
			document.getElementById('motion7b').style.display = 'none';
			document.getElementById('motion7c').style.display = 'none';
			document.getElementById('motion7d').style.display = 'none';
			document.getElementById('motion7e').style.display = 'block';
			document.getElementById('motion7img').style.display = 'none';
		}
		
		
function motion8(){
	document.getElementById('interactive3').style.display = 'none';
	document.getElementById('motion1').style.display = 'none';
	document.getElementById('motion3').style.display = 'none';
	document.getElementById('motion4').style.display = 'none';
	document.getElementById('motion5').style.display = 'none';
	document.getElementById('motion6').style.display = 'none';
	document.getElementById('motion8').style.display = 'block';
	
	A("#footer").animate({ top: "601"}, 300 );
}
function motion9(){
	document.getElementById('piece').innerHTML = clashofgods
	A("#footer").animate({ top: "723"}, 300 );

}

//--------------------------------------------GRAPHIC GALLERY VARIABLES------------------------------->

var abstractLeaf
abstractLeaf = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography, traditional art & Illustrator</br>'+
	'<font color=bc90b2><strong>PROCESS {</strong></font> <a href="process/abstract sequence process.pdf"><strong>  download PDF  </strong></a></br></br>'+
	'<a href="#" id="leafa"><font color=bc90b2 size="3" onclick="g1a()">1</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="leafb"><font color=bc90b2 size="3" onclick="g1b()">2</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="leafc"><font color=bc90b2 size="3" onclick="g1c()">3</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="leafd"><font color=bc90b2 size="3" onclick="g1d()">4</font></a> '+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="leafe"><font color=bc90b2 size="3" onclick="g1e()">5</font></a>'+
	'&nbsp;&nbsp;&nbsp;&nbsp;'+
	'<a href="#" id="leaff"><font color=bc90b2 size="3" onclick="g1f()">6</font></a>'+
	'</p>'+
	'<div id="g1a"><img src="images/g/leaf.jpg"></div>'+
	
	'<p class="paragraph"><font color=bc90b2><strong>ABSTRACT DESIGN SEQUENCE {</strong></font> After studying leaves, sketching, and compiling a library of designs, I drew inspiration and chose an elegant approach in creating a 5 sequenced layout that spans from a light and tranquil composition to a powerful, dark, and royal arrangement of shapes and lines.</p>'+
	'<div id="g1b"><img src="images/g/leaf1.jpg"></div>'+
	'<div id="g1c"><img src="images/g/leaf2.jpg"></div>'+
	'<div id="g1d"><img src="images/g/leaf3.jpg"></div>'+
	'<div id="g1e"><img src="images/g/leaf4.jpg"></div>'+
	'<div id="g1f"><img src="images/g/leaf5.jpg"></div>'
	
var iconSystem
iconSystem = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'<font color=bc90b2><strong>PROCESS {</strong></font> <a href="process/icon system process.pdf" TARGET_><strong>  download PDF  </strong></a></br></br>'+
	'</p>'+
	'<img src="images/g/icons.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>ICON SYSTEM {</strong></font> The purpose of this project was to create a cohesive icon system. Throughout the course of this assignment I went through an extensive design process and learned the effectiveness of communicating with a consistent visual language.</p>'
	
var letterComp
letterComp = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font>  DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'</p>'+
	'<img src="images/g/lettercomposition.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>NINE GRID LETTER COMPOSITION {</strong></font> In this assignment I explored the Edwardian Script letterform E by arranging it into an abstract composition. Each square of this nine part grid is meant to work together to create a fluid composition while still demonstrating contrasting size, placement, and rotation.</p>'
	
var poolsideLogo
poolsideLogo = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Freelance </br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'</p>'+
	'<img src="images/g/poolsideLogo.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>POOLSIDE LOGO {</strong></font> This logo was completed for a local Cincinnati band, Poolside.</p>'
	
var hartLogo
hartLogo = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> Freelance </br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'</p>'+
	'<img src="images/g/hartlogo.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>HART LOGO {</strong></font> I volunteered to design this logo for a local animal rescue center. HART needed a piece that spoke of their love for animals while playing off the meaning of their name.</p>'
	
var angelsLogo
angelsLogo = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font>  Freelance</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'</p>'+
	'<img src="images/g/irelandwings.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>ANGELS IN IRELAND {</strong></font> This design was created to be printed on tee-shirts and hooded sweatshirts for a spiritual group travelling to Ireland.</p>'
	
var visualSemantics
visualSemantics = '<p>'+
	'<font color=bc90b2><strong>STUDIO {</strong></font>  DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  Illustrator</br>'+
	'</p>'+
	'<img src="images/g/semantics.jpg">'+
	
	'<p class="paragraph"><font color=bc90b2><strong>VISUAL SEMANTICS {</strong></font>This typography assignment was an exercise in translating the meaning of a set of antonyms into visual language.</p>'

//--------------------------------------------GRAPHIC GALLERY SCRIPT------------------------------->

function graphic1(){
	document.getElementById('piece').innerHTML = abstractLeaf
			document.getElementById('g1a').style.display = 'block';
			document.getElementById('g1b').style.display = 'none';
			document.getElementById('g1c').style.display = 'none';
			document.getElementById('g1d').style.display = 'none';
			document.getElementById('g1e').style.display = 'none';
			document.getElementById('g1f').style.display = 'none';
			
			A("#footer, #leafa").animate({ top: "382"}, 300 );
			A("#leafb, #leafc, #leafd, #leafe, #leaff").click(function(){A("#footer").animate({ top: "756"}, 300 );});
						
}	
		function g1a(){
			document.getElementById('g1a').style.display = 'block';
			document.getElementById('g1b').style.display = 'none';
			document.getElementById('g1c').style.display = 'none';
			document.getElementById('g1d').style.display = 'none';
			document.getElementById('g1e').style.display = 'none';
			document.getElementById('g1f').style.display = 'none';
		}
		function g1b(){
			document.getElementById('g1a').style.display = 'none';
			document.getElementById('g1b').style.display = 'block';
			document.getElementById('g1c').style.display = 'none';
			document.getElementById('g1d').style.display = 'none';
			document.getElementById('g1e').style.display = 'none';
			document.getElementById('g1f').style.display = 'none';
		}
		function g1c(){
			document.getElementById('g1a').style.display = 'none';
			document.getElementById('g1b').style.display = 'none';
			document.getElementById('g1c').style.display = 'block';
			document.getElementById('g1d').style.display = 'none';
			document.getElementById('g1e').style.display = 'none';
			document.getElementById('g1f').style.display = 'none';
		}
		function g1d(){
			document.getElementById('g1a').style.display = 'none';
			document.getElementById('g1b').style.display = 'none';
			document.getElementById('g1c').style.display = 'none';
			document.getElementById('g1d').style.display = 'block';
			document.getElementById('g1e').style.display = 'none';
			document.getElementById('g1f').style.display = 'none';
		}
		function g1e(){
			document.getElementById('g1a').style.display = 'none';
			document.getElementById('g1b').style.display = 'none';
			document.getElementById('g1c').style.display = 'none';
			document.getElementById('g1d').style.display = 'none';
			document.getElementById('g1e').style.display = 'block';
			document.getElementById('g1f').style.display = 'none';
		}
		function g1f(){
			document.getElementById('g1a').style.display = 'none';
			document.getElementById('g1b').style.display = 'none';
			document.getElementById('g1c').style.display = 'none';
			document.getElementById('g1d').style.display = 'none';
			document.getElementById('g1e').style.display = 'none';
			document.getElementById('g1f').style.display = 'block';
		}
function graphic2(){
	document.getElementById('piece').innerHTML = iconSystem
		A("#footer").animate({ top: "522"}, 300 );
}	
function graphic3(){
	document.getElementById('piece').innerHTML = letterComp
		A("#footer").animate({ top: "625"}, 300 );
}	
function graphic4(){
	document.getElementById('piece').innerHTML = poolsideLogo
		A("#footer").animate({ top: "507"}, 300 );
}	
function graphic5(){
	document.getElementById('piece').innerHTML = hartLogo
		A("#footer").animate({ top: "561"}, 300 );
}	
function graphic6(){
	document.getElementById('piece').innerHTML = angelsLogo
		A("#footer").animate({ top: "457"}, 300 );
}	
function graphic7(){
	document.getElementById('piece').innerHTML = visualSemantics
		A("#footer").animate({ top: "670"}, 300 );
}
//--------------------------------------------PHOTOGRAPHY GALLERY VARIABLES------------------------------->

var crossties
crossties= '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>THE BARN {</strong></font> In this photo, taken at the Kentucky Horse Park, the doorway is a framing device to enhance the details of the scene.</p>'+
	
	'<img src="images/p/crossties.jpg">'

var alyse
alyse = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>ALYSE {</strong></font> In this photo of my youngest cousin I wanted to capture her essence from her blonde pigtails to the crumbs on her lips.</p>'+
	
	'<img src="images/p/alyse.jpg">'

var brownie
brownie = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>PEANUT BUTTER BROWNIES {</strong></font>Lately I have taken an interest in photographing food. I use natural lighting and setting to make the subject appear as scrumptious as possible.</p>'+
	
	'<img src="images/p/brownie.jpg">'

var lightbulb
lightbulb = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>SUNLIGHT {</strong></font></strong></font>In this shot, I wanted to capture the power of the sun and the utility of a light bulb, integrating both natural and manufactured light into one photograph.</p>'+
	
	'<img src="images/p/lightbulb.jpg">'

var lady
lady = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>LADYHAWK {</strong></font> It was a cold day for riding and I wanted to catch the crisp iciness of the air with Lady&rsquo;s breath and the way the pale sun came though the barn window.</p>'+
	
	'<img src="images/p/lady.jpg">'
	
var orangebutterflies
orangebutterflies = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>JUICED MONARCHS {</strong></font> This was a photoshop exercise where I was assigned to take a fruit and create an interesting compostion using various images.</p>'+
	
	'<img src="images/p/orangebutterflies.jpg">'
	
var crookshanks
crookshanks = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>CROOKSHANKS {</strong></font> In this photo my goal was to capture the way the cat was posed on the fence as the wind blew his fur.</p>'+
	'<img src="images/p/crookshanks.jpg">'

var summer
summer = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>ETHEREAL SUMMER {</strong></font> The bright yellow and shades of the sky and park contrasted against the cool blue of the tree bark made this photograph a fitting result of the heavy summer day. </p>'+
	
	'<img src="images/p/summer.jpg">'

var cakeball
cakeball = '<p class="photography_p">'+
	'<font color=bc90b2><strong>STUDIO {</strong></font> DAAP</br>'+
	'<font color=bc90b2><strong>TOOLS {</strong></font>  digital photography</br>'+
	'</br><font color=bc90b2><strong>CAKEBALLS {</strong></font> This past year I have picked up on the cake truffle frenzy and as a result have had plenty to photograph. I hoped to show off the moist icing and cake inside while sharpening the contrast of the crunchy chocolate shell.</p>'+
	
	'<img src="images/p/cakeball.jpg">'


//--------------------------------------------PHOTOGRAPHY GALLERY SCRIPT------------------------------->

function photography1(){
	document.getElementById('piece').innerHTML = crossties
	A("#footer").animate({ top: "715"}, 300 );
}		
function photography2(){
	document.getElementById('piece').innerHTML = alyse
	A("#footer").animate({ top: "710"}, 300 );
}	
function photography3(){
	document.getElementById('piece').innerHTML = brownie
	A("#footer").animate({ top: "664"}, 300 );
}	
function photography4(){
	document.getElementById('piece').innerHTML = lightbulb
	A("#footer").animate({ top: "715" }, 300 );
}	
function photography5(){
	document.getElementById('piece').innerHTML = lady
	A("#footer").animate({ top: "771"}, 300 );
}	
function photography6(){
	document.getElementById('piece').innerHTML = orangebutterflies
	A("#footer").animate({ top: "657"}, 300 );
}	
function photography7(){
	document.getElementById('piece').innerHTML = crookshanks
	A("#footer").animate({ top: "717"}, 300 );
}	
function photography8(){
	document.getElementById('piece').innerHTML = summer
	A("#footer").animate({ top: "796"}, 300 );
}	
function photography9(){
	document.getElementById('piece').innerHTML = cakeball
	A("#footer").animate({ top: "771"}, 300 );
}