/**
 * Append class names for div rollover - e.g. "recentOver sexOver"
 * @param HTMLElement
 * @param string class prefix e.g. "recent"
 */
function rollOver( elDiv, pre ) {
	// grab department from first 3 chars of final class name
	var classes = elDiv.className.split(' ');
	if( ! classes || ! classes.length ){
		return;
	}
	var name = classes[ classes.length - 1 ];
	// may already be rolled over
	if( name.indexOf('Over') !== -1 ){
		return;
	}
	var dep = name.substr(0,3);
	classes.push( pre + 'Over');
	classes.push( dep + 'Over');
	elDiv.className = classes.join(' ');
	
	// Inherit clickable link onto Div
	// not using DOM method - but Okay cos only one onclick required
	if( typeof elDiv.onclick === 'function' ){
		return;
	}
	var links = elDiv.getElementsByTagName('A');
	if( links && links.length ){
		elDiv.onclick = function(){ document.location.href = links[0].href; return false; };
	}
}


/**
 * Removes class names added by above function
 */
function rollOut( elDiv ) {
	var classes = elDiv.className.split(' ');
	var name = classes.pop();
	// may not be rolled over
	if( name.indexOf('Over') === -1 ){
		return '';
	}
	// else remove last two classes
	classes.pop();
	elDiv.className = classes.join(' ');
}