// Based on a script by Juri Strumpflohner © 2008
// http://blog.js-development.com/2008/07/dynamically-modifying-css-class-name.html

// Sets up changes to the interest list items
function item1() {
	var span = document.getElementById('interests');
	addClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int03');
	removeClassName(span, 'int04');
	removeClassName(span, 'int05');
	removeClassName(span, 'int06');
	removeClassName(span, 'int07');
	removeClassName(span, 'int08');
}

function item2() {
	var span = document.getElementById('interests');
	addClassName(span, 'int02');
	removeClassName(span, 'int01');
	removeClassName(span, 'int03');
	removeClassName(span, 'int04');
	removeClassName(span, 'int05');
	removeClassName(span, 'int06');
	removeClassName(span, 'int07');
	removeClassName(span, 'int08');
}

function item3() {
	var span = document.getElementById('interests');
	addClassName(span, 'int03');
	removeClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int04');
	removeClassName(span, 'int05');
	removeClassName(span, 'int06');
	removeClassName(span, 'int07');
	removeClassName(span, 'int08');
}

function item4() {
	var span = document.getElementById('interests');
	addClassName(span, 'int04');
	removeClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int03');
	removeClassName(span, 'int05');
	removeClassName(span, 'int06');
	removeClassName(span, 'int07');
	removeClassName(span, 'int08');
}

function item5() {
	var span = document.getElementById('interests');
	addClassName(span, 'int05');
	removeClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int03');
	removeClassName(span, 'int04');
	removeClassName(span, 'int06');
	removeClassName(span, 'int07');
	removeClassName(span, 'int08');
}

function item6() {
	var span = document.getElementById('interests');
	addClassName(span, 'int06');
	removeClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int03');
	removeClassName(span, 'int04');
	removeClassName(span, 'int05');
	removeClassName(span, 'int07');
	removeClassName(span, 'int08');
}

function item7() {
	var span = document.getElementById('interests');
	addClassName(span, 'int07');
	removeClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int03');
	removeClassName(span, 'int04');
	removeClassName(span, 'int05');
	removeClassName(span, 'int06');
	removeClassName(span, 'int08');
}

function item8() {
	var span = document.getElementById('interests');
	addClassName(span, 'int08');
	removeClassName(span, 'int01');
	removeClassName(span, 'int02');
	removeClassName(span, 'int03');
	removeClassName(span, 'int04');
	removeClassName(span, 'int05');
	removeClassName(span, 'int06');
	removeClassName(span, 'int07');
}

// Sets up faculty portrait and name changes
function set0() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac00');
}

function set1() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac01');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac07');
	removeClassName(span, 'fac08');
}

function set2() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac02');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac07');
	removeClassName(span, 'fac08');
}

function set3() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac03');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac07');
	removeClassName(span, 'fac08');
}

function set4() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac04');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac07');
	removeClassName(span, 'fac08');
}

function set5() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac05');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac07');
	removeClassName(span, 'fac08');
}

function set6() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac06');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac07');
	removeClassName(span, 'fac08');
}

function set7() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac07');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac08');
}

function set8() {
	var span = document.getElementById('facultygrid');
	addClassName(span, 'fac08');
	removeClassName(span, 'fac00');
	removeClassName(span, 'fac01');
	removeClassName(span, 'fac02');
	removeClassName(span, 'fac03');
	removeClassName(span, 'fac04');
	removeClassName(span, 'fac05');
	removeClassName(span, 'fac06');
	removeClassName(span, 'fac07');
}

//	Adds the given CSS class dynamically to the passed DOM element
function addClassName(element, classname) {
	if(element == null)
		throw('Passed DOM element was null');
	
	// see whether there is already a className present
	if(element.className)
		// append it
		element.className += ' ' + classname;
	else
		element.className = classname;
}

//	Removes the given CSS class dynamically from the passed DOM element
function removeClassName(element, classname) {
	if(element == null)
		throw('Passed DOM element was null');
		
	//see whether the classname to remove is really present
	var regexMatch = element.className.match(' '+classname)?' '+classname:classname;
	if(regexMatch != null) {
		element.className = element.className.replace(regexMatch,'');
	}
}