function toggleLayer(layer){
	linksDisp = document.getElementById(layer).style;
	if(linksDisp.display == "none"){
		linksDisp.display = "block";
	}else{
		linksDisp.display = "none";
	}
}

/*
This function takes place on the index.html, Its purpose is
to toggle the 3 parts of the page, except the header.
*/
function toggleArea(area){		
	if(area == "top"){
		toggleLayer('proffesorBox');
		toggleLayer('brownBox');
		document.getElementById("greenBox").style.top = "150px";
		document.getElementById("blueBox").style.top = "160px";
		if(document.getElementById("proffesorBox").style.display == "block"){
			document.getElementById("greenBox").style.top = "100px";
			document.getElementById("blueBox").style.top = "110px";
		}
	}
	if(area == "middle"){
		toggleLayer('greenBox');
	}
	if(area == "bottom"){
		toggleLayer('blueBox');
	}	
	if(area == "header"){
		toggleLayer('header');
		toggleLayer('links');		
	}	
}


function toggleErrMsg(errMsg,field){
	var errMsgStyle = document.getElementById(errMsg).style;
	var fieldValue = document.getElementById(field).value;
	if(errMsgStyle.display == "block" ){
		errMsgStyle.display = "none";
	}
	if(errMsgStyle.display == "none" && fieldValue == ""){
		errMsgStyle.display = "block";
	}
}