addOnclick = function(whatToClick, whatToOpenOrClose, howToDisplay, hideDivOne, hideDivTwo, showTopCircle, showBody, showBotCircle){
	var myTrigger = document.getElementById(whatToClick);
	var triggered = document.getElementById(whatToOpenOrClose);
	var hideDivOne = document.getElementById(hideDivOne);
	var hideDivTwo = document.getElementById(hideDivTwo);
	var showTopCircle = document.getElementById(showTopCircle);
	var showBody = document.getElementById(showBody);
	var showBotCircle = document.getElementById(showBotCircle);
	var bodyId = document.getElementById('sat-skills-map');
	if(myTrigger){
		myTrigger.onclick = function(){
			if(whatToOpenOrClose!='print'){triggered.style.display = howToDisplay;}
			else{printFriendly();}
			if(bodyId.className == 'homepage'){
				myTrigger.className = 'stepsTab current';
				if(hideDivOne){hideDivOne.className = 'stepsTab';}
				if(hideDivTwo){hideDivTwo.className = 'stepsTab';}
				if(showTopCircle){showTopCircle.style.display = 'block';}
				if(showBody){showBody.style.display = 'block';}
				if(showBotCircle){showBotCircle.style.display = 'block';}
			}
			if(myTrigger.id == 'whatIsIt'){
				hideHomepageDivs('bodyHowDoIUseIt');
				hideHomepageDivs('bodyWhatDoIDoNext');
			}
			if(myTrigger.id == 'howDoIUseIt'){
				hideHomepageDivs('bodyWhatIsIt');
				hideHomepageDivs('bodyWhatDoIDoNext');
			}
			if(myTrigger.id == 'whatDoIDoNext'){
				hideHomepageDivs('bodyWhatIsIt');
				hideHomepageDivs('bodyHowDoIUseIt');
			}
		return false;
		}
	}
}
addPrintStylesheet = function(){
	if(window.name == "printview"){
		var htmlBody = document.getElementById('footer').innerHTML;
		htmlBody = htmlBody + "<link rel='stylesheet' type='text/css' href='/testing/sat/skillsmap/css/printFriendly-sat-skills-map.css'/>";
		document.getElementById('footer').innerHTML = htmlBody;
		window.resizeTo(830,600);
	}
}
hideHomepageDivs = function(homepageDiv){
	var hideThisDiv = document.getElementById(homepageDiv);
	if(hideThisDiv){
		hideThisDiv.style.display = 'none';	
		/* conditionals cause ff sees spaces between divs as a sibling amd ie6 wasnt */	
		if(hideThisDiv.previousSibling.className=='bodyTextTop'){hideThisDiv.previousSibling.style.display = 'none';} 
		else if(hideThisDiv.previousSibling.previousSibling.className=='bodyTextTop'){hideThisDiv.previousSibling.previousSibling.style.display = 'none';}
		if(hideThisDiv.nextSibling.className=='bodyTextBot'){hideThisDiv.nextSibling.style.display = 'none';}
		else if(hideThisDiv.nextSibling.nextSibling.className=='bodyTextBot'){hideThisDiv.nextSibling.nextSibling.style.display = 'none';}
	}
}	
fixBodyHeight = function(bodyId){
	var thisBody = document.getElementById(bodyId);	
	if(thisBody){if(thisBody.offsetHeight<420){thisBody.style.height = 420 + 'px';}}
}
formSubmit = function(selectName,submitButton){
	var myTrigger = document.getElementById(submitButton);
	var mySelect = document.getElementById(selectName);
	if(myTrigger){
		myTrigger.onclick = function(){
			window.location = mySelect.value;
			return false;
		}
	}
}
 window.onload = function(){
 /* homepage: fix heights on bodies so its always higher than the tabs to the left*/
 	fixBodyHeight('bodyWhatIsIt');
	fixBodyHeight('bodyHowDoIUseIt');
	fixBodyHeight('bodyWhatDoIDoNext');
/* create onclick events on using the skills map link, close button and print button */	
	addOnclick('usingTheSkillsMap','skillsMapPopup','block');
	addOnclick('closeButton','skillsMapPopup','none');
	addOnclick('print','print','print');
/* add print stylesheet if window = print */
	addPrintStylesheet();
/* homepage: hiding bodies on homepage */
	hideHomepageDivs('bodyHowDoIUseIt');
	hideHomepageDivs('bodyWhatDoIDoNext');
/* homepage: adding onclick event on left tabs, and hiding/displaying necessary containers */
	addOnclick('whatIsIt','bodyWhatIsIt','block','howDoIUseIt','whatDoIDoNext', 'topWhatIsIt','bodyWhatIsIt','botWhatIsIt');
	addOnclick('howDoIUseIt','bodyHowDoIUseIt','block','whatIsIt','whatDoIDoNext','topHowUseIt','bodyHowDoIUseIt','botHowUseIt');
	addOnclick('whatDoIDoNext','bodyWhatDoIDoNext','block','whatIsIt','howDoIUseIt','topWhatNext','bodyWhatDoIDoNext','botWhatNext');
	formSubmit('selectTop','selectTopButton');
	formSubmit('selectBot','selectBotButton');
}