<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="../xsltforms/xsltforms.xsl" type="text/xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://www.w3.org/1999/xhtml"
      xmlns:xf="http://www.w3.org/2002/xforms"
      xmlns:ev="http://www.w3.org/2001/xml-events"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema"
>
<head>
	<title>Multilingual</title>
        <style type="text/css">
	  body,input,option,select { font-family: sans-serif; font-size: 20pt}
	  label { display: inline-block; width: 6em; margin: 0 1em; text-align: right }
	  .h {font-weight: bold}
        </style>

	<model xmlns="http://www.w3.org/2002/xforms">
	    <instance id="default"><data xmlns="">
                <lang>Nederlands</lang><name/><age/><gender/>
                </data></instance>
	    <instance id="q"><questions xmlns="">
		<set name="English">
		    <language>Language</language>
		    <name>Name</name>
		    <age>Age</age>
		    <sex>Sex</sex>
		    <male>Male</male>
		    <female>Female</female>
		</set>
		<set name="Nederlands">
		    <language>Taal</language>
		    <name>Naam</name>
		    <age>Leeftijd</age>
		    <sex>Geslacht</sex>
		    <male>Man</male>
		    <female>Vrouw</female>
		</set>
		<set name="Fran&#231;ais">
		    <language>Langue</language>
		    <name>Nom</name>
		    <age>Age</age>
		    <sex>Sexe</sex>
		    <male>Masculin</male>
		    <female>F&#233;minin</female>
		</set>
	        </questions>
	    </instance>
	</model>
</head>
<body>
    <group  xmlns="http://www.w3.org/2002/xforms">
	<select1 ref="lang">
	   <label id="lang" class="align"><output ref="instance('q')/set[@name=instance('default')/lang]/language"/></label>
	   <itemset nodeset="instance('q')/set">
		     <label ref="@name"/>
		     <value ref="@name"/>
	   </itemset>
	</select1>
     <h:br/>
	<input ref="name">
	   <label class="align"><output ref="instance('q')/set[@name=instance('default')/lang]/name"/></label>
	</input>
     <h:br/>
	<input ref="age">
	    <label class="align"><output ref="instance('q')/set[@name=instance('default')/lang]/age"/></label>
     </input>
     <h:br/>
	<select1 ref="gender">
	   <label class="align"><output ref="instance('q')/set[@name=instance('default')/lang]/sex"/></label>
	   <item><label ref="instance('q')/set[@name=instance('default')/lang]/male"/><value>m</value></item>
	   <item><label ref="instance('q')/set[@name=instance('default')/lang]/female"/><value>f</value></item>
	</select1>

	<switch>
	    <case id="closed">
		<trigger>
		    <label>+</label>
		    <toggle case="open" ev:event="DOMActivate"/>
		</trigger>
	    </case>
	    <case id="open">
		<trigger>
		    <label>-</label>
		    <action  ev:event="DOMActivate">
		        <rebuild/>
		        <recalculate/>
		        <refresh/>
		        <toggle case="closed"/>
		    </action>
		</trigger>
		<repeat nodeset="instance('q')/set">
	            <trigger>
	                <label>X</label>
	                <delete ev:event="DOMActivate" nodeset="." at="1" />
		    </trigger>
		    <input ref="@name"/>
		    <input ref="language"/>
		    <input ref="name"/>
		    <input ref="age"/>
		    <input ref="sex"/>
		    <input ref="male"/>
		    <input ref="female"/>
		</repeat>
		<trigger>
		   <label>New</label>
		   <action ev:event="DOMActivate">
			<insert context="instance('q')" origin="instance('q')/set[@name='English']" nodeset="set" position="after" at="count(set)"/>
		   </action>
		</trigger>
	    </case>
	</switch>
    </group>
</body>
</html>
