//The following lines preload the menu images		
var imgPixel = new Image(31,16);
var imgLine = new Image(31,16);
var imgDocJoin = new Image(31,16);
var imgDoc = new Image(31,16);
var imgPlusOnly = new Image(31,16);
var imgMinusOnly = new Image(31,16);
var imgFolderOpen = new Image(31,16);
var imgFldrClosed = new Image(31,16);
var imgFldrClosedJoinempty = new Image(31,16);
var imgFldrClosedempty = new Image(31,16);

imgPixel.src = "/images/menu/pixel.gif";
imgLine.src = "/images/menu/line.gif";
imgDocJoin.src = "/images/menu/docjoin.gif";
imgDoc.src = "/images/menu/doc.gif";
imgPlusOnly.src = "/images/menu/plusonly.gif";
imgMinusOnly.src = "/images/menu/minusonly.gif";
imgFolderOpen.src ="/images/menu/folderopen.gif";
imgFldrClosed.src = "/images/menu/folderclosed.gif";
imgFldrClosedJoinempty = "/images/menu/folderclosedjoin-empty.gif";
imgFldrClosedempty = "/images/menu/folderclosed-empty.gif";  
		
		
//This function is responsible for showing/hiding the menu items.  It
//also switches the images accordingly
function doChangeTree(e)
{
	var targetID, srcElement, targetElement;
	srcElement = e;
	
	
	if (srcElement != null)			
			var sectionID;
			sectionID=parseInt(srcElement.id)+1
			targetElement = document.getElementById(sectionID)		
			if (targetElement != null)
			{
				fnChangeFolderStatus(srcElement, targetElement);
			}
}



//Opens a closed folder and closes an open folder.  This function
//is responsible for all aspects of changing the folder status.
//Attributes are as follows:
//-------------------------------
//srcElement : Object reference to the folder that should be expanded/contracted
//targetElement : Object reference to the subfolder that should be displayed/hidden
function fnChangeFolderStatus(srcElement, targetElement)
{
	var cookieName='treeviewstate'
	if (srcElement != null) 
	{
		//First find out if the current folder is empty
		//We find out based on the name of the image used
		if (srcElement.tagName == 'IMG')
		{
			var sImageSource = srcElement.src;
			if (sImageSource.indexOf("empty") == -1)
			{
				if (targetElement.style.display == "none")
				{
					//Our menu item is currently hidden, so display it
					targetElement.style.display = "";
										
					if (srcElement.className == "rootfolder")
						//Set a special open-folder graphic for the root folder
						
						srcElement.src = imgMinusOnly.src;
						
					else
						//Otherwise, just show the standard icon
						
						srcElement.src = imgFolderOpen.src;
						
					fnAddCSItem(cookieName,targetElement.id);		
				}
				else
				{
					//Our menu item is currently visible, so hide it
					targetElement.style.display = "none";
										
					if (srcElement.className == "rootfolder")
						//Set a special closed-folder graphic for the root folder
						
						srcElement.src = imgPlusOnly.src;
						//fnRemoveCSItem(targetElement.ID);
					else
						//Otherwise, just show the standard icon
						srcElement.src = imgFldrClosed.src;
						fnRemoveCSItem(cookieName,targetElement.id);
						
				}
			}
		} 
	}
}
		

function fnSetViewState()
{
	//alert (document.cookie);
	//get the treeviewstate cookie
	//break it apart
	//set style for the folders by number
	var cookieName='treeviewstate'
	var cookie=fnGetCookie(cookieName);
	if (cookie!=null)
	{
		var arValues = cookie.split(',');
		var x=0;
	
	for (i=0;i<arValues.length;i++)
		{
			//alert(fnGetCookie('treeviewstate'));
			//alert(document.getElementById(arValues[i]).id);
			document.getElementById(arValues[i]).style.display="";
			document.getElementById(arValues[i]-1).src = imgFolderOpen.src;
						
		}	
	}
	
}