// Variables
var NaviHTML = new String();
var ItemCount = new Number(0);
var IsCreating = false;
var ImageFolder = "imgs/";
var ExpandImage = "Expand.jpg";
var ContractImage = "Contract.jpg";
var BackgroundTile = "ExNaviTile.jpg";

//Methods

function StartExNavi(ItemID,MenuText)
{
	var DownImage = ImageFolder + ContractImage;
	if(IsCreating == true){
		alert("You cannot start a new menu item before ending the current one")
		return false;
	}
	if(MenuText == ""){
		alert("You must enter text for your menu");
		return false;
	}
		
	if(ItemID == ""){
		ItemID = "NaviMenu" + ItemCount;
	}
	ItemCount++;
	IsCreating = true;
	NaviHTML += "<table cellpadding=\"3\" cellspacing=\"0\" class = \"ExplorerNavigationTable\"><tr onclick=\"ExpandNavi(this)\">";
	NaviHTML += "<td align=\"left\" class=\"ExplorerNavigationHeader\" background = \"" + ImageFolder + BackgroundTile + "\">" + MenuText + "</td>";
	NaviHTML += "<td align=\"right\" class=\"ExplorerNavigationHeaderImg\"><img src=\"" + DownImage + "\" align=\"left\"></td>";
	NaviHTML += "</tr><tr><td class = \"ExplorerNavigationBody\" colspan = \"2\">";
}

function AddExNaviContent(ContentHTML)
{
	if(IsCreating == false){
		alert("You must start a menu first");
		return false
	}
	NaviHTML += ContentHTML;
}

function EndExNavi()
{
	if(IsCreating == false){
		alert("You must start a menu before trying to end one");
		return false;
	}
	NaviHTML += "</td></tr></table><br />";
	IsCreating = false;
}

function GenerateExNaviMenu(Owner)
{
	
	if(IsCreating == true){
		alert("You must end the menu before trying to generate it");
		return false;
	}
	
	if(Owner == "" || !Owner){
		document.write(NaviHTML);
	}else{
		document.getElementById(Owner).innerHTML = NaviHTML;
	}
	
	
}

function ExpandNavi(item)
{
	var Parent = item.offsetParent
	var TRMain = Parent.getElementsByTagName("tr").item(1)
	var TBody = TRMain.getElementsByTagName("td").item(0)
	var MainImage = Parent.getElementsByTagName("img").item(0)
	if(TBody.style.display == ""){
		TBody.style.display = "none";
		MainImage.src = ImageFolder + ExpandImage;//"arrdown.jpg";
	}else{
		TBody.style.display = "";
		MainImage.src = ImageFolder + ContractImage;//"arrup.jpg";
	}
}