<?xml-stylesheet type="text/xsl" href="/xforms-tests/xsltforms/xsltforms.xsl"?>
<html xmlns:my="http://commerce.example.com/payment" xmlns:txs="http://sourceforge.net/projects/txs" xmlns="http://www.w3.org/1999/xhtml" xmlns:req="http://www.agencexml.com/requests" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  	<head>
    	<title>9.2.1.a2 switch element receives events</title>
    	<link rel="stylesheet" href="../../../driverPages/forms/TestSuite11.css" type="text/css"/>
    	<xforms:model>
       	  <xforms:instance>
	        <car xmlns="">
	          <haveCar>no</haveCar>
	        </car>
          </xforms:instance>
	    <xforms:bind id="mybind" nodeset="haveCar" readonly="/car/haveCar='yes'"/>
        </xforms:model>	   
  	</head>
  	<body>
  		<xforms:group>
  			<xforms:label class="title">9.2.1.a2 switch element receives events</xforms:label>
  		</xforms:group>	
  		<xforms:group>
  			<xforms:label>
  			  When you choose "yes" in the select1 control, you should see the message "Switch is readonly" 
  			  and the select1 control should be readonly too.
	  		</xforms:label>	
  		</xforms:group>
  	
					<xforms:group>
  	        <!-- Relying on event to bubble up -->
	  	    <xforms:message ev:event="xforms-readonly" level="modal">Switch is readonly</xforms:message>
	  	
	  		<xforms:switch ref="haveCar">
				<xforms:case id="in">				
					<xforms:trigger>
						<xforms:label>Show Out Case</xforms:label>
						<xforms:toggle ev:event="DOMActivate" case="out"/>
					</xforms:trigger>
				  </xforms:case>
			<xforms:case id="out">
					<xforms:trigger>
						<xforms:label>Show In Case</xforms:label>
						<xforms:toggle ev:event="DOMActivate" case="in"/>
					</xforms:trigger>
				  </xforms:case>
				</xforms:switch>
		</xforms:group>
		
		<xforms:select1 ref="haveCar">
		    <xforms:item>
		        <xforms:label>Yes</xforms:label>
		        <xforms:value>yes</xforms:value>
		    </xforms:item>
		    <xforms:item>
		        <xforms:label>No</xforms:label>
		        <xforms:value>no</xforms:value>
		    </xforms:item>
		</xforms:select1>
		
  </body>
</html>
