sfHover = function() {

	var sfEls = document.getElementById("mainnav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
			toggleMLSelectBoxes(false);
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			toggleMLSelectBoxes(true);
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

// show/hide media library select boxes
function toggleMLSelectBoxes(visible)
{
	var selectBoxes = new Array('ml_lang', 'campaign_id', 'sort_by');
	
	cssVisible = visible ? "visible" : "hidden";
	
	for (i in selectBoxes)
	{
		if (document.getElementById(selectBoxes[i]))
		{		
			document.getElementById(selectBoxes[i]).style.visibility = cssVisible;
		}
	}
}

// credit toggle

/*function showElementHideOthers(elementId, parentElementId, showClassName) {

	var myElement = document.getElementById(elementId);
	var parentElement = document.getElementById(parentElementId);
	var parentDivs = parentElement.getElementsByTagName('div');
	for(var i=0;i<parentDivs.length; i++) {		
		parentDivs[i].className = 'hidden';
	}

	myElement.className = showClassName;

}*/

function toggleElement(elementId, showClassName, hideClassName) {

	var myElement = document.getElementById(elementId);

if (myElement.className == showClassName) {
	myElement.className = hideClassName;
} else {
	myElement.className = showClassName;
}

}

/*function revealMaster(masterDivId, articleDivId) {
var masterDiv = document.getElementById(masterDivId);
var articleDiv = document.getElementById(articleDivId);
var localNavDiv = document.getElementById('local-nav');
var extrasDiv = document.getElementById('extras');
localNavDiv.className = 'hidden';
articleDiv.className = 'hidden';
extrasDiv.className = 'hidden';
masterDiv.className = 'shown';
var contentDiv = document.getElementById('content');
contentDiv.style.marginLeft='15px';
contentDiv.style.marginRight='15px';
}

function hideMaster(masterDivId, articleDivId) {
var masterDiv = document.getElementById(masterDivId);
var articleDiv = document.getElementById(articleDivId);
var localNavDiv = document.getElementById('local-nav');
var extrasDiv = document.getElementById('extras');
localNavDiv.className = 'shown';
articleDiv.className = 'shown';
extrasDiv.className = 'shown';
masterDiv.className = 'hidden';
var contentDiv = document.getElementById('content');
contentDiv.style.marginLeft='190px';
contentDiv.style.marginRight='190px';
}*/