function addSubMenu(subMenuIndex) {
	var frm = document.frmSubMenu;
	var subMenuSize = frm.elements["subMenuCount"].value;

	var body = "<table cellspacing=\"0\" cellpadding=\"0\" class=\"sTable\" style=\"width:704px\">";
	for (var i=0; i < parseInt(subMenuSize,10)+1 ; i++)
	{
		var fileDiv= "";
		var headerDiv="";
		var formDiv="";


		var index = i;

		if (i < parseInt(subMenuIndex,10)) {
			headerDiv = getSubMenuDiv(i);
			formDiv = getSubMenuForm(i, i);
		} else if (i > parseInt(subMenuIndex,10) ) {
			headerDiv = getSubMenuDiv(i-1);
			formDiv = getSubMenuForm(i-1, i);
		} else {
			headerDiv = getBlankSubMenuDiv();
			formDiv = getBlankSubMenuForm(i);
		}

		body += "<tr class=\"oddRow\">";
		body += "<td class=\"firstCol\" style=\"width:544px\">";
		body += "<div style=\"float:left; width: 260px\">";
		body += "	<div id=\"subMenuHeader_"+index+"\" style=\"display:block\">";
		body += headerDiv;
		body += "</div>";
			body += "<a href=\"javascript:showSubMenuForm("+index+")\"><img src=\"images/icon_edit.gif\" alt=\"edit\" title=\"edit\" class=\"edit\"><span>edit</span></a>"
		body += "</div>";
		body += "	<div id=\"subMenuForm_"+index+"\" style=\"display:none; float:left; width: 150px\">";
		body += formDiv;
		body += "</div></td>";

		body += "<td class=\"editItem\" style=\"text-align:right;vertical-align:top\"><ul style=\"float:right\">";
		body += "<li><a href=\"javascript:moveSubMenuUp("+index+")\"><img src=\"images/up.gif\" border=\"0\"/></a></li>";
		body += "<li><a href=\"javascript:moveSubMenuDown("+index+")\"><img src=\"images/down.gif\" border=\"0\"/></a></li>";
		body += "<li><a href=\"javascript:delSubMenu("+index+")\"><img src=\"images/icon_delete.gif\" border=\"0\"/></a></li>";
		body += "<li><a href=\"javascript:addSubMenu("+index+")\"><img src=\"images/add.png\" border=\"0\"/></a></li>";
		body += "</ul></td>";
		body += "	</tr>";
	}
	body += "</table>";
	
	document.getElementById("subMenuItems").innerHTML = body;
	frm.elements["subMenuCount"].value = parseInt(subMenuSize, 10) + 1;
}


function delSubMenu(subMenuIndex) {
	var frm = document.frmSubMenu;
	var subMenuSize = frm.elements["subMenuCount"].value;
	var body = "<table cellspacing=\"0\" cellpadding=\"0\" class=\"sTable\" style=\"width:704px\">";

	for (var i=0; i < parseInt(subMenuSize,10) ; i++)
	{
		var headerDiv="";
		var formDiv="";

		var index = i;
		var shift = true;

		if (i < parseInt(subMenuIndex,10)) {
			index = i;
			headerDiv = getSubMenuDiv(i);
			formDiv = getSubMenuForm(i, i);
		} else if (i > parseInt(subMenuIndex,10) ) {
			index = i-1;
			headerDiv = getSubMenuDiv(i);
			formDiv = getSubMenuForm(i, index);
		} else {
			headerDiv="";
			formDiv ="";
			shift = false;
		}
		
		if (shift)
		{
			body += "<tr class=\"oddRow\">";
			body += "<td class=\"firstCol\" style=\"width:544px\">";
			body += "<div style=\"float:left; width: 260px;padding-top:10px;\">";
			body += "	<div id=\"subMenuHeader_"+index+"\" style=\"display:block\">";
			body += headerDiv;
			body += "</div>";
				body += "<a href=\"javascript:showSubMenuForm("+index+")\"><img src=\"images/icon_edit.gif\" alt=\"edit\" title=\"edit\" class=\"edit\"><span>edit</span></a>"
			body += "</div>";
			body += "	<div id=\"subMenuForm_"+index+"\" style=\"display:none; float:left; width: 150px\">";
			body += formDiv;
			body += "</div></td>";

			body += "<td class=\"editItem\" style=\"text-align:right;vertical-align:top\"><ul style=\"float:right\">";
			body += "<li><a href=\"javascript:moveSubMenuUp("+index+")\"><img src=\"images/up.gif\" border=\"0\"/></a></li>";
			body += "<li><a href=\"javascript:moveSubMenuDown("+index+")\"><img src=\"images/down.gif\" border=\"0\"/></a></li>";
			body += "<li><a href=\"javascript:delSubMenu("+index+")\"><img src=\"images/icon_delete.gif\" border=\"0\"/></a></li>";
			body += "<li><a href=\"javascript:addSubMenu("+index+")\"><img src=\"images/add.png\" border=\"0\"/></a></li>";
			body += "</ul></td>";
			body += "	</tr>";
		}
	}

	if (parseInt(subMenuSize, 10) == 1)
	{
			body += "<tr class=\"oddRow\">";
			body += "<td class=\"editItem\" style=\"text-align:right;vertical-align:top\"><ul style=\"float:right\">";
			body += "<li><a href=\"javascript:addSubMenu("+index+")\"><img src=\"images/add.png\" border=\"0\"/></a></li>";
			body += "</ul></td>";
			body += "	</tr>";
	}
	subMenuSize = parseInt(subMenuSize, 10)-1;
	body += "</table>";
	document.getElementById("subMenuItems").innerHTML = body;
	frm.elements["subMenuCount"].value = subMenuSize;

}


function moveSubMenuUp(subMenuIndex) {
	var frm = document.frmSubMenu;
	var subMenuSize = frm.elements["subMenuCount"].value;
	if (parseInt(subMenuSize, 10) > 0)
	{
		if (subMenuIndex > 0)
		{
			swapSubMenuInfo(subMenuIndex-1, subMenuIndex);
		}
	}
}

function moveSubMenuDown(subMenuIndex) {
	var frm = document.frmSubMenu;
	var subMenuSize = frm.elements["subMenuCount"].value;
	if (parseInt(subMenuSize, 10) > 0)
	{
		if (subMenuIndex < parseInt(subMenuSize, 10)-1)
		{
			swapSubMenuInfo(subMenuIndex, subMenuIndex+1);
		}
	}
}


function swapSubMenuInfo(from, to) {
	var frm = document.frmSubMenu;
	
	var headerDiv = "";
	var formDiv = "";
	var toFormDiv = "";


	headerDiv = getSubMenuDiv(from);
	formDiv = getSubMenuForm(from, to);
	toFormDiv = getSubMenuForm(to, from);

	document.getElementById("subMenuHeader_"+from).innerHTML = getSubMenuDiv(to);
	document.getElementById("subMenuForm_"+from).innerHTML = toFormDiv;

	document.getElementById("subMenuHeader_"+to).innerHTML = headerDiv;
	document.getElementById("subMenuForm_"+to).innerHTML = formDiv;
}

function showSubMenuForm(subMenuIndex) {
	document.getElementById("subMenuForm_" + subMenuIndex).style.display="block";
}

function hideSubMenuForm(subMenuIndex) {
	html = getSubMenuDiv(subMenuIndex);
	document.getElementById("subMenuHeader_" + subMenuIndex).innerHTML = html;
	document.getElementById("subMenuForm_" + subMenuIndex).style.display="none";
}

function getSubMenuDiv(subMenuIndex) {
	var frm = document.frmSubMenu;
	cap = frm.elements["subMenu_"+subMenuIndex+"_cap"].value;
	url = frm.elements["subMenu_"+subMenuIndex+"_url"].value;
	urlWindow = frm.elements["subMenu_"+subMenuIndex+"_urlWindow"].value;
	loadMovie = frm.elements["subMenu_"+subMenuIndex+"_loadMovie"].value;
	loadMovieLevel = frm.elements["subMenu_"+subMenuIndex+"_loadMovieLevel"].value;
	loadMovieTarget = frm.elements["subMenu_"+subMenuIndex+"_loadMovieTarget"].value;
	var html = "<h3>Sub Menu: "+cap+"</h3>";
	if (url.length > 0)
	{
		html+="<a href=\""+ url +"\" "+(urlWindow.length > 0 ? "target=\""+urlWindow+"\"" : "")+">URL</a><br />"; 
	}
	if (loadMovie.length > 0)
	{
		html+="Movie: " + loadMovie + "<br />"; 
	}
	if (loadMovieLevel.length > 0)
	{
		html+="Level: " + loadMovieLevel + "<br />"; 
	}
	if (loadMovieTarget.length > 0)
	{
		html+="Target: " + loadMovieTarget + "<br />"; 
	}
	return html;
}

function getSubMenuForm(subMenuIndexFrom, subMenuIndexTo) {
	var frm = document.frmSubMenu;
	cap = frm.elements["subMenu_"+subMenuIndexFrom+"_cap"].value;
	url = frm.elements["subMenu_"+subMenuIndexFrom+"_url"].value;
	urlWindow = frm.elements["subMenu_"+subMenuIndexFrom+"_urlWindow"].value;
	loadMovie = frm.elements["subMenu_"+subMenuIndexFrom+"_loadMovie"].value;
	loadMovieLevel = frm.elements["subMenu_"+subMenuIndexFrom+"_loadMovieLevel"].value;
	loadMovieTarget = frm.elements["subMenu_"+subMenuIndexFrom+"_loadMovieTarget"].value;

	var html ='';
	html+="<div id=\"contentBox\" style=\"width:193px\">";
	html+="								 <div class=\"contentBoxVerySmall\">";
	html+="									<h3>Edit</h3>";
	html+="								 </div>";
	html+="								 <div style=\"padding:5px 0 0 5px;\">";
	html+="					Caption: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndexTo+"_cap\" value=\""+cap+"\"/><br />";
	html+="					URL: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndexTo+"_url\" value=\""+url+"\"/><br />";
	html+="					URL Window: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndexTo+"_urlWindow\" value=\""+urlWindow+"\"/><br />";
	html+="					Load Movie: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndexTo+"_loadMovie\" value=\""+loadMovie+"\"/><br />";
	html+="					Load Movie Level: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndexTo+"_loadMovieLevel\" value=\""+loadMovieLevel+"\"/><br />";
	html+="					Load Movie Target: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndexTo+"_loadMovieTarget\" value=\""+loadMovieTarget+"\"/><br /><br />";
	html+="					<input type=\"button\" name=\"close\" value=\"close\" style=\"margin-bottom:10px\" onClick=\"hideSubMenuForm("+subMenuIndexTo+")\"/><br /><br />";
	html+="								</div>";
	html+="							</div>";
	return html;
}

function getBlankSubMenuDiv() {
	var html = "<h3>BLANK</h3>";
	return html;
}

function getBlankSubMenuForm(subMenuIndex) {
	var frm = document.frmSubMenu;
	var html = "";
	html+="<div id=\"contentBox\" style=\"width:193px\">";
	html+="								 <div class=\"contentBoxVerySmall\">";
	html+="									<h3>Edit</h3>";
	html+="								 </div>";
	html+="								 <div style=\"padding:5px 0 0 5px;\">";
	html+="					Caption: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndex+"_cap\" value=\"\"/><br />";
	html+="					URL: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndex+"_url\" value=\"\"/><br />";
	html+="					URL Window: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndex+"_urlWindow\" value=\"\"/><br />";
	html+="					Load Movie: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndex+"_loadMovie\" value=\"\"/><br />";
	html+="					Load Movie Level: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndex+"_loadMovieLevel\" value=\"\"/><br />";
	html+="					Load Movie Target: <br />";
	html+="					<input type=\"text\" name=\"subMenu_"+subMenuIndex+"_loadMovieTarget\" value=\"\"/><br /><br />";
	html+="					<input type=\"button\" name=\"close\" value=\"close\" style=\"margin-bottom:10px\" onClick=\"hideSubMenuForm("+subMenuIndex+")\"/><br /><br />";
	html+="								</div>";
	html+="							</div>";
	return html;
}