// Change button color upon mouseover for navigation bar
function navbuttonover(buttonid) { 
	document.getElementById(buttonid).style.color="green";
}

// Change button color upon mouseover for navigation bar
function navbuttonout(buttonid) { 
	document.getElementById(buttonid).style.color="black";
}

// Created for the showhide() function to toggle the ID's submitted to the corresponding states of TRUE or FALSE
function handleDisplay(strID,bDisplay) {var obj=document.getElementById(strID); if (obj) {obj.style.display=(bDisplay?'':'none')}};

// Function that will change the contents of the form on the 'Register Show' page depending on the status of a drop box (called onChange)
function showhide() { 
	var modeObj=document.getElementById('mode');
	if(modeObj.value=='create'){
		handleDisplay('joinshow',false);
		handleDisplay('createshow',true);
	} else {
		handleDisplay('joinshow',true);
		handleDisplay('createshow',false);
	}
}