//--------------------------------------------GRAPHIC GALLERY------------------------->
 
var stilllife 
stilllife = 
	
	'<div id="gr1a"><img src="images/g/graphic_stilllife_1.jpg" class="projImg"></div>'+	
	'<div id="gr1b"><img src="images/g/graphic_stilllife_2.jpg" class="projImg"></div>'


function graphic1(){ 
	document.getElementById('projImages').innerHTML = stilllife
	
	document.getElementById('gr1a').style.display = 'block';
	document.getElementById('gr1b').style.display = 'none';
	
		}
		function gr1a(){
			document.getElementById('gr1a').style.display = 'block';
			document.getElementById('gr1b').style.display = 'none';
		}
		function gr1b(){
			document.getElementById('gr1a').style.display = 'none';
			document.getElementById('gr1b').style.display = 'block';
		}
	
	
		
		
var boards 
boards = 
	
	'<div id="gr2a"><img src="images/g/graphic_boards_1.jpg" class="projImg"></div>'+	
	'<div id="gr2b"><img src="images/g/graphic_boards_2.jpg" class="projImg"></div>'+
	'<div id="gr2c"><img src="images/g/graphic_boards_3.jpg" class="projImg"></div>'+
	'<div id="gr2d"><img src="images/g/graphic_boards_4.jpg" class="projImg"></div>'+
	'<div id="gr2e"><img src="images/g/graphic_boards_5.jpg" class="projImg"></div>'


function graphic2(){ 
	document.getElementById('projImages').innerHTML = boards
	
	document.getElementById('gr2a').style.display = 'block';
	document.getElementById('gr2b').style.display = 'none';
	document.getElementById('gr2c').style.display = 'none';
	document.getElementById('gr2d').style.display = 'none';
	document.getElementById('gr2e').style.display = 'none';
	
		}
		function gr2a(){
			document.getElementById('gr2a').style.display = 'block';
			document.getElementById('gr2b').style.display = 'none';
			document.getElementById('gr2c').style.display = 'none';
			document.getElementById('gr2d').style.display = 'none';
			document.getElementById('gr2e').style.display = 'none';
		}
		function gr2b(){
			document.getElementById('gr2a').style.display = 'none';
			document.getElementById('gr2b').style.display = 'block';
			document.getElementById('gr2c').style.display = 'none';
			document.getElementById('gr2d').style.display = 'none';
			document.getElementById('gr2e').style.display = 'none';
		}
		function gr2c(){
			document.getElementById('gr2a').style.display = 'none';
			document.getElementById('gr2b').style.display = 'none';
			document.getElementById('gr2c').style.display = 'block';
			document.getElementById('gr2d').style.display = 'none';
			document.getElementById('gr2e').style.display = 'none';
		}
		function gr2d(){
			document.getElementById('gr2a').style.display = 'none';
			document.getElementById('gr2b').style.display = 'none';
			document.getElementById('gr2c').style.display = 'none';
			document.getElementById('gr2d').style.display = 'block';
			document.getElementById('gr2e').style.display = 'none';
		}
		function gr2e(){
			document.getElementById('gr2a').style.display = 'none';
			document.getElementById('gr2b').style.display = 'none';
			document.getElementById('gr2c').style.display = 'none';
			document.getElementById('gr2d').style.display = 'none';
			document.getElementById('gr2e').style.display = 'block';
		}


var icons 
icons = 
	
	'<div id="gr3a"><img src="images/g/graphic_icons_1.jpg" class="projImg"></div>'


function graphic3(){ 
	document.getElementById('projImages').innerHTML = icons
	
	document.getElementById('gr3a').style.display = 'block';
	
		}
		function gr3a(){
			document.getElementById('gr3a').style.display = 'block';
		}
		


var tools 
tools = 
	
	'<div id="gr4a"><img src="images/g/graphic_tools_1.jpg" class="projImg"></div>'+	
	'<div id="gr4b"><img src="images/g/graphic_tools_2.jpg" class="projImg"></div>'+
	'<div id="gr4c"><img src="images/g/graphic_tools_3.jpg" class="projImg"></div>'+
	'<div id="gr4d"><img src="images/g/graphic_tools_4.jpg" class="projImg"></div>'+
	'<div id="gr4e"><img src="images/g/graphic_tools_5.jpg" class="projImg"></div>'+
	'<div id="gr4f"><img src="images/g/graphic_tools_6.jpg" class="projImg"></div>'


function graphic4(){ 
	document.getElementById('projImages').innerHTML = tools
	
	document.getElementById('gr4a').style.display = 'block';
	document.getElementById('gr4b').style.display = 'none';
	document.getElementById('gr4c').style.display = 'none';
	document.getElementById('gr4d').style.display = 'none';
	document.getElementById('gr4e').style.display = 'none';
	document.getElementById('gr4f').style.display = 'none';
	
		}
		function gr4a(){
			document.getElementById('gr4a').style.display = 'block';
			document.getElementById('gr4b').style.display = 'none';
			document.getElementById('gr4c').style.display = 'none';
			document.getElementById('gr4d').style.display = 'none';
			document.getElementById('gr4e').style.display = 'none';
			document.getElementById('gr4f').style.display = 'none';
		}
		function gr4b(){
			document.getElementById('gr4a').style.display = 'none';
			document.getElementById('gr4b').style.display = 'block';
			document.getElementById('gr4c').style.display = 'none';
			document.getElementById('gr4d').style.display = 'none';
			document.getElementById('gr4e').style.display = 'none';
			document.getElementById('gr4f').style.display = 'none';
		}
		function gr4c(){
			document.getElementById('gr4a').style.display = 'none';
			document.getElementById('gr4b').style.display = 'none';
			document.getElementById('gr4c').style.display = 'block';
			document.getElementById('gr4d').style.display = 'none';
			document.getElementById('gr4e').style.display = 'none';
			document.getElementById('gr4f').style.display = 'none';
		}
		function gr4d(){
			document.getElementById('gr4a').style.display = 'none';
			document.getElementById('gr4b').style.display = 'none';
			document.getElementById('gr4c').style.display = 'none';
			document.getElementById('gr4d').style.display = 'block';
			document.getElementById('gr4e').style.display = 'none';
			document.getElementById('gr4f').style.display = 'none';
		}
		function gr4e(){
			document.getElementById('gr4a').style.display = 'none';
			document.getElementById('gr4b').style.display = 'none';
			document.getElementById('gr4c').style.display = 'none';
			document.getElementById('gr4d').style.display = 'none';
			document.getElementById('gr4e').style.display = 'block';
			document.getElementById('gr4f').style.display = 'none';
		}
		function gr4f(){
			document.getElementById('gr4a').style.display = 'none';
			document.getElementById('gr4b').style.display = 'none';
			document.getElementById('gr4c').style.display = 'none';
			document.getElementById('gr4d').style.display = 'none';
			document.getElementById('gr4e').style.display = 'none';
			document.getElementById('gr4f').style.display = 'block';
		}
				
		
	

//--------------------------------------------INTERACTIVE GALLERY------------------------->
var haiku 
haiku = 
	
	'<div id="int1a"><img src="images/i/interactive_haiku_1.jpg" class="projImg"></div>'+
	
	'<div id="int1b"><img src="images/i/interactive_haiku_2.jpg" class="projImg"></div>'+
	'<div id="int1c"><img src="images/i/interactive_haiku_3.jpg" class="projImg"></div>'+
	'<div id="int1d"><img src="images/i/interactive_haiku_4.jpg" class="projImg"></div>'+
	'<div id="int1e"><img src="images/i/interactive_haiku_5.jpg" class="projImg"></div>'



function interactive1(){ 
	document.getElementById('projImages').innerHTML = haiku
	
	document.getElementById('int1a').style.display = 'block';
	document.getElementById('int1b').style.display = 'none';
	document.getElementById('int1c').style.display = 'none';
	document.getElementById('int1d').style.display = 'none';
	document.getElementById('int1e').style.display = 'none';
	
		}
		function int1a(){
			document.getElementById('int1a').style.display = 'block';
			document.getElementById('int1b').style.display = 'none';
			document.getElementById('int1c').style.display = 'none';
			document.getElementById('int1d').style.display = 'none';
			document.getElementById('int1e').style.display = 'none';
		}
		function int1b(){
			document.getElementById('int1a').style.display = 'none';
			document.getElementById('int1b').style.display = 'block';
			document.getElementById('int1c').style.display = 'none';
			document.getElementById('int1d').style.display = 'none';
			document.getElementById('int1e').style.display = 'none';
		}
		function int1c(){
			document.getElementById('int1a').style.display = 'none';
			document.getElementById('int1b').style.display = 'none';
			document.getElementById('int1c').style.display = 'block';
			document.getElementById('int1d').style.display = 'none';
			document.getElementById('int1e').style.display = 'none';
		}
		function int1d(){
			document.getElementById('int1a').style.display = 'none';
			document.getElementById('int1b').style.display = 'none';
			document.getElementById('int1c').style.display = 'none';
			document.getElementById('int1d').style.display = 'block';
			document.getElementById('int1e').style.display = 'none';
		}
		function int1e(){
			document.getElementById('int1a').style.display = 'none';
			document.getElementById('int1b').style.display = 'none';
			document.getElementById('int1c').style.display = 'none';
			document.getElementById('int1d').style.display = 'none';
			document.getElementById('int1e').style.display = 'block';
		}
 


var blog 
blog = 
	
	'<div id="int2a"><img src="images/i/interactive_blog_1.jpg" class="projImg"></div>'+
	'<div id="int2b"><img src="images/i/interactive_blog_2.jpg" class="projImg"></div>'+
	'<div id="int2c"><img src="images/i/interactive_blog_3.jpg" class="projImg"></div>'+
	'<div id="int2d"><img src="images/i/interactive_blog_4.jpg" class="projImg"></div>'



function interactive2(){ 
	document.getElementById('projImages').innerHTML = blog
	
	document.getElementById('int2a').style.display = 'block';
	document.getElementById('int2b').style.display = 'none';
	document.getElementById('int2c').style.display = 'none';
	document.getElementById('int2d').style.display = 'none';
	
		}
		function int2a(){
			document.getElementById('int2a').style.display = 'block';
			document.getElementById('int2b').style.display = 'none';
			document.getElementById('int2c').style.display = 'none';
			document.getElementById('int2d').style.display = 'none';
		}
		function int2b(){
			document.getElementById('int2a').style.display = 'none';
			document.getElementById('int2b').style.display = 'block';
			document.getElementById('int2c').style.display = 'none';
			document.getElementById('int2d').style.display = 'none';
		}
		function int2c(){
			document.getElementById('int2a').style.display = 'none';
			document.getElementById('int2b').style.display = 'none';
			document.getElementById('int2c').style.display = 'block';
			document.getElementById('int2d').style.display = 'none';
		}
		function int2d(){
			document.getElementById('int2a').style.display = 'none';
			document.getElementById('int2b').style.display = 'none';
			document.getElementById('int2c').style.display = 'none';
			document.getElementById('int2d').style.display = 'block';
		}
		
		
		
var moseley 
moseley = 
	
	'<div id="int3a"><img src="images/i/interactive_moseley_1.jpg" class="projImg"></div>'+
	'<div id="int3b"><img src="images/i/interactive_moseley_2.jpg" class="projImg"></div>'+
	'<div id="int3c"><img src="images/i/interactive_moseley_3.jpg" class="projImg"></div>'


function interactive3(){ 
	document.getElementById('projImages').innerHTML = moseley
	
	document.getElementById('int3a').style.display = 'block';
	document.getElementById('int3b').style.display = 'none';
	document.getElementById('int3c').style.display = 'none';
	
		}
		function int3a(){
			document.getElementById('int3a').style.display = 'block';
			document.getElementById('int3b').style.display = 'none';
			document.getElementById('int3c').style.display = 'none';
		}
		function int3b(){
			document.getElementById('int3a').style.display = 'none';
			document.getElementById('int3b').style.display = 'block';
			document.getElementById('int3c').style.display = 'none';
		}
		function int3c(){
			document.getElementById('int3a').style.display = 'none';
			document.getElementById('int3b').style.display = 'none';
			document.getElementById('int3c').style.display = 'block';
		}
		
		
		
		
var findlay 
findlay = 
	
	'<div id="int4a"><img src="images/i/interactive_findlay_1.jpg" class="projImg"></div>'+
	'<div id="int4b"><img src="images/i/interactive_findlay_2.jpg" class="projImg"></div>'+
	'<div id="int4c"><img src="images/i/interactive_findlay_3.jpg" class="projImg"></div>'+
	'<div id="int4d"><img src="images/i/interactive_findlay_4.jpg" class="projImg"></div>'+
	'<div id="int4e"><img src="images/i/interactive_findlay_5.jpg" class="projImg"></div>'+
	'<div id="int4f"><img src="images/i/interactive_findlay_6.jpg" class="projImg"></div>'


function interactive4(){ 
	document.getElementById('projImages').innerHTML = findlay
	
	document.getElementById('int4a').style.display = 'block';
	document.getElementById('int4b').style.display = 'none';
	document.getElementById('int4c').style.display = 'none';
	document.getElementById('int4d').style.display = 'none';
	document.getElementById('int4e').style.display = 'none';
	document.getElementById('int4f').style.display = 'none';
	
		}
		function int4a(){
			document.getElementById('int4a').style.display = 'block';
			document.getElementById('int4b').style.display = 'none';
			document.getElementById('int4c').style.display = 'none';
			document.getElementById('int4d').style.display = 'none';
			document.getElementById('int4e').style.display = 'none';
			document.getElementById('int4f').style.display = 'none';
		}
		function int4b(){
			document.getElementById('int4a').style.display = 'none';
			document.getElementById('int4b').style.display = 'block';
			document.getElementById('int4c').style.display = 'none';
			document.getElementById('int4d').style.display = 'none';
			document.getElementById('int4e').style.display = 'none';
			document.getElementById('int4f').style.display = 'none';
		}
		function int4c(){
			document.getElementById('int4a').style.display = 'none';
			document.getElementById('int4b').style.display = 'none';
			document.getElementById('int4c').style.display = 'block';
			document.getElementById('int4d').style.display = 'none';
			document.getElementById('int4e').style.display = 'none';
			document.getElementById('int4f').style.display = 'none';
		}
		function int4d(){
			document.getElementById('int4a').style.display = 'none';
			document.getElementById('int4b').style.display = 'none';
			document.getElementById('int4c').style.display = 'none';
			document.getElementById('int4d').style.display = 'block';
			document.getElementById('int4e').style.display = 'none';
			document.getElementById('int4f').style.display = 'none';
		}
		function int4e(){
			document.getElementById('int4a').style.display = 'none';
			document.getElementById('int4b').style.display = 'none';
			document.getElementById('int4c').style.display = 'none';
			document.getElementById('int4d').style.display = 'none';
			document.getElementById('int4e').style.display = 'block';
			document.getElementById('int4f').style.display = 'none';
		}
		function int4f(){
			document.getElementById('int4a').style.display = 'none';
			document.getElementById('int4b').style.display = 'none';
			document.getElementById('int4c').style.display = 'none';
			document.getElementById('int4d').style.display = 'none';
			document.getElementById('int4e').style.display = 'none';
			document.getElementById('int4f').style.display = 'block';
		}



var feecalc 
feecalc = 
	
	'<div id="int5a"><img src="images/i/interactive_feecalc_1.jpg" class="projImg"></div>'
	

function interactive5(){ 
	document.getElementById('projImages').innerHTML = feecalc
	
	document.getElementById('int5a').style.display = 'block';
	
		}
		function int5a(){
			document.getElementById('int5a').style.display = 'block';
		}



var sod 
sod = 
	
	'<div id="int6a"><img src="images/i/interactive_sod_1.jpg" class="projImg"></div>'+
	'<div id="int6b"><img src="images/i/interactive_sod_2.jpg" class="projImg"></div>'+
	'<div id="int6c"><img src="images/i/interactive_sod_3.jpg" class="projImg"></div>'+
	'<div id="int6d"><img src="images/i/interactive_sod_4.jpg" class="projImg"></div>'+
	'<div id="int6e"><img src="images/i/interactive_sod_5.jpg" class="projImg"></div>'+
	'<div id="int6f"><img src="images/i/interactive_sod_6.jpg" class="projImg"></div>'+
	'<div id="int6g"><img src="images/i/interactive_sod_7.jpg" class="projImg"></div>'+
	'<div id="int6h"><img src="images/i/interactive_sod_8.jpg" class="projImg"></div>'


function interactive6(){ 
	document.getElementById('projImages').innerHTML = sod
	
	document.getElementById('int6a').style.display = 'block';
	document.getElementById('int6b').style.display = 'none';
	document.getElementById('int6c').style.display = 'none';
	document.getElementById('int6d').style.display = 'none';
	document.getElementById('int6e').style.display = 'none';
	document.getElementById('int6f').style.display = 'none';
	document.getElementById('int6g').style.display = 'none';
	document.getElementById('int6h').style.display = 'none';
	
		}
		function int6a(){
			document.getElementById('int6a').style.display = 'block';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6b(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'block';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6c(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'block';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6d(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'block';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6e(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'block';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6f(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'block';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6g(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'block';
			document.getElementById('int6h').style.display = 'none';
		}
		function int6h(){
			document.getElementById('int6a').style.display = 'none';
			document.getElementById('int6b').style.display = 'none';
			document.getElementById('int6c').style.display = 'none';
			document.getElementById('int6d').style.display = 'none';
			document.getElementById('int6e').style.display = 'none';
			document.getElementById('int6f').style.display = 'none';
			document.getElementById('int6g').style.display = 'none';
			document.getElementById('int6h').style.display = 'block';
		}