<?xml version="1.0" encoding="UTF-8" ?>
<!--
 

   Author: Vera Wiest
   Date:   

   Filename:        colors.xsl
   Supporting Files: header.jpg
   Comment: 4 templates included, Brand, description, name1 and name1a
-->

	<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="html" version="4.0" />
	
	
	<xsl:template match="/">
	<html>
	<head>
		<title>Pittcon Colors and Finishes</title>
		<link href="columns.css" rel="stylesheet" type="text/css" />
	</head>
	
	
	<body>
		
	<div id="meat">
	<h1><img src="header2a.jpg" alt="Header" style="margin-left:-5px"/></h1>
	
	<p class="menu"><a href="home.htm">Home</a> | <a href="columncovers.xml">Products</a> |  <a href="colors.xml">Finishes</a>  
	| <a href="portfolio.htm">Portfolio</a>  
		| <a href="ship.xml">Shipping</a> | <a href="contact.xml">Contact Us</a></p>
		
	<h2 class="subtitle">Colors and Finishes</h2>
	
	<xsl:comment>Template colors comprised of description brand and name templates. The names template includes images.</xsl:comment> 
	
	<xsl:apply-templates select="document/colors" />
	

	
	
	<h4 class="support">support@pittconindustries.com  301.927.1000 </h4>
<p class="support"></p>	
	<p class="footer"><i>Manufactured in Maryland, Arizona, Georgia and California</i></p>		

</div>	
 
	</body>
	</html>	
</xsl:template>

<xsl:template match="colors" >
	<table border="2px">
	<tr><xsl:apply-templates select="brand" /></tr>
	<tr><td colspan="4"><xsl:apply-templates select="description" /></td></tr>
	<tr><xsl:apply-templates select="names" /></tr>
	<tr><pre></pre></tr>
	<tr><pre></pre></tr>
	
	
	
	</table>	
		</xsl:template>
		
<!-- Calls the brand name of the color chart-->
<xsl:template match="brand">	
			<th colspan="4"><xsl:value-of select="." /></th>	
		</xsl:template>
		
			
	<xsl:template match="names">
		<tr><xsl:apply-templates select="name1a" />
		<xsl:apply-templates select="name2a" />
		<xsl:apply-templates select="name3a" />
		<xsl:apply-templates select="name4a" /></tr> 
		
		<tr><xsl:apply-templates select="name1" />
		<xsl:apply-templates select="name2" />
		<xsl:apply-templates select="name3" />
		<xsl:apply-templates select="name4" /></tr>
		
		  
	</xsl:template>
	

	<!-- Calls the description of the brand finish-->
	
	<xsl:template match="description">
		<xsl:value-of select="." />
	</xsl:template>
	

<!-- Calls name of color-->
<xsl:template match="name1|name2|name3|name4">
<td class="colors"><xsl:value-of select="@id" />
<img src="{image}" />
</td>
</xsl:template>

<!-- Calls image of color-->
<xsl:template match="name1a|name2a|name3a|name4a">
<td class="colors"><xsl:value-of select="." />
</td>

</xsl:template> 

	


</xsl:stylesheet>