// JavaScript Document

//window.onload = init;

var currentImage='images/team_pic.jpg'
function setHeight(){
	var elem=document.getElementById('portText')
	if(elem.clientHeight<350){
	elem.style.height='350px'
	}
}


function startPhil(elem)
{
	switch(elem)
	
{
case 'intro':
 setPhil('level8')
  break;    
case 'ground':
  setPhil('level0')
  break;
case 'linear':
  setPhil('level1')
  break;
case 'immersive':
  setPhil('level2')
  break;
case 'participatory':
  setPhil('level3')
  break;
case 'contributory':
  setPhil('level4')
  break;
case 'collective':
  setPhil('level5')
  break;
case 'linear':
  setPhil('level1')
  break;
case 'pervasive':
  setPhil('level6')
  break;
case 'conclusion':
  setPhil('level7')
  break;

default:
  setPhil('level8')
  break;    
}
}

function setPhil(label){
switch(label)
	
{
case 'level8':
 window.location.hash='intro'
  break;    
case 'level0':
  window.location.hash='ground'
  break;
case 'level1':
  window.location.hash='linear'
  break;
case 'level2':
  window.location.hash='immersive'
  break;
case 'level3':
  window.location.hash='participatory'
  break;
case 'level4':
  window.location.hash='contributory'
  break;
case 'level5':
  window.location.hash='collective'
  break;
case 'level6':
  window.location.hash='pervasive'
  break;
case 'level7':
  window.location.hash='conclusion'
  break;
}		
	var i=0;
	for (i=0;i<9;i++){
		document.getElementById('level'+i).style.backgroundImage = 'none'
		toggleDivOL('level'+i+'Text')
		toggleDivOL('level' + i +'nav')
	}
	document.getElementById(label+'nav').style.position = 'relative';
	document.getElementById(label+'nav').style.left = '0px';
	document.getElementById(label+'nav').style.bottom = '0px';
	document.getElementById(label).style.backgroundImage = 'url(images/triparrow.jpg)'
	document.getElementById(label+'Text').style.position = 'relative';
	document.getElementById(label+'Text').style.left = '0px';
	document.getElementById(label+'Text').style.bottom = '0px';
}


function setCareer(label,side){
	var i=0;
	for (i=0;i<4;i++){
		document.getElementById('career'+i+'tab').style.backgroundColor = '#ffffff'
		toggleDivOL('career'+i)
		toggleDivOL('side'+i)
	}
	document.getElementById(label+'tab').style.backgroundColor = '#c6cd60'
	document.getElementById(label).style.position = 'relative';
	document.getElementById(label).style.left = '0px';
	document.getElementById(label).style.bottom = '0px';
	document.getElementById(side).style.position = 'relative';
	document.getElementById(side).style.left = '0px';
	document.getElementById(side).style.bottom = '0px';
}


function setProcess(label){
	var i=0;
	for (i=0;i<5;i++){
		toggleDivOL('process'+i)
		document.getElementById('process'+i+'tab').style.backgroundPosition ='0px 0px'
		document.getElementById('process'+i+'tab').style.lineHeight ='32px'
	}
	document.getElementById(label+'tab').style.backgroundPosition ='0px -28px'
	document.getElementById( label+'tab').style.lineHeight ='33px'
	document.getElementById(label).style.position = 'relative';
	document.getElementById(label).style.left = '0px';
	document.getElementById(label).style.bottom = '0px';
}

function toggleDivOL( elemID )
{
	var elem = document.getElementById( elemID );
	elem.style.position = 'absolute';
	elem.style.left = '-40000px';
	elem.style.bottom = '-40000px';
	
	//elem.style.position = 'relative';
	//elem.style.left = '0px';
	
}

function teamOver(label,image){
	var elem = document.getElementById(label+'tab');
	elem.style.color ='#c3cf21'
	document.getElementById('teamImage').src=image
}

function teamOff(label){
	var elem = document.getElementById(label+'tab');
	var div = document.getElementById(label);
	if(div.style.position!='relative'){
		elem.style.color ='#666666'
		document.getElementById('teamImage').src=currentImage
		}

}

function startTeam(elem){
var names = new Array("josiah","jessica","nick","mike","eric","adam","jeff","jennifer")
var images = new Array(names.length)
for(var i = 0; i < names.length; ++i){
images[i] = new Image()
images[i].src = "images/ " + names[i] + ".jpg"
} 

switch(elem)
{
case jessica:
  setTeam('team1','side1','images/jessica.jpg')
  teamCount=1
  break;    
case nick:
  setTeam('team2','side2','images/nick.jpg')
  teamCount=2
  break;
case mike:
  setTeam('team3','side3','images/mike.jpg')
  teamCount=3
  break;
case eric:
  setTeam('team4','side4','images/eric.jpg')
  teamCount=4
  break;
case josiah:
  setTeam('team0','side0','images/josiah.jpg')
	break;
case adam:
  setTeam('team5','side5','images/adam.jpg')
  break;
case jeff:
  setTeam('team6','side6','images/jeff.jpg')
  break;
/*case jennifer:
  setTeam('team7','side7','images/jennifer.jpg')
  break;
*/
default:
  setTeam('team0','side0','images/josiah.jpg')
  teamCount=1
}
}
function hideTeam(){
	for (i=0;i<12;i++){
		toggleDivOL('team'+i)
		toggleDivOL('side'+i)
	}
	return(window.location.hash)
	
}

function setTeam(label,side,name){
if(name==undefined)
name="josiah"
window.location.hash = name
	for (i=0;i<12;i++){
		toggleDivOL('team'+i)
		toggleDivOL('side'+i)
	}
	
	document.getElementById(label).style.position = 'relative';
	document.getElementById(label).style.left = '0px';
	document.getElementById(label).style.bottom = '0px';
	document.getElementById(side).style.position = 'relative';
	document.getElementById(side).style.left = '0px';
	document.getElementById(side).style.bottom = '0px';
	
	
}