<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="demo.xsl" ?>
<!DOCTYPE xjs>
<xjs xmlns="http://xulapp.org/xjs" xmlns:html="http://www.w3.org/1999/xhtml">
	<class>
		<name>File</name>
		<documentation>
			<html:p>This set of four files represents a simple prototype demo of an editable xml document which is presented
			using an XSLT transform to be more appealing to the user.
			</html:p>
			<html:h1>Demo source files:</html:h1>
			<html:ol>
				<html:li>XML <html:em>"source code'</html:em> file: <html:a href="demoxml.txt" type="text/plain">demo.xjs</html:a></html:li>
				<html:li>XSLT  file: <html:a href="demoxsl.txt" type="text/plain">demo.xsl</html:a>. This transforms the above source file into an xhtml document.</html:li>
				<html:li>CSS  file: <html:a href="demo.css" type="text/plain">demo.css</html:a>. This styles the document and adds input capable areas using the CSS3 user-input features..</html:li>
				<html:li>Javascript  file: <html:a href="demo.js" type="text/plain">demo.js</html:a>. A minimal amount of Javascript to animate the form.</html:li>
			</html:ol>				
			<html:h1>Things to see:</html:h1>
			<html:ol>
				<html:li>You may double click on <html:em>class, document, instance, function</html:em> and the <html:em>/*</html:em> of comments to collapse or expand them.</html:li>
				<html:li>Certain areas are protected (reserved words and brackets)</html:li>
				<html:li>Other areas are input capable such as function names, conditional and expressions</html:li>
				<html:li>You may tab between input capable areas (although the default implementation is broken).</html:li>
				<html:li>There is a whole lot of functionality missing!</html:li>
			</html:ol>				
		</documentation>
		<static>
			<stmt>const DEBUG=false</stmt>
		</static>
		<instance>
			<stmt>var a=1</stmt>
			<stmt>var a=1</stmt>
			<comment>Calculate the acceleration</comment>
			<function><name>CalcAcceleration</name>
				<parameters>
					<parameter id="p1">F</parameter>
				</parameters>
				<block>
					<if id="if1"><cond>xxxcondition</cond>
						<block>
							<stmt>var a</stmt>
							<stmt>a = <string apos="true">Once will do.</string></stmt> 
							<stmt>b = <string>Twice will do.</string></stmt>
						</block>
					</if>
					<if id="if2"><cond>condition</cond>
						<block>
							<stmt>var b=2</stmt>
						</block>
						<else>
							<block>
								<stmt>var b=2</stmt><br/>
								<stmt>var d=3</stmt>
							</block>
						</else>
					</if>
				</block>
			</function>
			<comment>Calculate the rotation
			due to something or other <html:img src="smiley-wink.png"/>.
			</comment>
			<function><name>CalcRotation</name>
				<parameters>
					<parameter id="p1">X</parameter>
					<parameter>Y</parameter>
				</parameters>
					<block>
						<stmt>var b=2;</stmt><br/>
						<stmt>var d=3</stmt>
					</block>
			</function>
		</instance>
	</class>
</xjs>
