// JavaScript Document. (resources.js)

// Menu Links
function artsLink() {
	var object = document.getElementById('artsLink');
		object.innerHTML = '<font class="bold"> Arts and Culture </font>';
	var object2 = document.getElementById('healthLink');	
		object2.innerHTML = '<a onclick="healthDisplay(); healthLink();" href="javascript:void()"> Health, Wellness, and the Environment </a>';
	var object3 = document.getElementById('mediaLink');	
		object3.innerHTML = '<a onclick="mediaDisplay(); mediaLink();" href="javascript:void()"> Media </a>';	
	var object4 = document.getElementById('orgLink');	
		object4.innerHTML = '<a onclick="orgDisplay(); orgLink();" href="javascript:void()"> Organizations </a>';	
}
function healthLink() {
	var object = document.getElementById('healthLink');
		object.innerHTML = '<font class="bold"> Health, Wellness, and the Environment </font>';
	var object2 = document.getElementById('artsLink');	
		object2.innerHTML = '<a onclick="artsDisplay(); artsLink();" href="javascript:void()"> Arts and Culture </a>';
	var object3 = document.getElementById('mediaLink');	
		object3.innerHTML = '<a onclick="mediaDisplay(); mediaLink();" href="javascript:void()"> Media </a>';	
	var object4 = document.getElementById('orgLink');	
		object4.innerHTML = '<a onclick="orgDisplay(); orgLink();" href="javascript:void()"> Organizations </a>';	
}
function mediaLink() {
	var object = document.getElementById('mediaLink');
		object.innerHTML = '<font class="bold"> Media </font>';
	var object2 = document.getElementById('artsLink');	
		object2.innerHTML = '<a onclick="artsDisplay(); artsLink();" href="javascript:void()"> Arts and Culture </a>';
	var object3 = document.getElementById('healthLink');	
		object3.innerHTML = '<a onclick="healthDisplay(); healthLink();" href="javascript:void()"> Health, Wellness, and the Environment </a>';
	var object4 = document.getElementById('orgLink');	
		object4.innerHTML = '<a onclick="orgDisplay(); orgLink();" href="javascript:void()"> Organizations </a>';	
}
function orgLink() {
	var object = document.getElementById('orgLink');
		object.innerHTML = '<font class="bold"> Organizations </font>';
	var object2 = document.getElementById('artsLink');	
		object2.innerHTML = '<a onclick="artsDisplay(); artsLink();" href="javascript:void()"> Arts and Culture </a>';
	var object3 = document.getElementById('healthLink');	
		object3.innerHTML = '<a onclick="healthDisplay(); healthLink();" href="javascript:void()"> Health, Wellness, and the Environment </a>';
	var object4 = document.getElementById('mediaLink');	
		object4.innerHTML = '<a onclick="mediaDisplay(); mediaLink();" href="javascript:void()"> Media </a>';	
}
// Menu Actions
function artsDisplay() {
	var object = document.getElementById('arts');
		object.style.display= 'block';
	var object2 = document.getElementById('health');
	var object3 = document.getElementById('media');
	var object4 = document.getElementById('org');
	object2.style.display= 'none';
	object3.style.display= 'none';
	object4.style.display= 'none';
}

function healthDisplay() {
	var object = document.getElementById('health');
		object.style.display= 'block';
	var object2 = document.getElementById('arts');
	var object3 = document.getElementById('media');
	var object4 = document.getElementById('org');
	object2.style.display= 'none';
	object3.style.display= 'none';
	object4.style.display= 'none';
}

function mediaDisplay() {
	var object = document.getElementById('media');
		object.style.display= 'block';
	var object2 = document.getElementById('org');
	var object3 = document.getElementById('health');
	var object4 = document.getElementById('arts');
	object2.style.display= 'none';
	object3.style.display= 'none';
	object4.style.display= 'none';
}
function orgDisplay() {
	var object = document.getElementById('org');
		object.style.display= 'block';
	var object2 = document.getElementById('arts');
	var object3 = document.getElementById('health');
	var object4 = document.getElementById('media');
	object2.style.display= 'none';
	object3.style.display= 'none';
	object4.style.display= 'none';
}