<?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>Switch1</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">
	 <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>Next</label>
            <toggle case="start" ev:event="DOMActivate"/>
	 </trigger>
      </case>
      <case id="history">
      </case>
   </switch>
</body>
</html>
