<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<title>TAS Editor Manual- Table of Contents</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="generator" content="HelpNDoc Personal Edition 3.9.1.648">
	<link type="text/css" rel="stylesheet" media="all" href="css/reset.css" />
	<link type="text/css" rel="stylesheet" media="all" href="css/silver-theme/jquery-ui-1.8.12.custom.css" />
	<link type="text/css" rel="stylesheet" media="all" href="css/dynatree/chm/ui.dynatree.css" />
	<link type="text/css" rel="stylesheet" media="all" href="css/base.css" />
	<link type="text/css" rel="stylesheet" media="all" href="css/hnd.css" />
    <link type="text/css" rel="stylesheet" media="all" href="css/toc.css" />
	<!--[if lte IE 8]>
		<link type="text/css" rel="stylesheet" media="all" href="css/ielte8.css" />
	<![endif]-->
	<style type="text/css">
		#tabs .ui-widget-header
		{
			background-color: #EFEFEF;
		}
	</style>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/jquery.dynatree.min.js"></script>
	<script type="text/javascript" src="js/hndjsse.js"></script>
	<script type="text/javascript">
	
		var bSearchDataLoaded = false;
		var sHelpIdToActivate = '';
	
		$(document).ready(function()
		{
			var sAnchorName = '';
			try { sAnchorName = top.location.href.substring(top.location.href.lastIndexOf("#") + 1, top.location.href.length); }
			catch(err) { sAnchorName = ''; }
			var nSelectedTab = 0;
			if (sAnchorName == '_index') nSelectedTab = 1
			else if (sAnchorName == '_search') nSelectedTab = 2;			
			$("#tabs").tabs({
				selected: nSelectedTab,
				select: function(event, ui) { HideKwPopup(); }
			});
			
			// Toc
			if ($("#tab-toc").length) {
				$("#tab-toc").dynatree({
					clickFolderMode: 1,
					debugLevel: 0,
					imagePath: 'css/dynatree/chm/',
					onActivate: function(node){
						if ($("#tab-keywords").length && $("#tab-keywords").dynatree && $("#tab-keywords").dynatree("getTree") && $("#tab-keywords").dynatree("getTree").activateKey)
							$("#tab-keywords").dynatree("getTree").activateKey(null);
						if(node.data.href && node.data.href != '#'){
							window.open(node.data.href, node.data.target);
						}
					}
				});
				// Expand all nodes if required
				$("#tab-toc").dynatree("getRoot").visit(function(node){
						node.expand(true);
					});
				// Select the active help id
				if (sHelpIdToActivate != '') $("#tab-toc").dynatree("getTree").activateKey(sHelpIdToActivate);
			}
			
			// Keywords
			
			if ($("#tab-keywords").length) {
				$("#tab-keywords").dynatree({
					clickFolderMode: 1,
					debugLevel: 0,
					imagePath: 'css/dynatree/chm/',
					onClick: function(node, event){
						HideKwPopup();
						if (node.data && node.data.click)
						{
							var aRefList = null;
							eval('aRefList=' + node.data.click);
							if (ShowKwPopup(node.li, aRefList))
							{
								if ($("#tab-toc") && $("#tab-toc").dynatree && $("#tab-toc").dynatree("getTree") && $("#tab-toc").dynatree("getTree").activateKey)
									$("#tab-toc").dynatree("getTree").activateKey(null);
								if(node.data.href && node.data.href != '#'){
									window.open(node.data.href, node.data.target);
								}
							}
						}
					}
				});
				// Expand all nodes if required
				$("#tab-keywords").dynatree("getRoot").visit(function(node){
						node.expand(true);
					});
				}
			
			// Load search data
			$.getScript("js/searchdata.js",	function() {
				bSearchDataLoaded = true;
			});
		});
		
		$('body').click(function() {
			HideKwPopup();
		});
		
		function SelectTocItem(sHelpId)
		{
			if ($("#tab-toc").length && $("#tab-toc").dynatree && $("#tab-toc").dynatree("getTree") && $("#tab-toc").dynatree("getTree").getNodeByKey) {
				$("#tab-toc").dynatree("getTree").getNodeByKey(sHelpId).activateSilently();
			}
			else {
				sHelpIdToActivate = sHelpId;
			}
		}
		
		function HideKwPopup()
		{
			if($("#popupMenu")) $("#popupMenu").remove();
		}
		
		function ShowKwPopup(oSender, aLinks)
		{
			HideKwPopup();
			if (!aLinks || !aLinks.length || aLinks.length == 0) return false
			else if (aLinks.length == 1) return true
			else
			{
				var oParentDiv = document.createElement("DIV");
				oParentDiv.id = "popupMenu";
				var oLink = null;
				// Close button
				oLink = document.createElement("SPAN");
				oLink.className = "close-button";
				oLink.innerHTML = "X";
				oLink.href = "#";
				oLink.onclick = HideKwPopup;
				oParentDiv.appendChild(oLink);
				// Items
				for (var nCnt=0; nCnt<aLinks.length; nCnt++)
				{
					oLink = document.createElement("A");
					oLink.innerHTML = aLinks[nCnt][0];
					oLink.href = aLinks[nCnt][1];
					oLink.target = "FrameMain";
					oLink.onclick = HideKwPopup;
					oParentDiv.appendChild(oLink);
				}
				document.body.appendChild(oParentDiv);
				var pos = $(oSender).offset(); 
				var height = $(oSender).height();
				$(oParentDiv).css({
					"left": (pos.left+20) + "px",
					"top": (pos.top + height + 5) + "px"
				});
				$(oParentDiv).show();
				return false;
			}
		}
		
		function PerformSearch()
		{
			sValue = $("#search_value").val();
			$("#search_results").html('Searching...');
			var oSearchEngine = new HndJsSe;
			oSearchEngine.ParseInput(sValue);			
			oSearchEngine.PerformSearch();
			if (!oSearchEngine.aResults || !oSearchEngine.aResults.length)
			{
				$("#search_results").html('No results found.');
			}
			else
			{
				$("#search_results").html('<div id="search_results_content"></div>');
				var oUl = $("#search_results_content").append("<ul id='lr'></ul>").find("ul");
				for (var nCnt = 0; nCnt < oSearchEngine.aResults.length; nCnt++)
				{
					if (oSearchEngine.aResults[nCnt] < aTl.length)
					{
						oUl.append("<li><a href='" + aTl[oSearchEngine.aResults[nCnt]][0] + "?search=" + escape(sValue) + "' target='FrameMain'>" + unescape(aTl[oSearchEngine.aResults[nCnt]][1]) + "</a></li>");
					}
				}
				// Tree
				$("#search_results_content").dynatree({
					clickFolderMode: 1,
					debugLevel: 0,
					imagePath: 'css/dynatree/chm/',
					onActivate: function(node){
						if ($("#search_results_content") && $("#search_results_content").dynatree && $("#search_results_content").dynatree("getTree") && $("#search_results_content").dynatree("getTree").activateKey)
							$("#search_results_content").dynatree("getTree").activateKey(null);
						if(node.data.href && node.data.href != '#'){
							window.open(node.data.href, node.data.target);
						}
					}
				});
			}
		}
	</script>
</head>

<body>

	<div id="tabs">
		<ul>
			<li><a href="#tab-toc">Contents</a></li>
			<li><a href="#tab-keywords">Index</a></li>
			<li><a href="#tab-search">Search</a></li>
			</ul>
		<div id="tab-toc">
			<ul id="toc" class="">

				<li class="" id="Title" data="icon: '20.png'">
							<a
							href="Title.html"
							target="FrameMain">
								Title</a>

				</li><li class="folder" id="BeginnersGuide" data="">
							<a
							href="BeginnersGuide.html"
							target="FrameMain">
								Beginner's Guide</a>

				<ul><li class="" id="Introduction" data="icon: '1.png'">
							<a
							href="Introduction.html"
							target="FrameMain">
								1. Introduction</a>

				</li><li class="folder" id="ProgramInterface" data="">
							<a
							href="ProgramInterface.html"
							target="FrameMain">
								2. Program Interface</a>

				<ul><li class="" id="PianoRoll" data="icon: '1.png'">
							<a
							href="PianoRoll.html"
							target="FrameMain">
								2.1. Piano Roll</a>

				</li><li class="" id="Toolbox" data="icon: '1.png'">
							<a
							href="Toolbox.html"
							target="FrameMain">
								2.2. Toolbox</a>

				</li></ul></li><li class="" id="TASingProcess" data="icon: '1.png'">
							<a
							href="TASingProcess.html"
							target="FrameMain">
								3. TASing Process</a>

				</li><li class="folder" id="TASingMethodology" data="">
							<a
							href="TASingMethodology.html"
							target="FrameMain">
								4. TASing Methodology</a>

				<ul><li class="" id="TraditionalTASing" data="icon: '1.png'">
							<a
							href="TraditionalTASing.html"
							target="FrameMain">
								4.1. Traditional TASing</a>

				</li><li class="" id="NonlinearTASing" data="icon: '1.png'">
							<a
							href="NonlinearTASing.html"
							target="FrameMain">
								4.2. Nonlinear TASing</a>

				</li><li class="" id="SemiautomaticTASing" data="icon: '1.png'">
							<a
							href="SemiautomaticTASing.html"
							target="FrameMain">
								4.3. Semiautomatic TASing</a>

				</li></ul></li><li class="" id="ProgramCustomization" data="icon: '1.png'">
							<a
							href="ProgramCustomization.html"
							target="FrameMain">
								5. Program customization</a>

				</li><li class="" id="AdvancedFeatures" data="icon: '1.png'">
							<a
							href="AdvancedFeatures.html"
							target="FrameMain">
								6. Advanced Features</a>

				</li></ul></li><li class="folder" id="Reference" data="">
							<a
							href="Reference.html"
							target="FrameMain">
								Reference</a>

				<ul><li class="" id="Glossary" data="icon: '1.png'">
							<a
							href="Glossary.html"
							target="FrameMain">
								Glossary</a>

				</li><li class="" id="Controls" data="icon: '1.png'">
							<a
							href="Controls.html"
							target="FrameMain">
								Controls</a>

				</li><li class="" id="Navigation" data="icon: '1.png'">
							<a
							href="Navigation.html"
							target="FrameMain">
								Navigation</a>

				</li><li class="" id="Operations" data="icon: '1.png'">
							<a
							href="Operations.html"
							target="FrameMain">
								Operations</a>

				</li><li class="" id="LuaAPI" data="icon: '1.png'">
							<a
							href="LuaAPI.html"
							target="FrameMain">
								Lua API</a>

				</li><li class="" id="FAQ" data="icon: '1.png'">
							<a
							href="FAQ.html"
							target="FrameMain">
								FAQ</a>

				</li><li class="" id="SpeedrunningSynopsis" data="icon: '1.png'">
							<a
							href="SpeedrunningSynopsis.html"
							target="FrameMain">
								Speedrunning synopsis</a>

				</li></ul></li><li class="folder" id="TASEditorInside" data="">
							<a
							href="TASEditorInside.html"
							target="FrameMain">
								TAS Editor Inside</a>

				<ul><li class="" id="Ideas" data="icon: '1.png'">
							<a
							href="Ideas.html"
							target="FrameMain">
								Ideas</a>

				</li><li class="" id="Implementation" data="icon: '1.png'">
							<a
							href="Implementation.html"
							target="FrameMain">
								Implementation</a>

				</li><li class="" id="MistakeProofing" data="icon: '1.png'">
							<a
							href="MistakeProofing.html"
							target="FrameMain">
								Mistake-proofing</a>

				</li><li class="" id="FM3format" data="icon: '1.png'">
							<a
							href="FM3format.html"
							target="FrameMain">
								FM3 format</a>

				</li></ul></li></ul>
		</div>
		
		<div id="tab-keywords">
			<ul id="keywords">

				</ul>
		</div>
		
		<div id="tab-search">
			<form onsubmit="PerformSearch(); return false;">
				<label for="search_value">Search:</label>
				<input id="search_value" name="search_value"></input>
				<input type="submit" value="Search"/>
			</form>
			<div id="search_results"></div>
		</div>
		
		</div>
    
</body>

</html>