function collapse()
{
	if (this.collapsed)
	{
		this.collapsed = false;
		
		if (this.id == "logoCollapseLink")
		{
			setCookie("collapsedLogo", "null");
		}
		else if (this.id == "menuCollapseLink")
		{
			setCookie("collapsedMenu", "null");
		}
		else if (this.id == "submenuCollapseLink")
		{
			setCookie("collapsedSubmenu", "null");
		}
		else if (this.id == "featureCollapseLink")
		{
			setCookie("collapsedFeature", "null");

// Fix for Firefox bug which repositions floated right content4 when feature is expanded

			theWidth = document.getElementById("content4").style.width;
			
			document.getElementById("content4").style.width = "0";
			document.getElementById("content4").style.width = theWidth;
		}
	}
	else
	{
		this.collapsed = true;

		if (this.id == "logoCollapseLink")
		{
			setCookie("collapsedLogo", "true");
		}
		else if (this.id == "menuCollapseLink")
		{
			setCookie("collapsedMenu", "true");
		}
		else if (this.id == "submenuCollapseLink")
		{
			setCookie("collapsedSubmenu", "true");
		}
		else if (this.id == "featureCollapseLink")
		{
			setCookie("collapsedFeature", "true");
		}
	}
	
	drawPage();

	this.blur();
	
	return false;
}




function drawPage()
{

	var theFeature = document.getElementById("featureCollapseLink");
	var theLogo = document.getElementById("logoCollapseLink");
	var theMenu = document.getElementById("menuCollapseLink");
	var theStylesheet = "collapse0";
	var theSubmenu = document.getElementById("submenuCollapseLink");
	
	if (theLogo.collapsed && theMenu.collapsed)
	{
		document.getElementsByTagName("body")[0].className = "";
		
		theStylesheet = "collapse4";
		
		if (theFeature.collapsed)
		{
			theStylesheet = "collapse5";

			if (theSubmenu.collapsed)
			{
				theStylesheet = "collapse7";
			}
		}
		else if (theSubmenu.collapsed)
		{
			theStylesheet = "collapse6";
		}
	}
	else
	{
		if (theLogo.collapsed)
		{
			document.getElementsByTagName("body")[0].className = "collapsedLogo";
		}
		else if (theMenu.collapsed)
		{
			document.getElementsByTagName("body")[0].className = "collapsedMenu";
		}
		else
		{
			document.getElementsByTagName("body")[0].className = "";
		}
		
		if (theFeature.collapsed)
		{
			theStylesheet = "collapse1";

			if (theSubmenu.collapsed)
			{
				theStylesheet = "collapse3";
			}
		}
		else if (theSubmenu.collapsed)
		{
			theStylesheet = "collapse2";
		}
	}
	
	setStylesheet(theStylesheet);

	return true;
}





function hideFeatureCollapse()
{
	var theElement = document.getElementById("featureCollapse");
	
	theElement.className = "";
	
	return true;
}




function setStylesheet(styleTitle)
{
	var currTag;

	if (document.getElementsByTagName)
	{
		for (var i = 0; (currTag = document.getElementsByTagName("link")[i]); i++)
		{
			if (currTag.getAttribute("rel").indexOf("style") != -1 && currTag.getAttribute("title"))
			{
				currTag.disabled = true;

				if(currTag.getAttribute("title") == styleTitle)
				{
					currTag.disabled = false;
				}
			}
		}
	}
	else
	{
		alert("You may not switch styles with this browser.");
	}
}




function writeFeatureCollapse()
{
	var theElement = document.getElementById("featureInner3");
	
	theElement.innerHTML = '<a id="featureCollapseLink" href="#" title="Collapse/expand the Feature"><div><div></div></div></a>';
	
	return true;
}




function writeLogoCollapse()
{
	var theElement = document.getElementById("logo");
	
	theElement.innerHTML = '<a id="logoCollapseLink" href="#" title="Collapse/expand the Logo"></a>' + theElement.innerHTML;
	
	return true;
}




function writeMenuCollapse()
{
	var theElement = document.getElementById("menu");
	
	theElement.innerHTML = '<a id="menuCollapseLink" href="#" title="Collapse/expand the Menu"></a>' + theElement.innerHTML;
	
	return true;
}





function writeSubmenuCollapse()
{
	if (document.getElementById("subContent"))
	{
		var theElement = document.getElementById("subContent");
		theElement.innerHTML = '<a id="submenuCollapseLink" href="#" title="Collapse/expand the News"></a>' + theElement.innerHTML;
	}
	else
	{
		var theElement = document.getElementById("submenu");
		theElement.innerHTML = '<a id="submenuCollapseLink" href="#" title="Collapse/expand the Submenu"></a>' + theElement.innerHTML;
	}
	
	return true;
}