<!DOCTYPE html PUBLIC "-//VoiceXML Forum//DTD XHTML+Voice 1.2//EN" "http://www.voicexml.org/specs/multimodal/x+v/12/dtd/xhtml+voice12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events">

	<head>
		<title>Animal Shelter</title>
		<link href="Styles.css" rel="stylesheet" media="screen" />
		<form xmlns="http://www.w3.org/2001/vxml" id="welcome">
			<block>Welcome to the animal shelter information page</block>
			
			<field name="pet">
				<prompt>What kind of pet are you looking for? Or for directions to the animal shelter, say directions.</prompt>
				<option value="Dog">Dog</option>
				<option value="Cat">Cat</option>
				<option value="directions">Directions</option>
				<nomatch><prompt>Are you looking for a cat or a dog? Or for directions to our shelter, say directions.</prompt></nomatch>
				<filled>
					<if cond="pet=='Dog'">
						<assign name="window.location" expr="'dogs.xml'"/>
					<elseif cond="pet=='Cat'" />
						<assign name="window.location" expr="'cat.xml'"/>
					<elseif cond="pet=='directions'" />
						<assign name="window.location" expr="'directions.xml'"/>
					<else />
						<prompt>no match</prompt>
					</if>
							
				</filled>
			</field>
		</form>
	</head>
	
	<body ev:event="load" ev:handler="#welcome">
	
	<div id="main" style="height: 800px;">
		<h1>Animal Shelter Information Page</h1>
		
		<p>Welcome to the Animal Shelter Information Page. Here you will find listings for pets available at our shelter.
		We currently have cats and dogs avilable for adoption.  Click <a href="directions.xml">here</a> for directions
		to our Hillsboro location.</p>
		
		<p>What kind of pet are you looking for?</p>
		
		<ul>
			<li><a href="dogs.xml">Dog</a></li>
			<li><a href="cat.xml">Cat</a></li>
		</ul>
		
		
		
	</div>
	</body>
</html>