/*
dropdown menus based on son of suckerfish.

Beefed up a little by Grae to allow for multiple suckerfish drop downs within the one page, from one linked javascript.
Checks to ensure presence of element by id before attaching function.
*/

/* #nav dropdown */
function dropDownNav()
{
	var sfEls = document.getElementById("mainNav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++)
	{
		sfEls[i].onmouseover=function()
		{
			this.className+=" sfhover";
			this.style.zIndex=200;
		}
		sfEls[i].onmouseout=function()
		{
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

/* #navFeature dropdown */
function dropDownNavFeature()
{
	var sfEls = document.getElementById("navFeature").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++)
	{
		sfEls[i].onmouseover=function()
		{
			this.className+=" sfhover";
			this.style.zIndex=100;
		}
		sfEls[i].onmouseout=function()
		{
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

/* #navGallery dropdown */
function dropDownNavGallery()
{
	var sfEls = document.getElementById("navGallery").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++)
	{
		sfEls[i].onmouseover=function()
		{
			this.className+=" sfhover";
			this.style.zIndex=100;
		}
		sfEls[i].onmouseout=function()
		{
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

/* Check for elements to attach drop down functions to */
function elementChecker()
{
	/* check for main nav */
	if (document.getElementById('mainNav') != null)
	{
		dropDownNav();
	}

	/* check for feature navigation */
	if (document.getElementById('navFeature') != null)
	{
		dropDownNavFeature();
	}

	/* check for gallery navigation */
	if (document.getElementById('navGallery') != null)
	{
		dropDownNavGallery();
	}
}

/* onload run element checker function */
if (window.attachEvent)
{
	window.attachEvent("onload", elementChecker);
}

/* toggle teaser body */
function toggleTeaser(parentID,objID)
{
	new Effect.toggle($(objID),'slide');
	oldClass = "";
	newClass = "";
	
	if ($(parentID).hasClassName("open"))
	{
		oldClass = "open";
		newClass = "closed";
	}
	else
	{
		oldClass = "closed";
		newClass = "open";
	}
	$(parentID).removeClassName(oldClass);
	$(parentID).addClassName(newClass);
	
}