ct:PetmarketFB
fa:showWelcome
	ff:dspWelcome.cfm

		<!---
		<fusedoc fuse="dspWelcome.cfm" language="ColdFusion" specification="2.0">
		  <responsibilities>
		    I display a welcome message.
		  </responsibilities>
		  <properties>
		    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
		  </properties>
		  <io>
		    <in>
		    </in>
		    <out>
		    </out>
		  </io>
		</fusedoc>
		--->
		
		<font face="Arial, Helvetica, sans-serif">
		<b class="headline">Welcome to Pet Market</b><br>
		<font class="text">
		Welcome to your online source for pets and pet supplies.
		Whether you're looking for information or ready to buy,
		we've created a fun and easy shopping experience.
		The site is tailored to your interests, so as you browse for
		pets, you'll see the products and accessories your pet
		might need. Come back often. There's always something new!<br><br><br>
		</font>

		cv:mainContent
fa:showImageBar
	ff:dspWelcomeImageBar.cfm

		<!---
		<fusedoc fuse="dspWelcomeImageBar.cfm" language="ColdFusion" specification="2.0">
		  <responsibilities>
		    I display a menu bar of images with links.
		  </responsibilities>
		  <properties>
		    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
		  </properties>
		  <io>
		    <in>
		      <string name="xfa.birdsImage" optional="No" />
		      <string name="xfa.catsImage" optional="No" />
		      <string name="xfa.dogsImage" optional="No" />
		      <string name="xfa.fishImage" optional="No" />
		      <string name="xfa.reptilesImage" optional="No" />
		    </in>
		    <out>
		    </out>
		  </io>
		</fusedoc>
		--->
		
		<table border="0" cellpadding="0" cellspacing="10" align="center">
		<tr>
		<td>
			<a href="category.cfm?categoryoid=5" class="button">
			<img src="images/_birds_65.gif" width="65" height="65" border="1"></a>
		</td>
		<td>
			<a href="category.cfm?categoryoid=4" class="button">
			<img src="images/_cats_65.gif" width="65" height="65" border="1"></a>
		</td>
		<td>
			<a href="category.cfm?categoryoid=2" class="button">
			<img src="images/_dogs_65.gif" width="65" height="65" border="1"></a>
		</td>
		<td>
			<a href="category.cfm?categoryoid=1" class="button">
			<img src="images/_fish_65.gif" width="65" height="65" border="1"></a>
		</td>
		<td>
			<a href="category.cfm?categoryoid=3" class="button">
			<img src="images/_reptiles_65.gif" width="65" height="65" border="1"></a>
		</td>
		</tr></table>
		

		xfa:birdsImage=catalog.showBreed
		xfa:catsImage=catalog.showBreed
		xfa:dogsImage=catalog.showBreed
		xfa:fishImage=catalog.showBreed
		xfa:reptilesImage=catalog.showBreed
		cv:imageBarContent
fa:showLayout
	ff:dspSiteLayout.cfm

		<!---
		<fusedoc fuse="dspSiteLayout.cfm" language="ColdFusion" specification="2.0">
		  <responsibilities>
		    I display the final site layout.
		  </responsibilities>
		  <properties>
		    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
		  </properties>
		  <io>
		    <in>
		      <string name="mainContent" scope="variables" optional="No" />
		      <string name="imageBarContent" scope="variables" optional="No" />
		      <string name="drillBoxContent" scope="variables" optional="No" />
		      <string name="menuContent" scope="variables" optional="No" />
		      <string name="searchBarContent" scope="variables" optional="No" />
		      <string name="adContent" scope="variables" optional="No" />
		    </in>
		    <out>
		    </out>
		  </io>
		</fusedoc>
		--->
		
		<html>
		<head>
			<title>Pet Market</title>
			<style>
				b{font-family:arial,geneva,helvetica,sans-serif;}
				a:hover{color:009900;text-decoration:underline;}
				a.button:hover{color:00ff00;}
				.button:visited{color:00aa00;}
				td {font-family:arial,geneva,helvetica,sans-serif;}
				.text{font-family:arial,geneva,helvetica,sans-serif;font-size:75%; line-height:135%;}
				.label{font-family:arial,geneva,helvetica,sans-serif;font-size:70%;}
				.labelstrong{font-size:70%;color:#000000;font-weight:bold;}
				.headline{font-family:arial,geneva,helvetica,sans-serif;font-size:125%;font-weight:bold;}
			</style>
		</head>
		<body  background="images/dog_bg_1800.jpg" leftmargin="0" topmargin="0" style="background-repeat: no-repeat;" link="336633" vlink="336633" bgcolor="white">
		<table border="0" cellpadding="0" cellspacing="0" width="800">
		<tr>
			<td>
			<a href="index.cfm"><img src="images/petmarketlogo_small.gif" alt="" width="182" height="33" border="0" hspace="10" vspace="5"></a>
			</td>
			<td width="100%">&nbsp;</td>
			<td nowrap><b class="labelstrong"><a href="index.cfm">home</a></b></td>
			<td nowrap>&nbsp; &nbsp; &nbsp;</td>
			<td nowrap><b class="labelstrong"><a href="preferences.cfm">preferences</a></b></td>
			<td nowrap>&nbsp; &nbsp; &nbsp;</td>
			<td nowrap><b class="labelstrong"><a href="about.cfm">about us</a></b></td>
			<td nowrap>&nbsp; &nbsp; &nbsp;</td>
			<td nowrap><b class="labelstrong"><a href="legal.cfm">legal notice</a></b></td>
			<td nowrap>&nbsp; &nbsp; &nbsp;</td>
			<td nowrap><b class="labelstrong"><a href="affiliate.cfm">affiliate program</a></b></td>
			<td nowrap>&nbsp; &nbsp; &nbsp;</td>
		</tr>
		</table>
		<table border="0" cellpadding="0" cellspacing="0" width="800">
		<tr valign="top">
			<td width="175" nowrap align="right">
			<img src="images/clear.gif" alt="" width="1" height="1" hspace="85" vspace="85" border="0" alt=" "><br clear="all">
				</td>
			<td>
			<img src="images/clear.gif" alt="" width="1" height="1" vspace="25" border="0" alt=" "><br clear="all">
				<table border="0" cellpadding="0" cellspacing="0" bgcolor="black" width="400"><tr><td>
				<table border="0" cellpadding="0" cellspacing="1" bgcolor="black" width="100%">
				<tr><td>
					<table border="0" cellpadding="0" cellspacing="10" align="center">
					<tr>
						<td>
							<a href="category.cfm?categoryoid=5" class="button">
							<img src="images/_birds_65.gif" width="65" height="65" border="1"></a>
						</td>
						<td>
							<a href="category.cfm?categoryoid=4" class="button">
							<img src="images/_cats_65.gif" width="65" height="65" border="1"></a>
						</td>
						<td>
							<a href="category.cfm?categoryoid=2" class="button">
							<img src="images/_dogs_65.gif" width="65" height="65" border="1"></a>
						</td>
						<td>
							<a href="category.cfm?categoryoid=1" class="button">
							<img src="images/_fish_65.gif" width="65" height="65" border="1"></a>
						</td>
						<td>
							<a href="category.cfm?categoryoid=3" class="button">
							<img src="images/_reptiles_65.gif" width="65" height="65" border="1"></a>
						</td>
					</tr></table>
				</td></tr>
				<tr valign="top"><td>
			<table border="0" cellpadding="20" cellspacing="0" width="100%">
			<tr bgcolor="ffcc33">
				<td height="207">
				<font face="Arial, Helvetica, sans-serif">
				<b class="headline">Welcome to Pet Market</b><br>
				<font class="text">
				Welcome to your online source for pets and pet supplies.
				Whether you're looking for information or ready to buy,
				we've created a fun and easy shopping experience.
				The site is tailored to your interests, so as you browse for
				pets, you'll see the products and accessories your pet
				might need. Come back often. There's always something new!<br><br><br>
				</font>
				</td>
			</tr>
			</table>
				</td></tr></table>
				</td></tr></table>
			</td>
			<td width="100%">
				<table border="0" cellpadding="0" cellspacing="0"><tr><td height="65"></td></tr></table>
				<table border="0" cellpadding="0" cellspacing="0">
				<tr><td colspan="6"><hr size="1" noshade></td></tr>
				<form action="searchresults.cfm" method="get">
				<tr>
					<td>&nbsp;&nbsp;</td>
					<td><font face="Arial,geneva,helvetica,sans-serif"><B>Search</B></font></td>
					<td>&nbsp;&nbsp;</td>
					<td><input type="text" name="keyword" size="12" style="font-size:70%;"></td>
					<td>&nbsp;&nbsp;</td>
					<td><input type="submit" name="search_submit" value="&nbsp; go &nbsp;"></td>
				</tr>
				<tr><td colspan="6"><hr size="1" noshade></td></tr>
				</table>
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr><td height="10"></td></tr>
				<tr>
					<td colspan="6" align="center">
								<img src="images/homead.jpg"><br>
						<font color="333333" size="2" face="Arial,geneva,helvetica,sans-serif" class="label">Keep your pets happy and healthy with<br>
						Pet Market brand pet foods.</font>
					</td>
				</tr>
				<tr><td height="10"></td></tr>
				</form>
				<tr><td colspan="6"><hr size="1" noshade></td></tr>
				</table>
			</td>
		</tr>
		</table>
		<br><br>
		</html>
		</body>
		

ct:Navigation
	fa:showMenu
		ff:dspMenu.cfm

			<!---
			<fusedoc fuse="dspMenu.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display the top menu content.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.homeLink" optional="No" />
			      <string name="xfa.preferencesLink" optional="No" />
			      <string name="xfa.aboutUsLink" optional="No" />
			      <string name="xfa.legalNoticeLink" optional="No" />
			      <string name="xfa.affiliateLink" optional="No" />
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="0" cellspacing="0" width="800">
			<tr>
				<td>
				<a href="index.cfm"><img src="images/petmarketlogo_small.gif" alt="" width="182" height="33" border="0" hspace="10" vspace="5"></a>
				</td>
				<td width="100%">&nbsp;</td>
				<td nowrap><b class="labelstrong"><a href="index.cfm">home</a></b></td>
				<td nowrap>&nbsp; &nbsp; &nbsp;</td>
				<td nowrap><b class="labelstrong"><a href="preferences.cfm">preferences</a></b></td>
				<td nowrap>&nbsp; &nbsp; &nbsp;</td>
				<td nowrap><b class="labelstrong"><a href="about.cfm">about us</a></b></td>
				<td nowrap>&nbsp; &nbsp; &nbsp;</td>
				<td nowrap><b class="labelstrong"><a href="legal.cfm">legal notice</a></b></td>
				<td nowrap>&nbsp; &nbsp; &nbsp;</td>
				<td nowrap><b class="labelstrong"><a href="affiliate.cfm">affiliate program</a></b></td>
				<td nowrap>&nbsp; &nbsp; &nbsp;</td>
			</tr>
			</table>
			

			xfa:homeLink=home.showWelcome
			xfa:preferencesLink=users.showPreferencesForm
			xfa:aboutUsLink=Information.showAboutUs
			xfa:legalNoticeLink=Information.showLegalNotice
			xfa:affiliateLink=Information.showAffiliateProgram
			cv:menuContent
	fa:showImageBar
		ff:dspImageBar.cfm

			<!---
			<fusedoc fuse="dspImageBar.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a horizontal bar of images with links (smaller than on Welcome screen).
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.birdsImage" optional="No" />
			      <string name="xfa.catsImage" optional="No" />
			      <string name="xfa.dogsImage" optional="No" />
			      <string name="xfa.fishImage" optional="No" />
			      <string name="xfa.reptilesImage" optional="No" />
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="0" cellspacing="10" bgcolor="black">
			<tr>
					<td>
						<a href="category.cfm?categoryoid=5" class="button">
						<img src="images/_birds_40.gif" width="40" height="40" border="1" alt="birds" title="birds"></a><br clear="all">
					</td>
					<td>
						<a href="category.cfm?categoryoid=4" class="button">
						<img src="images/_cats_40.gif" width="40" height="40" border="1" alt="cats" title="cats"></a><br clear="all">
					</td>
					<td>
						<a href="category.cfm?categoryoid=2" class="button">
						<img src="images/_dogs_40.gif" width="40" height="40" border="1" alt="dogs" title="dogs"></a><br clear="all">
					</td>
					<td>
						<a href="category.cfm?categoryoid=1" class="button">
						<img src="images/_fish_40.gif" width="40" height="40" border="1" alt="fish" title="fish"></a><br clear="all">
					</td>
					<td>
						<a href="category.cfm?categoryoid=3" class="button">
						<img src="images/_reptiles_40.gif" width="40" height="40" border="1" alt="reptiles" title="reptiles"></a><br clear="all">
					</td>
			</tr>
			</table>

			xfa:birdsImage=catalog.showBreed
			xfa:catsImage=catalog.showBreed
			xfa:dogsImage=catalog.showBreed
			xfa:fishImage=catalog.showBreed
			xfa:reptilesImage=catalog.showBreed
			cv:imageBarContent=catalog.showBreed
ct:Search
	fa:showSearchBar
		ff:dspSearchBar.cfm

			<!---
			<fusedoc fuse="dspSearchBar.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a small form for searching the site.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.searchGoButton" optional="No" />
			    </in>
			    <out>
			      <string name="searchTerm" scope="formOrUrl" />      
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="0" cellspacing="0">
			<tr><td colspan="6"><hr size="1" noshade></td></tr>
			<form action="searchresults.cfm" method="get">
			<tr>
				<td>&nbsp;&nbsp;</td>
				<td><font face="Arial,geneva,helvetica,sans-serif"><B>Search</B></font></td>
				<td>&nbsp;&nbsp;</td>
				<td><input type="text" name="keyword" size="12" style="font-size:70%;"></td>
				<td>&nbsp;&nbsp;</td>
				<td><input type="submit" name="search_submit" value="&nbsp; go &nbsp;"></td>
			</tr>
			<tr><td colspan="6"><hr size="1" noshade></td></tr>
			</table>
			

			xfa:searchGoButton=search.showSearchResults
			cv:searchBarContent
	fa:showSearchResults
		ff:qrySearchResults.cfm

			<!---
			<fusedoc fuse="qrySearchResults.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I return a recordset of breeds whose descriptions contain the specified search term.  
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="searchTerm" scope="attributes" optional="Yes" />
			    </in>
			    <out>
			      <recordset name"qrySearchResults">
			        <number name="breedID" optional="No" precision="Integer" />
			        <string name="breedName" />
			        <string name="breedDescription" />      
			      </recordset>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<cf_querysim>
			qrySearchResults
			breedID,breedName,breedDescription
			1|Goldfish|This very popular gold or orange peaceful schooling fish tends to be hardy and long lived, with a life expectancy of 15 to 25 years. They eat a variet...
			2|Koi|These powerfully built fish are great in oriental ponds, but like aquarium living until they grow too large. Very good around other fish, and usually ...
			3|Hippo Tang|Easy to keep, fun to watch and called ?surgeonfish? because of sharp spines in front of the tailfin. Feed small amounts of live, frozen and prepared f...
			4|Yellow Sailfin TangBright yellow fins and body are trademarks of this popular, quick darting, fun fish. Sharp tail spines are used for defense and to anchor it in the ro...
			</cf_querysim>
			

		ff:dspSearchResults.cfm

			<!---
			<fusedoc fuse="dspSearchResults.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display the results of a site search in terms of breeds.  Breed descriptions are truncated 
			    to 150 characters with an ellipsis (...) appended to the end.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.breedLink" optional="No" />
			      <recordset name"qrySearchResults">
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			        <string name="breedDescription" />      
			      </recordset>
			    </in>
			    <out>
			      <number name="breedID" oncondition="xfa.breedLink" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="2" cellspacing="0" width="100%" bgcolor="f8c840">
			<tr><td height="10" colspan="3"><img src="images/clear.gif" height="1" width="1" border="0" alt=" "></td></tr>
			  <tr valign="top">
			    <td width="100" nowrap>
			      <a href="category.cfm?categoryoid=1&productoid=96">
			      <img src="images/FS-GF-01.jpg" width="100" border="0"></a>
			    </td>
			    <td width="100%">
			      <font face="Arial, Helvetica, sans-serif" class="text">
			      <a href="category.cfm?categoryoid=1&productoid=96">
			      <b>Goldfish</b></a><br />
			      This very popular gold or orange peaceful schooling fish tends to be hardy and long lived, with a life expectancy of 15 to 25 years. They eat a variet...</font>
			    </td>
			    <td nowrap>&nbsp; &nbsp;&nbsp;</td>
			  <tr><td height="10" colspan="3"><img src="images/clear.gif" height="1" width="1" border="0" alt=" "></td></tr>
			  <tr valign="top">
			    <td width="100" nowrap>
			      <a href="category.cfm?categoryoid=1&productoid=102">
			      <img src="images/FS-KO-01.jpg" width="100" border="0"></a>
			    </td>
			    <td width="100%">
			      <font face="Arial, Helvetica, sans-serif" class="text">
			      <a href="category.cfm?categoryoid=1&productoid=102">
			      <b>Koi</b></a><br />
			      These powerfully built fish are great in oriental ponds, but like aquarium living until they grow too large. Very good around other fish, and usually ...</font>
			    </td>
			    <td nowrap>&nbsp; &nbsp;&nbsp;</td>
			  <tr><td height="10" colspan="3"><img src="images/clear.gif" height="1" width="1" border="0" alt=" "></td></tr>
			  <tr valign="top">
			    <td width="100" nowrap>
			      <a href="category.cfm?categoryoid=1&productoid=108">
			      <img src="images/FS-HT-01.jpg" width="100" border="0"></a>
			    </td>
			    <td width="100%">
			      <font face="Arial, Helvetica, sans-serif" class="text">
			      <a href="category.cfm?categoryoid=1&productoid=108">
			      <b>Hippo Tang</b></a><br />
			      Easy to keep, fun to watch and called ?surgeonfish? because of sharp spines in front of the tailfin. Feed small amounts of live, frozen and prepared f...</font>
			    </td>
			    <td nowrap>&nbsp; &nbsp;&nbsp;</td>
			  <tr><td height="10" colspan="3"><img src="images/clear.gif" height="1" width="1" border="0" alt=" "></td></tr>
			  <tr valign="top">
			    <td width="100" nowrap>
			      <a href="category.cfm?categoryoid=1&productoid=114">
			      <img src="images/FS-ST-01.jpg" width="100" border="0"></a>
			    </td>
			    <td width="100%">
			      <font face="Arial, Helvetica, sans-serif" class="text">
			      <a href="category.cfm?categoryoid=1&productoid=114">
			      <b>Yellow Sailfin Tang</b></a><br />
			      Bright yellow fins and body are trademarks of this popular, quick darting, fun fish. Sharp tail spines are used for defense and to anchor it in the ro...</font>
			    </td>
			    <td nowrap>&nbsp; &nbsp;&nbsp;</td>
			  <tr><td height="10" colspan="3"><img src="images/clear.gif" height="1" width="1" border="0" alt=" "></td></tr>
			  <tr valign="top">
			    <td width="100" nowrap>
			      <a href="category.cfm?categoryoid=1&productoid=120">
			      <img src="images/FS-CF-01.jpg" width="100" border="0"></a>
			    </td>
			    <td width="100%">
			      <font face="Arial, Helvetica, sans-serif" class="text">
			      <a href="category.cfm?categoryoid=1&productoid=120">
			      <b>Clown Fish</b></a><br />
			      A bright fish of varying colors, from yellow to black to blue and bands of white. It is an ideal starter fish, and can grow to 3.5 inches long. Its un...</font>
			    </td>
			    <td nowrap>&nbsp; &nbsp;&nbsp;</td>
			  <tr>
			    <td height="10" colspan="3">
			      <img src="images/clear.gif" height="1" width="1" border="0" alt=" ">
			     </td>
			   </tr>
			   <tr>
			     <td height="10" colspan="3">
			       <img src="images/clear.gif" height="1" width="1" border="0" alt=" ">
			     </td>
			   </tr>
			</table>

			xfa:breedLink=catalog.showBreed
			cv:mainContent
ct:Catalog
	fa:showBreed
		ff:qryGetBreed.cfm

			<!---
			<fusedoc fuse="qryGetBreed.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I return a recordset of data for the specified breed.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <number name="breedID" precision="Integer" scope="attributes" optional="No" />
			    </in>
			    <out>
			      <recordset name="qryGetBreed">
			        <number name="categoryID" precision="integer" optional="No" />
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			        <string name="breedDescription" />        
			      </recordset>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<cf_querysim>
			qryGetBreed
			categoryID,breedID,breedName,breedDescription
			1|101|Finch|The little finch provides lots of entertainment, and has a soft cheerful voice and unique personality. A pleasure to care for, its soft chirping is soothing and pleasant. They are happy in quiet surroundings.
			</cfquerysim>

		ff:qryBreedItems.cfm

			<!---
			<fusedoc fuse="qryBreedItems.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I return a recordset of items for the specified breed.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <number name="categoryID" precision="integer" optional="No" />
			      <number name="breedID" precision="Integer" optional="No" />
			    </in>
			    <out>
			      <recordset name"qryBreedItems">
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			        <number name="itemID" precision="Integer" />
			        <string name="itemDescription" />
			        <number name="quantityAvailable" precision="Integer" />
			        <number name="price" precision="Decimal" />
			      </recordset>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<cf_querysim>
			qryBreedItems
			breedID,itemID,itemDescription,quantityAvailable,price
			101|308|Male|983|30.00
			101|309|Female|583|30.00
			</cf_querysim>

		ff:actGetCategoryTitle.cfm
		ff:dspBreed.cfm

			<!---
			<fusedoc fuse="dspBreed.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display information about a breed, and a table showing the items available for sale in that breed.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.addToCartButton" />
			      <string name="categoryTitle" scope="attributes" optional="No" />
			      <number name="breedID" precision="Integer" scope="attributes" optional="No" />
			      <recordset name="qryGetBreed">
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			        <string name="breedDescription" />        
			      </recordset>
			      <recordset name"qryBreedItems">
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			        <number name="itemID" precision="Integer" />
			        <string name="itemDescription" />
			        <number name="quantityAvailable" precision="Integer" />
			        <number name="price" precision="Decimal" />
			      </recordset>      
			    </in>
			    <out>
			      <list name="selectedItemIDs" format="CFML" scope="formOrUrl">
			        <number comments="itemID" precision="Integer" />
			      </list>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="D7A91E">
			<tr>
			<td width="15" nowrap>&nbsp;</td>
			<td width="100%"><font face="Arial,geneva,helvetica,sans-serif"><b>birds</b></font></td>
			</tr>
			</table>
			</td></tr><tr><td>
			<table border="0" cellpadding="15" cellspacing="0" width="100%" bgcolor="f8c840">
			<tr>
			<td valign="top">
			<table border="0" cellpadding="2" cellspacing="0" width="100%">
			<tr valign="top">
			<td height="180">
			<img src="images/BD-FN-01.jpg" width="150" align="right">
			<font face="Arial, Helvetica, sans-serif">
			<b>Finch</b><hr size="1" color="000000" noshade></font>
			<table border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td width="25" nowrap><img src="images/dog_bg.jpg" height="1" width="1" border="0" hspace="12"></td>
				<td width="100%">
				<font face="Arial, Helvetica, sans-serif" size="-1" class="text">
				The little finch provides lots of entertainment, and has a soft cheerful voice and unique personality. A pleasure to care for, its soft chirping is soothing and pleasant. They are happy in quiet surroundings.</font>
				</td>
			</tr>
			</table>
			</td>
			</tr>
			</table>
			<table border="0" cellpadding="2" cellspacing="0" width="100%">
			<tr>
			<tr>
			<td colspan="2">
			<form name="addToCartForm" action="cart.cfm">
				<table bgcolor="666666" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
				<table border="0" cellpadding="0" cellspacing="1" width="100%">
				<tr bgcolor="D7A91E">
					<th height="18">&nbsp;</th>
					<th width="100%" align="left"><font face="Arial, Helvetica, sans-serif" size="-1" class="label">&nbsp; Item</font></th>
					<th nowrap align="right" nowrap><font face="Arial, Helvetica, sans-serif" size="-1" class="label">&nbsp; Qty Available &nbsp;</font></th>
					<th nowrap align="right"><font face="Arial, Helvetica, sans-serif" size="-1" class="label">&nbsp; Price &nbsp;</font></th>
				</tr>
				<tr bgcolor="ffffee">
					<td>
						<input type="checkbox" name="itemoid" value="308">
					</td>
					<td nowrap>
						<font face="Arial, Helvetica, sans-serif" size="-1" class="label">
						 &nbsp; 308 - Male &nbsp;</font>
					</td>
					<td align="right" nowrap>
						<font face="Arial, Helvetica, sans-serif" size="-1" class="label">
							 &nbsp; 983  &nbsp;
						</font>
					</td>
					<td align="right" nowrap>
						<font face="Arial, Helvetica, sans-serif" size="-1" class="label">
						 &nbsp; $30.00 &nbsp;</font>
					</td>
				</tr>
				<tr bgcolor="ffffee">
					<td>
						<input type="checkbox" name="itemoid" value="309">
					</td>
					<td nowrap>
						<font face="Arial, Helvetica, sans-serif" size="-1" class="label">
						 &nbsp; 309 - Female &nbsp;</font>
					</td>
					<td align="right" nowrap>
						<font face="Arial, Helvetica, sans-serif" size="-1" class="label">
							 &nbsp; 583  &nbsp;
						</font>
					</td>
					<td align="right" nowrap>
						<font face="Arial, Helvetica, sans-serif" size="-1" class="label">
						 &nbsp; $30.00 &nbsp;</font>
					</td>
				</tr>
				<tr bgcolor="D7A91E">
					<td colspan="4" align="right" height="35"><input type="submit" name="addtocart_submit" value="Add to Cart"></td>
				</tr>
				<input type="hidden" name="productoid" value="86">
				</table>
				</td></tr></table>
				</form>
			</td>
			</tr>
			</tr>
			</table>

			xfa:addToCartButton=cart.addItemsToCart
			cv:mainContent
	fa:showCategoryBreeds
		ff:qryBreedNames.cfm

			<!---
			<fusedoc fuse="qryBreedNames.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I return a recordset of all breed names for the specified category.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <number name="categoryID" precision="integer" optional="No" />
			    </in>
			    <out>
			      <recordset name="qryBreedNames">
			        <number name="categoryID" precision="integer" optional="No" />
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			      </recordset>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<cf_querysim>
			qryBreedNames
			categoryID,breedID,breedName
			1|101|Finch
			1|102|Budgerigar
			1|103|Macaw
			1|104|Red-lored Amazon Parrot
			1|105|Yellow-Naped Amazon Parrot
			</cfquerysim>

		ff:dspCategoryBreeds.cfm

			<!---
			<fusedoc fuse="dspCategoryBreeds.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a list of breeds in a category and provide a link from each breed.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.breedLink" />
			      <recordset name="qryBreedNames">
			        <number name="categoryID" precision="integer" optional="No" />
			        <number name="breedID" precision="Integer" />
			        <string name="breedName" />
			      </recordset>
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<form name="selectForm" action="/petmarket/wwwroot/category.cfm" method="get">
			<table border="0" cellpadding="0" cellspacing="0" bgcolor="black" width="170">
			<tr>
			<td><table border="0" cellpadding="0" cellspacing="1" width="100%"><tr bgcolor="D7A91E"><td><font face="Arial,geneva,helvetica,sans-serif"><b>&nbsp; more birds</b></font></td></tr></table></td>
			</tr>
			<tr>
			<td>
			<table border="0" cellpadding="0" cellspacing="1" width="170">
			<tr bgcolor="D7A91E">
				<td align="center" height="115">
					<select name="productoid" size="6" class="label" onChange="submit()" style="font-family:arial,geneva,helvetica,sans-serif;font-size:70%;width:150px;">
							<option value="86">Finch</option>
							<option value="88">Budgerigar</option>
							<option value="90">Macaw</option>
							<option value="92">Red-lored Amazon Parrot</option>
							<option value="94">Yellow-Naped Amazon Parrot</option>
					</select>
					<input type="hidden" name="categoryoid" value="5">
				</td>
			</tr>
			</table>
			</td></tr></table>
			</form>

			xfa:breedLink=catalog.showBreed
			cv:drillBoxContent
ct:Users
	fa:showPreferencesForm
		ff:dspPreferencesForm.cfm

			<!---
			<fusedoc fuse="dspPreferencesForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a form for the user to set their preferences.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.savePreferencesButton" />
			    </in>
			    <out>
			      <number name="favoritePet" precision="Integer" scope="formOrUrl" />
			      <string name="email" scope="formOrUrl" />
			      <boolean name="sendSalesEmails" scope="formOrUrl" />
			      <boolean name="sendTipsEmails" scope="formOrUrl" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="20" cellspacing="0" width="100%" bgcolor="fffff0">
			<tr valign="top">
			<td height="207">
			<b class="text">Preferences</b>
			<form name="preferences" action="/petmarket/wwwroot/preferences.cfm" method="post">
			<table border="0" cellpadding="2" cellspacing="0" width="100%" bgcolor="fffff0">
			<tr>
			  <td width="150" align="right">
			    <p class="label">Favorite Pet:</p>
			  </td>
			  <td width="70%">
			    <select name="favoritepet" style="width:150;">
			      <option />
			        <option value="5" >birds
			        <option value="4" >cats
			        <option value="2" >dogs
			        <option value="1" >fish
			        <option value="3" >reptiles
			    </select>
			  </td>
			</tr>
			<tr>
			  <td width="150" align="right">
			    <p class="label">Email:</p>
			  </td>
			  <td width="70%">
			    <input type="text" name="email" value="johnq@public.com">
			  </td>
			</tr>
			<tr>
			  <td width="150" align="right">
			    <input type="Checkbox" name="mailings_sales" value="true" checked>
			  </td>
			  <td width="70%">
			    <p class="text">send me emails about sales and special promotions.</p>
			  </td>
			</tr>
			<tr>
			  <td width="150" align="right">
			    <input type="Checkbox" name="mailings_tips" value="true" checked>
			  </td>
			  <td width="70%">
			    <p class="text">send me emails about tips and training techniques for my pet.</p>
			  </td>
			</tr>
			<tr>
			  <td></td>
			  <td>
			    <input type="Submit" name="save_submit" value="save preferences">
			  </td>
			</tr>
			</table>

			xfa:savePreferencesButton=users.saveUser
			cv:mainContent
	fa:saveUser
		ff:actSaveUser.cfm

			<!---
			<fusedoc fuse="actSaveUser.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I save the user's information to the database.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" />
			      <number name="favoritePet" precision="Integer" scope="formOrUrl" />
			      <string name="email" scope="formOrUrl" />
			      <boolean name="sendSalesEmails" scope="formOrUrl" />
			      <boolean name="sendTipsEmails" scope="formOrUrl" />
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			

			xfa:continue
ct:Information
	fa:showAboutUs
		ff:dspAboutUs.cfm

			<!---
			<fusedoc fuse="dspAboutUs.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display some information about this version of the Petmarket Application.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="20" cellspacing="0" width="100%" bgcolor="fffff0">
			<tr valign="top">
			  <td height="207"><font size="2" face="arial,geneva,helvetica,sans-serif">
			  <b class="text">About Us</b>
			  <p class="text">This version of the Pet Market application illustrates how ColdFusion MX can leverage the Fusebox application framework to deliver a rich, dynamic Internet application within a well-organized, easy-to-maintain code environment.</p>
			  <p class="text">Download the source code and see how how a well-planned and organized application can make your development life easier.</p>
			  </font></td>
			</tr>
			</table>
			

			cv:mainContent
	fa:showLegalNotice
		ff:dspLegalNotice.cfm

			<!---
			<fusedoc fuse="dspLegalNotice.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a legal notice for the application.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="20" cellspacing="0" width="100%" bgcolor="fffff0">
			<tr valign="top">
			  <td height="207"><font size="2" face="arial,geneva,helvetica,sans-serif">
			  <b class="text">Legal Notice</b>
			  <p class="text">Application copyright (c) 2001-2002 Macromedia, Inc.  All rights reserved.  Macromedia, the Macromedia logo, and Flash are trademarks or registered trademarks of Macromedia, Inc.</p>
			  <p class="text">Code organization copyright (c) 2005 <a href="http://www.protonarts.com>Proton Arts</a>.  Fusebox is a trademark of Fusebox, Inc.
			  <p class="text">Many of the images used in this experience were provided by PhotoSpin. Check out their complete library at
			  <a href="http://www.photospin.com" target="_blank">www.photospin.com</a>.</p></font>
			  </td>
			</tr>
			</table>
			

			cv:mainContent
	fa:showAffiliateProgram
		ff:dspAffiliateProgram.cfm

			<!---
			<fusedoc fuse="dspAffiliateProgram.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display information about Petmarket's Affiliate Program.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="20" cellspacing="0" width="100%" bgcolor="fffff0">
			<tr valign="top">
			  <td height="207"><font size="2" face="arial,geneva,helvetica,sans-serif">
			  <b class="text">Affiliate Program</b>
			  <p class="text">We chose Popular Front to design the Pet Market shopping experience because of their demonstrated ability to enhance user experiences with our technologies. Popular Front has created numerous award-winning solutions to help businesses and organizations reach audiences and build vital customer relationships. Their creative use of Macromedia technologies has included B2B, B2C, and B2E solutions.</p>
			  <p class="text">To learn more about Popular Front, visit <a href="http://www.popularfront.com" target="_blank">www.popularfront.com</a>.</p>
			  </font></td>
			</tr>
			</table>
			

			cv:mainContent
	fa:showFoodAd
		ff:dspAd.cfm

			<!---
			<fusedoc fuse="dspAd.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display an ad for a petMarket product.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.foodImage" />
			      <number name="categoryID" precision="Integer" optional="No" />
			    </in>
			    <out>
			      <number name="categoryID" precision="Integer" optional="No" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="0" cellspacing="0" width="100%">
			<tr><td height="10"></td></tr>
			<tr>
			  <td colspan="6" align="center">
			        <a href="category.cfm?categoryoid=5">
			        <img src="images/birdsad.jpg" border="0"></a><br>
			    <font color="333333" size="2" face="Arial,geneva,helvetica,sans-serif" class="label">Keep your pets happy and healthy with<br>
			    Pet Market brand pet foods.</font>
			  </td>
			</tr>
			<tr><td height="10"></td></tr>
			</form>
			<tr><td colspan="6"><hr size="1" noshade></td></tr>
			</table>

			xfa:foodImage=main.showWelcome
			cv:adContent
ct:Cart
	fa:showNoItemsMessage
		ff:dspNoItemsMessage.cfm

			<!---
			<fusedoc fuse="dspNoItemsMessage.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a message indicating that the shopping cart is empty.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueShoppingButton" />
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table align="right" border="0" cellpadding="2" cellspacing="0" width="100%" bgcolor="fffffcc">
			<tr>
			  <td align="center" height="275"><br>
			  <p class="label">
			    There are no items currently in your shopping cart.<br />
			    Please continue shopping and select your future pet! <br /></p>
			    <form name="shopingCart" action="/petmarket/wwwroot/cart.cfm" method="post">
			      <input type="Submit" name="contShopping_submit" value="Continue Shopping">
			    </form>
			    <br>
			    <br>
			  </td>
			</tr>
			</table>
			

			xfa:continueShoppingButton
			cv:mainContent
	fa:cartLayout
		ff:dspCartLayout.cfm

			<!---
			<fusedoc fuse="dspCartLayout.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display the component variables that make up the shopping cart.  
			    If the content of a particular band is empty, I put a link to the band's 
			    XFA around the band's title.  Otherwise, the band's title doesn't have a link.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.loginLink" optional="No" />
			      <string name="xfa.customerDetailsLink" optional="No" />
			      <string name="xfa.shippingAddressLink" optional="No" />
			      <string name="xfa.shippingOptionsLink" optional="No" />
			      <string name="xfa.paymentMethodLink" optional="No" />
			      <string name="cartLoginBand" scope="variables" optional="Yes" default="" />
			      <string name="cartCustomerDetailsBand" scope="variables" optional="Yes" default="" />
			      <string name="cartShippingAddressBand" scope="variables" optional="Yes" default="" />
			      <string name="cartShippingOptionsBand" scope="variables" optional="Yes" default="" />
			      <string name="cartPaymentMethodBand" scope="variables" optional="Yes" default="" />
			      <string name="cartConfirmationBand" scope="variables" optional="Yes" default="" />
			      <string name="cartReceiptBand" scope="variables" optional="Yes" default="" />
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table width="100%">
			<tr bgcolor="ddddcc">
			  <td height="18">&nbsp;
			    <b class="labelstrong">1) Login</a></b>
			  </td>
			</tr>
			<cfoutput>#variables.cartLoginBand#</cfoutput>
			<tr bgcolor="ddddcc">
			  <td height="18">&nbsp;
			    <b class="labelstrong">2) Customer Details / Billing Address</a></b>
			  </td>
			</tr>
			<cfoutput>#variables.cartCustomerDetailsBand#</cfoutput>
			<tr>
			  <td bgcolor="ddddcc" height="18">
			    <b class="labelstrong">&nbsp; 3) Shipping Address</a></b>
			  </td>
			</tr>
			<cfoutput>#variables.cartShippingAddressBand#</cfoutput>
			<tr>
			  <td bgcolor="ddddcc" height="18">
			    <b class="labelstrong">&nbsp; 4) Shipping Options</a></b>
			  </td>
			</tr>
			<cfoutput>#variables.cartShippingOptionsBand#</cfoutput>
			<tr>
			  <td bgcolor="ddddcc" height="18">
			    <b class="labelstrong">&nbsp; 5) Payment Method</a></b>
			  </td>
			</tr>
			<cfoutput>#variables.cartPaymentMethodBand#</cfoutput>
			<tr>
			  <td bgcolor="ddddcc" height="18">
			      <b class="labelstrong">&nbsp; 6) Confirmation</b>
			  </td>
			</tr>
			<cfoutput>#variables.cartConfirmationBand#</cfoutput>
			<tr>
			  <td bgcolor="ffee99" height="18">
			    <b class="labelstrong">&nbsp; 7) Receipt</b>
			  </td>
			</tr>
			<cfoutput>#variables.cartReceiptBand#</cfoutput>
			</table>

			xfa:loginLink
			xfa:customerDetailsLink
			xfa:shippingAddressLink
			xfa:shippingOptionsLink
			xfa:paymentMethodLink
			cv:mainContent
	fa:showLoginForm
		ff:dspLoginForm.cfm

			<!---
			<fusedoc fuse="dspLoginForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a login form.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueButton" />
			    </in>
			    <out>
			      <string name="email" scope="formOrUrl" />
			      <string name="password" scope="formOrUrl" />
			      <boolean name="IsNewCustomer" scope="formOrUrl" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<tr bgcolor="ffffcc">
			  <td>
			  <form name="step1" action="/petmarket/wwwroot/checkout.cfm" method="post" onsubmit="return _CF_checkstep1(this)">
			    <table border="0" cellpadding="2" cellspacing="0" width="100%">
			    <tr>
			      <td colspan="2">
			        <table border="0" cellpadding="10" cellspacing="0"><tr><td>
			        <p class="label">If you're a new customer, please provide your email address and a password in order to create your account.  Returning customers, log in using your email address and password.</p>
			        </td></tr></table>
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"></td>
			      <td align="left">
			        <input type="radio" name="type" value="new" ><font class="label">New Customer</font><br>
			        <input type="radio" name="type" value="returning" checked><font class="label">Returning Customer</font>
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Email &nbsp;</font></td>
			      <td>
			        <input name="email" id="email" type="text" style="width:20em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Password &nbsp;</font></td>
			      <td>
			        <input name="password" id="password" type="password" style="width:20em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td></td>
			      <td>
			        <input type="Submit" name="continue_submit" value="continue">
			        <input type="Hidden" name="step" value="1">
			      </td>
			    </tr>
			    </table>
			  </form>
			
			  </td>
			</tr>

			xfa:continueButton
			cv:cartLoginBand
	fa:Login
		ff:actLogin.cfm

			<!---
			<fusedoc fuse="actLogin.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    If the user is a new customer, I record the user's email and password in the database.
			    In every case, I record the email address to a session variable.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" />
			      <string name="email" scope="formOrUrl" />
			      <string name="password" scope="formOrUrl" />
			      <boolean name="IsNewCustomer" scope="formOrUrl" />
			    </in>
			    <out>
			      <string name="email" scope="session" />
			    </out>
			  </io>
			</fusedoc>
			--->
			

			xfa:continue
	fa:showCustomerDetailsForm
		ff:dspCustomerDetailsForm.cfm

			<!---
			<fusedoc fuse="dspCustomerDetailsForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    If display a form to collect the customer's details and billing address.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueButton" />
			    </in>
			    <out>
			      <string name="email" scope="formOrUrl" />
			      <string name="firstName" scope="formOrUrl" />
			      <string name="lastName" scope="formOrUrl" />
			      <string name="email" scope="formOrUrl" />
			      <string name="address1" scope="formOrUrl" />
			      <string name="address2" scope="formOrUrl" />
			      <string name="city" scope="formOrUrl" />
			      <string name="state" scope="formOrUrl" />
			      <string name="zip" scope="formOrUrl" />
			      <string name="country" scope="formOrUrl" />
			      <string name="phone" scope="formOrUrl" />
			      <boolean name="useBillingForShipping" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<tr bgcolor="ffffcc">
			  <td>
			  <form name="step2" action="/petmarket/wwwroot/checkout.cfm" method="post" onsubmit="return _CF_checkstep2(this)">
			    <table border="0" cellpadding="2" cellspacing="0" width="100%">
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>First Name &nbsp;</font></td>
			      <td colspan="3">
			        <input name="firstname" id="firstname" type="text" value="John" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Last Name &nbsp;</font></td>
			      <td colspan="3">
			        <input name="lastname" id="lastname" type="text" value="Public" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Email &nbsp;</font></td>
			      <td colspan="3">
			        <font class="label">johnq@public.com</font>
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Address &nbsp;</font></td>
			      <td colspan="3">
			        <input name="street1" id="street1" type="text" value="123 Main St" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label">Address2 &nbsp;</font></td>
			      <td colspan="3">
			        <input type="Text" name="street2" size="25" style="width:25em" class="label" value="">
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>City/State/Zip &nbsp;</font></td>
			      <td><input name="city" id="city" type="text" value="Springfield" style="width:7em"  size="7"  class="label"  /></td>
			      <td>
			        <select name="state" class="label" >
			
			          <option />
			          <option value="AK" >AK</option>
			          <option value="AL" >AL</option>
			          <option value="AR" >AR</option>
			          <option value="AS" >AS</option>
			          <option value="AZ" >AZ</option>
			          <option value="CA" >CA</option>
			          <option value="CO" >CO</option>
			          <option value="CT" >CT</option>
			          <option value="DC" >DC</option>
			          <option value="DE" >DE</option>
			          <option value="FL" >FL</option>
			          <option value="FM" >FM</option>
			          <option value="GA" >GA</option>
			          <option value="GU" >GU</option>
			          <option value="HI" >HI</option>
			          <option value="IA" >IA</option>
			          <option value="ID" >ID</option>
			          <option value="IL" >IL</option>
			          <option value="IN" >IN</option>
			          <option value="KS" >KS</option>
			          <option value="KY" >KY</option>
			          <option value="LA" >LA</option>
			          <option value="MA" >MA</option>
			          <option value="MD" >MD</option>
			          <option value="ME" >ME</option>
			          <option value="MH" >MH</option>
			          <option value="MI" >MI</option>
			          <option value="MN" >MN</option>
			          <option value="MO" >MO</option>
			          <option value="MP" >MP</option>
			          <option value="MS" >MS</option>
			          <option value="MT" >MT</option>
			          <option value="NC" >NC</option>
			          <option value="ND" >ND</option>
			          <option value="NE" >NE</option>
			          <option value="NH" >NH</option>
			          <option value="NJ" >NJ</option>
			          <option value="NM" >NM</option>
			          <option value="NV" >NV</option>
			          <option value="NY" >NY</option>
			          <option value="OH" >OH</option>
			          <option value="OK" >OK</option>
			          <option value="OR" >OR</option>
			          <option value="PA" >PA</option>
			          <option value="PR" >PR</option>
			          <option value="PW" >PW</option>
			          <option value="RI" >RI</option>
			          <option value="SC" >SC</option>
			          <option value="SD" >SD</option>
			          <option value="TN" >TN</option>
			          <option value="TX" >TX</option>
			          <option value="UT" >UT</option>
			          <option value="VA" selected>VA</option>
			          <option value="VI" >VI</option>
			          <option value="VT" >VT</option>
			          <option value="WA" >WA</option>
			          <option value="WI" >WI</option>
			          <option value="WV" >WV</option>
			          <option value="WY" >WY</option>
			        </select>
			      </td>
			      <td><input name="zipcode" id="zipcode" type="text" value="22222" style="width:7em"  size="7"  class="label"  /></td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Country &nbsp;</font></td>
			      <td colspan="3">
			        <input name="country" id="country" type="text" value="USA" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label">Phone &nbsp;</font></td>
			      <td colspan="3">
			        <input type="Text" name="Phone" size="25" style="width:25em" class="label" value="">
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"></td>
			      <td colspan="3">
			        <input type="checkbox" name="shippingSameAsBilling" value="1">
			        <font class="label">Use this address for shipping</font>
			      </td>
			    </tr>
			    <tr>
			      <td></td>
			      <td>
			        <input type="Submit" name="continue_submit" value="continue">
			        <input type="Hidden" name="step" value="2">
			      </td>
			    </tr>
			    </table>
			  </form>
			
			  </td>
			</tr>
			

			xfa:continueButton
			cv:cartCustomerDetailsBand
	fa:showShippingAddressForm
		ff:dspShippingAddressForm.cfm

			<!---
			<fusedoc fuse="dspShippingAddressForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a form to collect the user's shipping information. If the 
			    session.checkout.useBillingForShipping variable is true, I populate the form with 
			    values from session.checkout.billing.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueButton" optional="No" />
			      <structure name="checkout" scope="session" optional="No">
			        <structure name="billing">
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			          <string name="phone" />
			          <boolean name="useBillingForShipping" />
			        </structure>      
			      </structure>
			    </in>
			    <out>
			      <string name="firstName" scope="formOrUrl" />
			      <string name="lastName" scope="formOrUrl" />
			      <string name="address1" scope="formOrUrl" />
			      <string name="address2" scope="formOrUrl" />
			      <string name="city" scope="formOrUrl" />
			      <string name="state" scope="formOrUrl" />
			      <string name="zip" scope="formOrUrl" />
			      <string name="country" scope="formOrUrl" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<tr bgcolor="ffffcc">
			  <td>
			  <form name="step3" action="/petmarket/wwwroot/checkout.cfm" method="post" onsubmit="return _CF_checkstep3(this)">
			    <table border="0" cellpadding="2" cellspacing="0" width="100%">
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>First Name &nbsp;</font></td>
			      <td colspan="3">
			        <input name="firstname" id="firstname" type="text" value="John" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Last Name &nbsp;</font></td>
			      <td colspan="3">
			        <input name="lastname" id="lastname" type="text" value="Public" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Address &nbsp;</font></td>
			      <td colspan="3">
			        <input name="street1" id="street1" type="text" value="123 Main St" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label">Address2 &nbsp;</font></td>
			      <td colspan="3">
			        <input type="Text" name="street2" size="25" style="width:25em" class="label" value="">
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>City/State/Zip &nbsp;</font></td>
			      <td><input name="city" id="city" type="text" value="Springfield" style="width:7em"  size="7"  class="label"  /></td>
			      <td>
			        <select name="state" class="label" >
			
			          <option value="AK" >AK</option>
			          <option value="AL" >AL</option>
			          <option value="AR" >AR</option>
			          <option value="AS" >AS</option>
			          <option value="AZ" >AZ</option>
			          <option value="CA" >CA</option>
			          <option value="CO" >CO</option>
			          <option value="CT" >CT</option>
			          <option value="DC" >DC</option>
			          <option value="DE" >DE</option>
			          <option value="FL" >FL</option>
			          <option value="FM" >FM</option>
			          <option value="GA" >GA</option>
			          <option value="GU" >GU</option>
			          <option value="HI" >HI</option>
			          <option value="IA" >IA</option>
			          <option value="ID" >ID</option>
			          <option value="IL" >IL</option>
			          <option value="IN" >IN</option>
			          <option value="KS" >KS</option>
			          <option value="KY" >KY</option>
			          <option value="LA" >LA</option>
			          <option value="MA" >MA</option>
			          <option value="MD" >MD</option>
			          <option value="ME" >ME</option>
			          <option value="MH" >MH</option>
			          <option value="MI" >MI</option>
			          <option value="MN" >MN</option>
			          <option value="MO" >MO</option>
			          <option value="MP" >MP</option>
			          <option value="MS" >MS</option>
			          <option value="MT" >MT</option>
			          <option value="NC" >NC</option>
			          <option value="ND" >ND</option>
			          <option value="NE" >NE</option>
			          <option value="NH" >NH</option>
			          <option value="NJ" >NJ</option>
			          <option value="NM" >NM</option>
			          <option value="NV" >NV</option>
			          <option value="NY" >NY</option>
			          <option value="OH" >OH</option>
			          <option value="OK" >OK</option>
			          <option value="OR" >OR</option>
			          <option value="PA" >PA</option>
			          <option value="PR" >PR</option>
			          <option value="PW" >PW</option>
			          <option value="RI" >RI</option>
			          <option value="SC" >SC</option>
			          <option value="SD" >SD</option>
			          <option value="TN" >TN</option>
			          <option value="TX" >TX</option>
			          <option value="UT" >UT</option>
			          <option value="VA" selected>VA</option>
			          <option value="VI" >VI</option>
			          <option value="VT" >VT</option>
			          <option value="WA" >WA</option>
			          <option value="WI" >WI</option>
			          <option value="WV" >WV</option>
			          <option value="WY" >WY</option>
			        </select>
			      </td>
			      <td><input name="zipcode" id="zipcode" type="text" value="22222" style="width:7em"  size="7"  class="label"  /></td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label"><b>*</b>Country &nbsp;</font></td>
			      <td colspan="3">
			        <input name="country" id="country" type="text" value="USA" style="width:25em"  size="25"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td></td>
			      <td>
			        <input type="Submit" name="continue_submit" value="continue">
			        <input type="Hidden" name="step" value="3">
			      </td>
			    </tr>
			    </table>
			  </form>
			
			  </td>
			</tr>

			xfa:continueButton
			cv:cartShippingAddressBand
	fa:showShippingOptionsForm
		ff:dspShippingOptionsForm.cfm

			<!---
			<fusedoc fuse="dspShippingOptionsForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a form to collect the user's shipping options.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueButton" optional="No" />
			      <recordset name="qryShippingOptions">
			        <string name="shippingMethod" />
			        <number name="cost" precision="Decimal" />
			      </recordset>
			    </in>
			    <out>
			      <string name="shippingMethod" scope="formOrUrl" />
			      <number name="cost" precision="Decimal" scope="formOrUrl" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<tr bgcolor="ffffcc">
			  <td>
			  <form name="step4" action="/petmarket/wwwroot/checkout.cfm" method="post" onsubmit="return _CF_checkstep4(this)">
			    <table border="0" cellpadding="2" cellspacing="0" width="100%">
			    <tr>
			      <td align="right" nowrap><font class="label"> &nbsp;Shipping Method &nbsp;</font></td>
			      <td width="100%">
			        <select name="shippingMethod" class="label">
			          <option value="1" selected>Ground - $13.00</option>
			          <option value="4" >3 Day Select - $18.00</option>
			          <option value="2" >2nd Day Air - $26.00</option>
			          <option value="3" >Next Day Air - $39.00</option>
			        </select>
			      </td>
			    </tr>
			    <tr>
			      <td></td>
			      <td>
			        <input type="Submit" name="continue_submit" value="continue">
			      </td>
			    </tr>
			    </table>
			  </form>
			  </td>
			</tr>

			xfa:continueButton
			cv:cartShippingOptionsBand
	fa:showPaymentMethodForm
		ff:dspPaymentMethodForm.cfm

			<!---
			<fusedoc fuse="dspPaymentMethodForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display a form to collect the user's payment method.  I loop over the 
			    session.cart.items structure to calculate the cart total, then add the shipping 
			    amount from session.checkout.shipping.cost to get the order total.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueButton" optional="No" />
			      <structure name="cart" scope="sesssion">
			        <array name="items">
			          <structure name="item">
			            <number name="itemID" precision="Integer" />
			            <string name="itemDescription" />
			            <number name="quantity" precision="Integer" />
			            <number name="price" precision="Decimal" />
			          </structure>
			        </array>
			      </structure>
			      <structure name="checkout" scope="session">
			        <structure name="shipping">
			          <number name="cost" precision="Decimal" />
			        </structure>
			      </structure>
			      <recordset name="qryCreditCardTypes">
			        <string name="creditCardType" />
			      </recordset>
			    </in>
			    <out>
			      <string name="creditCardType" scope="formOrUrl" />
			      <number name="expirationMonth" precision="Integer" scope="formOrUrl" />
			      <number name="expirationYear" precision="Integer" scope="formOrUrl" />
			      <string name="creditCardNumber" scope="formOrUrl" />
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<tr bgcolor="ffffcc">
			  <td>
			  <form name="step5" action="/petmarket/wwwroot/checkout.cfm" method="post" onsubmit="return _CF_checkstep5(this)">
			    <table border="0" cellpadding="2" cellspacing="0" width="100%">
			    <tr>
			      <td align="right" nowrap><font class="label">&nbsp; Total Charges &nbsp;</font></td>
			      <td><font class="label">$43.00</font></td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label">&nbsp; Credit Card Type &nbsp;</font></td>
			      <td>
			        <select name="ccType" class="label">
			          <option selected>American Express</option>
			          <option >Discover Card</option>
			          <option >Mastercard</option>
			          <option >Visa</option>
			        </select>
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label">&nbsp; Expiration &nbsp;</font></td>
			      <td>
			        <select name="ccExpMonth" class="label">
			          <option selected>01</option>
			          <option >02</option>
			          <option >03</option>
			          <option >04</option>
			          <option >05</option>
			          <option >06</option>
			          <option >07</option>
			          <option >08</option>
			          <option >09</option>
			          <option >10</option>
			          <option >11</option>
			          <option >12</option>
			        </select>
			        <select name="ccExpYear" class="label">
			          <option selected>2002</option>
			          <option >2003</option>
			          <option >2004</option>
			          <option >2005</option>
			          <option >2006</option>
			          <option >2007</option>
			          <option >2008</option>
			          <option >2009</option>
			          <option >2010</option>
			        </select>
			      </td>
			    </tr>
			    <tr>
			      <td align="right" nowrap><font class="label">&nbsp; Credit Card Number &nbsp;</font></td>
			      <td>
			        <input name="ccNumber" id="ccNumber" type="text" value="4444111144441111" style="width:20em;"  size="20"  class="label"  />
			      </td>
			    </tr>
			    <tr>
			      <td></td>
			      <td>
			        <input type="Submit" name="continue_submit" value="continue">
			      </td>
			    </tr>
			    </table>
			  </form>
			  </td>
			</tr>

			xfa:continueButton
			cv:cartPaymentMethodBand
	fa:showConfirmationForm
		ff:qryTaxRates.cfm

			<!---
			<fusedoc fuse="qryTaxRates.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I return a recordset of sales tax rates for all states.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <number name="categoryID" precision="integer" optional="No" />
			    </in>
			    <out>
			      <recordset name="qryTaxRates">
			        <string name="state" />
			        <number name="taxRate" precision="Decimal" />
			      </recordset>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<cf_querysim>
			qryTaxRates
			state,taxRate
			AK|none
			AL|4
			AR|6
			AZ|5.6
			CA|7.25
			CO|2.9
			CT|6
			DC|5.75
			DE|0
			FL|6
			GA|4
			HI|4
			IA|5
			ID|6
			IL|6.25
			IN|6
			KS|5.3
			KY|6
			LA|4
			MA|5
			MD|5
			ME|5
			MI|6
			MN|6.5
			MO|4.225
			MS|7
			MT|0
			NC|4.5
			ND|5
			NE|5.5
			NH|0
			NJ|6
			NM|5
			NV|6.5
			NY|4.25
			OH|6
			OK|4.5
			OR|0
			PA|6
			RI|7
			SC|5
			TN|7
			TX|6.25
			UT|4.75
			VA|4.5
			VT|6
			WA|6.5
			WI|5
			WV|6
			WY|4
			</cfquerysim>

		ff:dspConfirmationForm.cfm

			<!---
			<fusedoc fuse="dspConfirmationForm.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display the details of an order and allow the user to place the order.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.placeOrderButton" optional="No" />
			      <structure name="checkout" scope="session">
			        <structure name="billing">
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			          <string name="phone" />
			          <boolean name="useBillingForShipping" />
			        </structure>
			        <structure name="shipping">
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			          <string name="shippingMethod" />
			          <number name="cost" precision="Decimal" />
			          <number name="daysToArrival" precision="Integer" />
			        </structure>
			        <structure name="payment">
			          <string name="creditCardType" />
			          <number name="expirationMonth" precision="Integer" />
			          <number name="expirationYear" precision="Integer" />
			          <string name="creditCardNumber" />
			        </structure>
			      </structure>
			      <structure name="cart" scope="sesssion">
			        <array name="items">
			          <structure name="item">
			            <number name="itemID" precision="Integer" />
			            <string name="itemDescription" />
			            <number name="quantity" precision="Integer" />
			            <number name="price" precision="Decimal" />
			          </structure>
			        </array>
			      </structure>
			    </in>
			    <out>
			      <recordset name="qryTaxRates">
			        <string name="state" />
			        <number name="taxRate" precision="Decimal" />
			      </recordset>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<tr>
			  <td bgcolor="ffee99" height="18">
			      <b class="labelstrong">&nbsp; 6) Confirmation</b>
			  </td>
			</tr>
			<tr bgcolor="ffffcc">
			  <td>
			    <table border="0" cellpadding="10" cellspacing="0" width="100%">
			      <tr>
			        <td valign="top" width="40%">
			          <b class="labelstrong">Billing Address:</b><hr size="1" noshade />
			          <font class="label" face="Arial,geneva,helvetica,sans-serif" size="2">
			          John Public <br />
			          johnq@public.com <br />
			          123 Main St<br />
			          Springfield / VA / 22222<br /></font>
			        </td>
			        <td valign="top" width="40%">
			          <b class="labelstrong">Shipping Address:</b><hr size="1" noshade />
			          <font class="label" face="Arial,geneva,helvetica,sans-serif" size="2">
			          John Public <br />
			          123 Main St<br />
			          Springfield / VA / 22222<br /></font>
			        </td>
			      </tr>
			      <tr valign="top">
			        <td colspan="2">
			  <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="f8c840"><tr valign="top"><td align="center" height="275">
			  <br>
			  <table border="0" cellpadding="0" cellspacing="0" width="370" bgcolor="999999"><tr><td align="center">
			    <form name="shopingCart" action="/petmarket/wwwroot/checkout.cfm" method="post">
			    <table border="0" cellpadding="2" cellspacing="1" width="100%" align="center">
			      <tr bgcolor="cccccc">
			        <td width="10%"><b style="font-size:70%;">&nbsp; Product</b></td>
			        <td nowrap align="right"><b class="label">&nbsp; Quantity &nbsp;</b></td>
			        <td nowrap align="right"><b class="label">&nbsp; Price &nbsp;</b></td>
			        <td nowrap align="right"><b class="label">&nbsp; Total &nbsp;</b></td>
			      </tr>
			      <tr bgcolor="fffff0">
			        <td nowrap><font class="label">&nbsp; Finch - Male</font></td>
			        <td align="right" nowrap>
			          1
			        </td>
			        <td align="right" nowrap><font class="label">&nbsp; $30.00 &nbsp;</font></td>
			        <td align="right" nowrap><font class="label">&nbsp;
			          $30.00 &nbsp;</font>
			        </td>
			      </tr>
			      <tr><td colspan="4"></td></tr>
			      <tr bgcolor="fffffcc">
			        <td align="right" colspan="3"><b class="label">SubTotal:</b></td>
			        <td align="right" bgcolor="ffee99" nowrap><font class="label">&nbsp; $30.00 &nbsp;</font></td>
			      </tr>
			      <tr bgcolor="fffffcc">
			        <td align="right" colspan="3"><b class="label">Taxes:</b></td>
			        <td align="right" bgcolor="ffee99" nowrap><font class="label">&nbsp; $0.00 &nbsp;</font></td>
			      </tr>
			      <tr bgcolor="fffffcc">
			        <td align="right" colspan="3"><b class="label">Shipping Charges:</b></td>
			        <td align="right" bgcolor="ffee99" nowrap><font class="label">&nbsp; $13.00 &nbsp;</font></td>
			      </tr>
			      <tr bgcolor="fffffcc">
			        <td align="right" colspan="3"><b class="label">Grand Total:</b></td>
			        <td align="right" bgcolor="ffee99" nowrap><b class="label">$43.00 &nbsp;</b></td>
			      </tr>
			      <tr><td colspan="4"></td></tr>
			    </table>
			    </td></tr></table>
			    </form>
			  </td></tr></table>
			          <br /><b class="labelstrong">Shipping Method:</b><hr size="1" noshade />
			          <font class="label" face="Arial,geneva,helvetica,sans-serif" size="2">
			          Ground $13.00<br/>
			          Estimated Arrival Date:  Oct 17, 2005<br />
			          <br /></font>
			          <br /><b class="labelstrong">Credit Card Information:</b><hr size="1" noshade />
			          <font class="label" face="Arial,geneva,helvetica,sans-serif" size="2">
			          Type: American Express <br />
			          Number: 4444111144441111 <br />
			          Expiration Date: 01/2002 <br /></font>
			        </td>
			      </tr>
			      <tr>
			        <td colspan="2" align="center">
			        <form name="step5" action="/petmarket/wwwroot/checkout.cfm" method="post" onsubmit="return _CF_checkstep5(this)">
			          <input type="Submit" name="continue_submit" value="Place Order">
			          <input type="Hidden" name="step" value="6">
			        </form>
			
			        </td>
			      </tr>
			    </table>
			  </td>
			</tr>
			

			xfa:placeOrderButton
			cv:cartConfirmationBand
	fa:showOrderPlaced
		ff:dspOrderPlaced.cfm

			<tr bgcolor="ffffcc">
			  <td>
			    <table border="0" cellpadding="10" cellspacing="0" width="100%">
			      <tr>
			        <td align="center"><font class="label" face="Arial,geneva,helvetica,sans-serif" size="2">
			        <br /><br />
			          Your order has been placed successfully. You will receive your new pet soon!
			        <br /><br />
			        </font>
			        </td>
			      </tr>
			    </table>
			  </td>
			</tr>

			cv:cartReceiptBand
	fa:saveCustomerDetails
		ff:actSaveCustomerDetails.cfm

			<!---
			<fusedoc fuse="actSaveCustomerDetails.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I save customer details from a form to the session.checkout.billing structure.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" optional="No" />
			      <string name="email" scope="formOrUrl" />
			      <string name="firstName" scope="formOrUrl" />
			      <string name="lastName" scope="formOrUrl" />
			      <string name="email" scope="formOrUrl" />
			      <string name="address1" scope="formOrUrl" />
			      <string name="address2" scope="formOrUrl" />
			      <string name="city" scope="formOrUrl" />
			      <string name="state" scope="formOrUrl" />
			      <string name="zip" scope="formOrUrl" />
			      <string name="country" scope="formOrUrl" />
			      <string name="phone" scope="formOrUrl" />
			      <boolean name="useBillingForShipping" scope="formOrUrl" />      
			    </in>
			    <out>
			      <structure name="checkout" scope="session">
			        <structure name="billing">
			          <string name="email" />
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="email" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			          <string name="phone" />
			          <boolean name="useBillingForShipping" />
			        </structure>
			      </structure>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			

			xfa:continue
	fa:saveShippingAddress
		ff:actSaveShippingAddress.cfm

			<!---
			<fusedoc fuse="actSaveShippingAddress.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I save customer details from a form to the session.checkout.shipping structure.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" optional="No" />
			      <string name="firstName" scope="formOrUrl" />
			      <string name="lastName" scope="formOrUrl" />
			      <string name="address1" scope="formOrUrl" />
			      <string name="address2" scope="formOrUrl" />
			      <string name="city" scope="formOrUrl" />
			      <string name="state" scope="formOrUrl" />
			      <string name="zip" scope="formOrUrl" />
			      <string name="country" scope="formOrUrl" />
			    </in>
			    <out>
			      <structure name="checkout" scope="session">
			        <structure name="shipping">
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			        </structure>
			      </structure>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			

			xfa:continue
	fa:saveShippingOptions
		ff:actSaveShippingOptions.cfm

			<!---
			<fusedoc fuse="actSaveShippingOptions.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I save customer details from a form to the session.checkout.shipping structure.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" optional="No" />
			      <string name="shippingMethod" scope="formOrUrl" />
			      <number name="cost" precision="Decimal" scope="formOrUrl" />
			    </in>
			    <out>
			      <structure name="checkout" scope="session">
			        <structure name="shipping">
			          <string name="shippingMethod" scope="formOrUrl" />
			          <number name="cost" precision="Decimal" scope="formOrUrl" />
			        </structure>
			      </structure>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			

			xfa:continue
	fa:savePaymentMethod
		ff:actSavePaymentMethod.cfm

			<!---
			<fusedoc fuse="actSavePaymentMethod.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I save customer details from a form to the session.checkout.payment structure.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" optional="No" />
			      <string name="creditCardType" scope="formOrUrl" />
			      <number name="expirationMonth" precision="Integer" scope="formOrUrl" />
			      <number name="expirationYear" precision="Integer" scope="formOrUrl" />
			      <string name="creditCardNumber" scope="formOrUrl" />
			    </in>
			    <out>
			      <structure name="checkout" scope="session">
			        <structure name="payment">
			          <string name="creditCardType" />
			          <number name="expirationMonth" precision="Integer" />
			          <number name="expirationYear" precision="Integer" />
			          <string name="creditCardNumber" />
			        </structure>
			      </structure>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			

			xfa:continue
	fa:placeOrder
		ff:actPlaceOrder.cfm

			<!---
			<fusedoc fuse="actPlaceOrder.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I use the session.checkout and session.cart structures to store an order in the database.
			    If everything is successful, I redirect to xfa.success.  Otherwise, I redirect to xfa.failure.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.success" optional="No" />
			      <string name="xfa.failure" optional="No" />
			      <string name="email" scope="session" />
			      <structure name="checkout" scope="session">
			        <structure name="billing">
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			          <string name="phone" />
			          <boolean name="useBillingForShipping" />
			        </structure>
			        <structure name="shipping">
			          <string name="firstName" />
			          <string name="lastName" />
			          <string name="address1" />
			          <string name="address2" />
			          <string name="city" />
			          <string name="state" />
			          <string name="zip" />
			          <string name="country" />
			          <string name="shippingMethod" />
			          <number name="cost" precision="Decimal" />
			          <number name="daysToArrival" precision="Integer" />
			        </structure>
			        <structure name="payment">
			          <string name="creditCardType" />
			          <number name="expirationMonth" precision="Integer" />
			          <number name="expirationYear" precision="Integer" />
			          <string name="creditCardNumber" />
			        </structure>
			      </structure>
			      <structure name="cart" scope="sesssion">
			        <array name="items">
			          <structure name="item">
			            <number name="itemID" precision="Integer" />
			            <string name="itemDescription" />
			            <number name="quantity" precision="Integer" />
			            <number name="price" precision="Decimal" />
			          </structure>
			        </array>
			      </structure>
			    </in>
			    <out>
			    </out>
			  </io>
			</fusedoc>
			--->
			

			xfa:success
			xfa:failure
	fa:addItemsToCart
		ff:actAddItemsToCart.cfm

			<!---
			<fusedoc fuse="actAddItemsToCart.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I add new items to the session.cart.items structure.  Each new item is added 
			    with a quantity of 1.  If an item already exists in the cart, I add 1 to its 
			    existing quantity.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" />
			      <list name="selectedItemIDs" format="CFML" scope="formOrUrl">
			        <number comments="itemID" precision="Integer" />
			      </list>
			    </in>
			    <out>
			      <structure name="cart" scope="sesssion">
			        <array name="items">
			          <structure name="item">
			            <number name="itemID" precision="Integer" />
			            <string name="itemDescription" />
			            <number name="quantity" precision="Integer" />
			            <number name="price" precision="Decimal" />
			          </structure>
			        </array>
			      </structure>
			    </out>
			  </io>
			</fusedoc>
			--->

			xfa:continue=cart.showCart
	fa:updateCart
		ff:actUpdateCart.cfm

			<!---
			<fusedoc fuse="actUpdateCart.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I update the quantities in the session.cart structure based on form input.  
			    If an item's quantity is set to 0, I delete the item from the cart.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continue" />
			      <list name="itemIDs" delimeters="," scope="formOrUrl"> 
			        <number precision="Integer"
			      </list>
			      <list name="quantities" delimeters="," scope="formOrUrl">
			        <number precision="Integer"
			      </list>
			    </in>
			    <out>
			      <structure name="cart" scope="sesssion">
			        <array name="items">
			          <structure name="item">
			            <number name="itemID" precision="Integer" />
			            <string name="itemDescription" />
			            <number name="quantity" precision="Integer" />
			            <number name="price" precision="Decimal" />
			          </structure>
			        </array>
			      </structure>
			    </out>
			  </io>
			</fusedoc>
			--->

			xfa:continue=cart.showCart
	fa:showCart
		ff:dspCart.cfm

			<!---
			<fusedoc fuse="dspCart.cfm" language="ColdFusion" specification="2.0">
			  <responsibilities>
			    I display the shopping cart and provide options to update items, continue shopping, or checkout.
			  </responsibilities>
			  <properties>
			    <history author="jeff@grokfusebox.com" role="Architect" date="2005-10-11" type="Create" />
			  </properties>
			  <io>
			    <in>
			      <string name="xfa.continueShoppingButton" />
			      <string name="xfa.updateButton" />
			      <string name="xfa.checkoutButton" />
			      <structure name="cart" scope="sesssion">
			        <array name="items">
			          <structure name="item">
			            <number name="itemID" precision="Integer" />
			            <string name="itemDescription" />
			            <number name="quantity" precision="Integer" />
			            <number name="price" precision="Decimal" />
			          </structure>
			        </array>
			      </structure>
			    </in>
			    <out>
			      <list name="itemIDs" delimeters="," scope="formOrUrl">
			        <number precision="Integer"
			      </list>
			      <list name="quantities" delimeters="," scope="formOrUrl">
			        <number precision="Integer"
			      </list>
			    </out>
			  </io>
			</fusedoc>
			--->
			
			<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="f8c840">
			  <tr valign="top">
			    <td align="center" height="275">
			      <br>
			      <table border="0" cellpadding="0" cellspacing="0" width="370" bgcolor="999999">
			        <tr>
			          <td align="center">
			            <form name="shopingCart" action="/petmarket/wwwroot/cart.cfm" method="post">
			            <table border="0" cellpadding="2" cellspacing="1" width="100%" align="center">
			              <tr bgcolor="cccccc">
			                <td width="10%"><b style="font-size:70%;">&nbsp; Product</b></td>
			                <td nowrap align="right"><b class="label">&nbsp; Quantity &nbsp;</b></td>
			                <td nowrap align="right"><b class="label">&nbsp; Price &nbsp;</b></td>
			                <td nowrap align="right"><b class="label">&nbsp; Total &nbsp;</b></td>
			              </tr>
			              <tr bgcolor="fffff0">
			                <td nowrap><font class="label">&nbsp; Finch - Male</font></td>
			                <td align="right" nowrap>
			                  <input type="Text" name="quantity_308" value="1" size="4" maxlength="4" style="font-size:70%;text-align:right;">
			                  <input type="Hidden" name="item" value="308">
			                </td>
			                <td align="right" nowrap><font class="label">&nbsp; $30.00 &nbsp;</font></td>
			                <td align="right" nowrap><font class="label">&nbsp;
			                  $30.00 &nbsp;</font>
			                </td>
			              </tr>
			              <tr><td colspan="4"></td></tr>
			              <tr bgcolor="fffffcc">
			                <td align="right" colspan="3"><b class="label">SubTotal:</b></td>
			                <td align="right" bgcolor="ffee99" nowrap><font class="label">&nbsp; $30.00 &nbsp;</font></td>
			              </tr>
			              <tr bgcolor="fffffcc">
			                <td align="right" colspan="3"><b class="label">Taxes:</b></td>
			                <td align="right" bgcolor="ffee99" nowrap><font class="label">&nbsp; $0.00 &nbsp;</font></td>
			              </tr>
			              <tr bgcolor="fffffcc">
			                <td align="right" colspan="3"><b class="label">Shipping Charges:</b></td>
			                <td align="right" bgcolor="ffee99" nowrap><font class="label">&nbsp; $13.00 &nbsp;</font></td>
			              </tr>
			              <tr bgcolor="fffffcc">
			                <td align="right" colspan="3"><b class="label">Grand Total:</b></td>
			                <td align="right" bgcolor="ffee99" nowrap><b class="label">$43.00 &nbsp;</b></td>
			              </tr>
			              <tr><td colspan="4"></td></tr>
			              <tr bgcolor="cccccc">
			                <td>
			                  <input type="Submit" name="contShopping_submit" value="Continue Shopping">
			                </td>
			                <td align="right">
			                  <input type="Submit" name="update_submit" value="Update">
			                </td>
			                <td colspan="2" align="right">
			                  <input type="Submit" name="checkout_submit" value="Checkout">
			                </td>
			              </tr>
			            </table>
			          </td>
			        </tr>
			      </table>
			      </form>
			    </td>
			  </tr>
			</table>
			

			xfa:continueShoppingButton
			xfa:updateButton=cart.showCart
			xfa:checkoutButton=cart.showLoginForm
