// JavaScript Document
//Ian G Parker - Jan 07

//************************************************************
//*********function to catch nav requests from flash**********
//************************************************************
function navbutton(value){
//alert(value +" button pressed");
hideDivs();
if (value=="welcome"){showDiv_welcome()};
if (value=="about"){showDiv_about()};
if (value=="skills"){showDiv_skills()};
if (value=="services"){showDiv_services()};
if (value=="portfolio"){showDiv_portfolio()};
if (value=="contact"){showDiv_contact()};
}


//************************************************************
//*********function to hide all content divs******************
//************************************************************
function hideDivs() { 

hide_portfolioDivs();//hide all portfolio divs

if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('welcome').style.visibility = 'hidden'; 
document.getElementById('about').style.visibility = 'hidden'; 
document.getElementById('skills').style.visibility = 'hidden'; 
document.getElementById('services').style.visibility = 'hidden'; 
document.getElementById('portfolio').style.visibility = 'hidden'; 
document.getElementById('contact').style.visibility = 'hidden'; 
document.getElementById('validationlogos').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.welcome.visibility = 'hidden'; 
document.about.visibility = 'hidden'; 
document.skills.visibility = 'hidden'; 
document.services.visibility = 'hidden'; 
document.portfolio.visibility = 'hidden'; 
document.contact.visibility = 'hidden'; 
document.validationlogos.visibility = 'hidden';
} 
else { // IE 4 
document.all.welcome.style.visibility = 'hidden'; 
document.all.about.style.visibility = 'hidden';
document.all.skills.style.visibility = 'hidden';
document.all.services.style.visibility = 'hidden';
document.all.portfolio.style.visibility = 'hidden';
document.all.contact.style.visibility = 'hidden';
document.all.validationlogos.style.visibility = 'hidden';
} 
} 
} 


//************************************************************
//*********function to hide all portfolio divs****************
//************************************************************
function hide_portfolioDivs() { 

if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('p1').style.visibility = 'hidden'; 
document.getElementById('p2').style.visibility = 'hidden'; 
document.getElementById('p3').style.visibility = 'hidden'; 
document.getElementById('p4').style.visibility = 'hidden'; 
document.getElementById('p5').style.visibility = 'hidden'; 
document.getElementById('p6').style.visibility = 'hidden';
document.getElementById('p7').style.visibility = 'hidden';
document.getElementById('p8').style.visibility = 'hidden'; 
document.getElementById('p9').style.visibility = 'hidden'; 
document.getElementById('p10').style.visibility = 'hidden'; 
//document.getElementById('p11').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.p1.visibility = 'hidden'; 
document.p2.visibility = 'hidden'; 
document.p3.visibility = 'hidden'; 
document.p4.visibility = 'hidden'; 
document.p5.visibility = 'hidden'; 
document.p6.visibility = 'hidden';
document.p7.visibility = 'hidden';
document.p8.visibility = 'hidden'; 
document.p9.visibility = 'hidden'; 
document.p10.visibility = 'hidden'; 
//document.p11.visibility = 'hidden';
} 
else { // IE 4 
document.all.p1.style.visibility = 'hidden'; 
document.all.p2.style.visibility = 'hidden';
document.all.p3.style.visibility = 'hidden';
document.all.p4.style.visibility = 'hidden';
document.all.p5.style.visibility = 'hidden';
document.all.p6.style.visibility = 'hidden';
document.all.p7.style.visibility = 'hidden';
document.all.p8.style.visibility = 'hidden';
document.all.p9.style.visibility = 'hidden';
document.all.p10.style.visibility = 'hidden';
//document.all.p11.style.visibility = 'hidden';
} 
} 
} 



//**************************************************************
//******* functions to show relevant content divs **************
//**************************************************************
function showDiv_welcome() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('welcome').style.visibility = 'visible';
document.getElementById('validationlogos').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.welcome.visibility = 'visible'; 
document.validationlogos.visibility = 'visible'; 
} 
else { // IE 4 
document.all.welcome.style.visibility = 'visible'; 
document.all.validationlogos.style.visibility = 'visible'; 
} 
} 
} 

function showDiv_about() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('about').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.about.visibility = 'visible'; 
} 
else { // IE 4 
document.all.about.style.visibility = 'visible'; 
} 
} 
} 

function showDiv_skills() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('skills').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.skills.visibility = 'visible'; 
} 
else { // IE 4 
document.all.skills.style.visibility = 'visible'; 
} 
} 
}

function showDiv_services() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('services').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.services.visibility = 'visible'; 
} 
else { // IE 4 
document.all.services.style.visibility = 'visible'; 
} 
} 
}

function showDiv_portfolio() { 

if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('portfolio').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.portfolio.visibility = 'visible'; 
} 
else { // IE 4 
document.all.portfolio.style.visibility = 'visible'; 
} 
}

//and hide divs within porfolio
showPortfolioDiv(1);


}

function showDiv_contact() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('contact').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.contact.visibility = 'visible'; 
} 
else { // IE 4 
document.all.contact.style.visibility = 'visible'; 
} 
} 
}


/////////////////////////////////////////////////////////////////////////////////////////////
// switch portfolio divs ***************************************************************************
/////////////////////////////////////////////////////////////////////////////////////////////


function showPortfolioDiv(value)
{
	hide_portfolioDivs();
	
	switch(value)
	{
		case (value=1):
				examplenum=1;
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p1').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p1.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p1.style.visibility = 'visible'; 
				} 
				} 
				
				break;	
				
					
		case (value=2):
		
				examplenum=2;
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p2').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p2.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p2.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=3):
		
				examplenum=3;
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p3').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p3.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p3.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=4):
		
				examplenum=4; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p4').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p4.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p4.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=5):
		
				examplenum=5; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p5').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p5.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p5.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=6):
		
				examplenum=6; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p6').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p6.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p6.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=7):
		
				examplenum=7; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p7').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p7.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p7.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=8):
		
				examplenum=8; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p8').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p8.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p8.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=9):
		
				examplenum=9; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p9').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p9.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p9.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		case (value=10):
		
				examplenum=10; 
				if (document.getElementById) { // DOM3 = IE5, NS6 
				document.getElementById('p10').style.visibility = 'visible'; 
				} 
				else { 
				if (document.layers) { // Netscape 4 
				document.p10.visibility = 'visible'; 
				} 
				else { // IE 4 
				document.all.p10.style.visibility = 'visible'; 
				} 
				} 
				
				break;
				
		
	}
}

function inc(){
	examplenum++
	//alert(examplenum);
	if (examplenum>10){
		examplenum=1;
		}
	showPortfolioDiv(examplenum);
	}
	
function dec(){
	examplenum--
	//alert(examplenum);
	if (examplenum<1){
		examplenum=10;
		}
	showPortfolioDiv(examplenum);
	}