//--Global declaration
var garrLayoutParts = new Array();
var arrParts = new Array("HPFrameHL", "HPFrameRL", "HPFrameKL", "HPFrameSL", "HPFrameDL");
var blnBorder = false;

function saveState()
{
	for (var i = 0; i < garrLayoutParts.length; i++)
		udoLayout.setAttribute(garrLayoutParts[i].name, (garrLayoutParts[i].state + "," + garrLayoutParts[i].order));
}

function loadSavedShowHide()
{
	for (var i = 0; i < garrLayoutParts.length; i++)
	{
		var strAttr = udoLayout.getAttribute(garrLayoutParts[i].name);
		if (strAttr)
		{
			var strstate = strAttr.split(',')[0];
			if (strstate)
			{
				if (strstate == "EXPAND")
					showHideContent(garrLayoutParts[i].name, true);
				else if (strstate == "COLLAPSE")
					showHideContent(garrLayoutParts[i].name, false);
			}
		}
	}
}

function showHideContent(id,bOn)
{
	var bMO = false;
	var oContent = document.all.item(id+"Content");
	var oImage   = document.all.item(id+"Tab3");
	if (!oContent || !oImage) return;

	if (event.srcElement)
	{
		bMO = (event.srcElement.src.toLowerCase().indexOf("_mo.gif") != -1);
		bOn = (oContent.style.display.toLowerCase() == "none");
	}

	if (bOn == false)
	{
		oContent.style.display = "none";
		oImage.src = "images/expand" + (bMO? "_mo.gif" : ".gif");
	}
	else
	{
		oContent.style.display = "";
		oImage.src = "images/collapse" + (bMO? "_mo.gif" : ".gif");
	}

	for (var i = 0; i < garrLayoutParts.length; i++)
	{
		if (id == garrLayoutParts[i].name)
			garrLayoutParts[i].state = bOn ? "EXPAND" : "COLLAPSE";
	}

	if (event.srcElement)
		saveState();
}

function setBorder(id,bOn)
{
	var oTab    = document.all.item(id+"Tab");
	var oTab1   = document.all.item(id+"Tab1");
	var oTab2   = document.all.item(id+"Tab2");
	var oTab3   = document.all.item(id+"Tab3");
	var oBorder = document.all.item(id+"Content");

	if (!oTab || !oTab1 || !oTab2 || !oTab3 || !oBorder) 
		return;

	if (bOn)
	{
		oBorder.style.borderColor = "#cccccc";
		oTab.bgColor = "#cccccc";
		oTab1.src    = "images/curve_mo.gif";
		oTab2.color  = "#172B81";
		if (oBorder.style.display == "none")
			oTab3.src = "images/expand_mo.gif";
		else
			oTab3.src = "images/collapse_mo.gif";
	}
	else
	{
		oBorder.style.borderColor = blnBorder? "#172B81" : "#172B81";
		oTab.bgColor = "#172B81";
		oTab1.src	 = "images/curve.gif";
		oTab2.color  = "#FFFFFF";
		if (oBorder.style.display == "none")
			oTab3.src = "images/expand.gif";
		else
			oTab3.src = "images/collapse.gif";
	}
}