<?xml-stylesheet href="../forms/xsltforms/xsltforms.xsl" type="text/xsl"?>
<?xsltforms-options debug="no"?>
<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>Switch2</title>
	<style type="text/css">
	body { font-family: sans-serif}
	.h {font-weight: bold}
	</style> 

	<model xmlns="http://www.w3.org/2002/xforms">
		<instance>
		    <data xmlns="">
			<name/><city/><email/><food/><drink/><music/>
		    </data>
		</instance>
	</model>
</head>
<body>
<switch xmlns="http://www.w3.org/2002/xforms">
   <case id="start">
      <group>
         <label class="h">About you</label>
         <input ref="name"><label>Name:</label></input><h:br/>
         <input ref="city"><label>City:</label></input><h:br/>
         <input ref="email"><label>Email:</label></input>
      </group>
      <trigger>
         <label>Next</label>
         <toggle case="preferences" ev:event="DOMActivate"/>
      </trigger>
   </case>
   <case id="preferences" selected="true">
      <group>
         <label class="h">Your preferences</label>
         <input ref="food"><label>Food:</label></input><h:br/>
         <input ref="drink"><label>Drink:</label></input><h:br/>
         <input ref="music"><label>Music:</label></input>
      </group>
      <trigger>
         <label>Back</label>
         <toggle case="start" ev:event="DOMActivate"/>
      </trigger>
      <trigger>
         <label>Next</label>
         <toggle case="start" ev:event="DOMActivate"/>
      </trigger>
   </case>
   <case id="history">
   </case>
</switch>
</body>
</html>
