var idNames = new Array("intro", "spring09", "winter08", "fall08", "summer08", "spring08", "summer09", "fall09", "winter09", "spring10", "summer10", "fall10", "spring11",
"summer11", "fallwinter11");

//THIS WILL CHANGE THE HEADER TEXT
function changeHeading(issue){
	document.getElementById('headingText').innerHTML= issue;
}

if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {
 browserType= "gecko"
}

function hideDiv(hide) {
  if (browserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(hide)');
  else if (browserType == "ie")
     document.poppedLayer = 
        eval('document.getElementById(hide)');
  else
     document.poppedLayer =   
        eval('document.layers[hide]');
  document.poppedLayer.style.display = "none";
}

function showDiv(show) {
  if (browserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(show)');
  else if (browserType == "ie")
     document.poppedLayer = 
        eval('document.getElementById(show)');
  else
     document.poppedLayer = 
         eval('document.layers[show]');
  document.poppedLayer.style.display = "block";
}

// SHOW/HIDE DIV
function showHide(issue){
	for(i = 0; i < idNames.length; i ++){
		var name = idNames[i];
		
		if(issue == name){
			showDiv(name);
		}
		else{
			hideDiv(name);
		}
	}
}

//MAIN FUNCTION
function clickThis(issue){	
	var issue1 = issue.split(' ').join('');
	var issue2 = issue1.toLowerCase();	
	
	changeHeading(issue);
	showHide(issue2);
	
	var height1 = document.getElementById(issue2).style.height;
	var height2 = document.getElementById('archiveHeight').offsetHeight;
	
}