<?xml version="1.0"?>
<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:template match="/">
		<html>
			<head>
				<title>Feng Shui Bagua: The Houses</title>
			</head>
			<body bgcolor="#ffffff">
				<h1 style="text-align:center; color:#7788aa; font-family:sand, comic sans ms, Arial, sans-serif;">Feng Shui Bagua: The Houses</h1>
				<table width="1200" border="0" cellspacing="10">
					<xsl:for-each select="feng_shui_bagua/bagua_house">
						<!-- 1st row header tags -->
						<!-- house -->
						<tr>
							<td>
								<xsl:apply-templates select="picture"/>
							</td>
							<td>
								<table width="1200" height="200" border="0" style="font-size:10pt; text-align:center; font-family:sand, comic sans ms, arial, sans-serif;">
									<tr style="background-color:beige; color:purple">
										<th align="left" width="60" colspan="8">House</th>
									</tr>
									<!-- 1st row (sub) headings -->
									<tr style="background-color:beige">
										<td align="left" valign="top" colspan="2" style="color:navy">
											<xsl:value-of select="house/heading_house_name"/>
										</td>
										<td align="left" valign="top" colspan="6" style="color:navy">
											<xsl:value-of select="house/heading_house_number"/>
										</td>
									</tr>
									<!-- 1st row table contents -->
									<tr style="background-color:#9999bb">
										<td align="left" valign="top" colspan="2" style="color:beige">
											<xsl:value-of select="house/house_name"/>
										</td>
										<td align="left" valign="top" colspan="6" style="color:beige">
											<xsl:value-of select="house/house_number"/>
										</td>
									</tr>
									<!-- 2nd row header tags -->
									<!-- direction -->
									<tr style="background-color:beige; color:purple">
										<th align="left" width="80" colspan="8">Direction</th>
									</tr>
									<!-- 2nd row (sub) headings -->
									<tr style="background-color:beige">
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="direction/heading_chi_direction"/>
										</td>
										<td align="left" valign="top" colspan="2" style="color:#555577">
											<xsl:value-of select="direction/heading_chi_energy"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="direction/heading_trigram"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="direction/heading_time_of_day"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="direction/heading_season"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="direction/heading_family_member"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="direction/heading_color"/>
										</td>
									</tr>
									<!-- 2nd row table contents -->
									<tr style="background-color:#9999bb">
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="direction/chi_direction"/>
										</td>
										<td align="left" valign="top" colspan="2" style="color:#334477;">
											<xsl:value-of select="direction/chi_energy"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="direction/trigram"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="direction/time_of_day"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="direction/season"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="direction/family_member"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="direction/color"/>
										</td>
									</tr>
									<!-- 3rd row header tags -->
									<!-- five_element -->
									<tr style="background-color:beige; color:purple">
										<th align="left" width="80" colspan="8">Five Element</th>
									</tr>
									<!-- 3rd row (sub) headings -->
									<tr style="background-color:beige">
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_chi_element"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_shape"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_color"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_materials"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_meaning"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_supports"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_destroys"/>
										</td>
										<td align="left" valign="top" style="color:#334477;">
											<xsl:value-of select="five_element/heading_drains"/>
										</td>
									</tr>
									<!-- 3rd row table contents -->
									<tr style="background-color:#9999bb">
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/chi_element"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/shape"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/color"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/materials"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/meaning"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/supports"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/destroys"/>
										</td>
										<td align="left" valign="top" style="color:#555577">
											<xsl:value-of select="five_element/drains"/>
										</td>
									</tr>
									<!-- 4th row header tags -->
									<!-- effects -->
									<tr style="background-color:beige; color:purple">
										<th align="left" width="80" colspan="8">Effects</th>
									</tr>
									<!-- 4th row (sub) headings -->
									<tr style="background-color:beige">
										<td align="left" valign="top" colspan="4" style="color:#445588;">
											<xsl:value-of select="effects/heading_promotes"/>
										</td>
										<td align="left" valign="top" colspan="4" style="color:#445588;">
											<xsl:value-of select="effects/heading_risks"/>
										</td>
									</tr>
									<!-- 4th row table contents -->
									<tr style="background-color:#9999bb">
										<td align="left" valign="top" colspan="4" style="color:#334477;">
											<xsl:value-of select="effects/promotes"/>
										</td>
										<td align="left" valign="top" colspan="4" style="color:#334477;">
											<xsl:value-of select="effects/risks"/>
										</td>
									</tr>
									<!-- 5th row header tags -->
									<!-- simple_remedies -->
									<tr style="background-color:beige; color:purple">
										<th align="left" width="180" colspan="8">Simple Remedies</th>
									</tr>
									<!-- 5th row (sub) headings -->
									<tr style="background-color:beige">
										<td align="left" valign="top" colspan="2" style="color:#445588;">
											<xsl:value-of select="simple_remedies/heading_enhance_chi"/>
										</td>
										<td align="left" valign="top" colspan="3" style="color:#445588;">
											<xsl:value-of select="simple_remedies/heading_maintain_chi"/>
										</td>
										<td align="left" valign="top" colspan="3" style="color:#445588;">
											<xsl:value-of select="simple_remedies/heading_calm_chi"/>
										</td>
									</tr>
									<!-- 5th row table contents -->
									<tr style="background-color:#9999bb">
										<td align="left" valign="top" colspan="2" style="color:#445588">
											<xsl:value-of select="simple_remedies/enhance_chi"/>
										</td>
										<td align="left" valign="top" colspan="3" style="color:#445588">
											<xsl:value-of select="simple_remedies/maintain_chi"/>
										</td>
										<td align="left" valign="top" colspan="3" style="color:#445588">
											<xsl:value-of select="simple_remedies/calm_chi"/>
										</td>
									</tr>
									<!-- 6th row header tags -->
									<!-- room_locations -->
									<tr style="background-color:beige; color:purple">
										<th align="left" width="180" colspan="8">Room Locations</th>
									</tr>
									<!-- 6th row (sub) headings -->
									<tr style="background-color:beige">
										<td align="left" valign="top" colspan="8" style="color:#334477;">
											<xsl:value-of select="room_locations/heading_favorable_room_locations"/>
										</td>
									</tr>
									<!-- 6th row table contents -->
									<tr style="background-color:#9999bb">
										<td align="left" valign="top" colspan="8" style="color:#334477;">
											<xsl:value-of select="room_locations/favorable_room_locations"/>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</xsl:for-each>
				</table>
			</body>
		</html>
	</xsl:template>
	<!--       "picture" template         -->
	<xsl:template match="picture">
		<img>
			<xsl:attribute name="src"><xsl:value-of select="./@filename"/></xsl:attribute>
			<xsl:attribute name="width"><xsl:value-of select="./@x"/></xsl:attribute>
			<xsl:attribute name="height"><xsl:value-of select="./@y"/></xsl:attribute>
		</img>
	</xsl:template>
</xsl:stylesheet>

