# Simple makefile to validate XML files and to generate HTML using SAXON. This
# makefile requires you to hardcode the names of the XML/XSL/HTML files
# directly in the rules listed below. This process can be tedious if you have
# many XML files.

JAVA = java
JAVAFLAGS = -cp "/u/csc309h/lib:/u/csc309h/lib/saxon.jar:/u/csc309h/lib/xerces.jar"

processxml:
	$(JAVA) $(JAVAFLAGS) com.icl.saxon.StyleSheet items.xml base.xsl > base.html
	$(JAVA) $(JAVAFLAGS) com.icl.saxon.StyleSheet items.xml extension.xsl >extension.html
	$(JAVA) $(JAVAFLAGS) com.icl.saxon.StyleSheet items.xml side.xsl >side.html
	$(JAVA) $(JAVAFLAGS) com.icl.saxon.StyleSheet items.xml back.xsl >back.html
	$(JAVA) $(JAVAFLAGS) com.icl.saxon.StyleSheet items.xml door.xsl >door.html
	$(JAVA) $(JAVAFLAGS) com.icl.saxon.StyleSheet items.xml others.xsl >others.html	 
.PHONY: validatexml
validatexml:
	$(JAVA) $(JAVAFLAGS) Validator -v items.xml
	 

.PHONY: clean
clean:
	/bin/rm -f modules.html
	/bin/rm -f base.html
	/bin/rm -f extension.html
	/bin/rm -f side.html
	/bin/rm -f back.html
	/bin/rm -f door.html
	/bin/rm -f others.html


<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<!-- modules.dtd -->

<!--root element:MODULAR_CABINETS contains 
at least one element of module-->
<!ELEMENT MODULAR_CABINETS ( modules+ ) >

<!--element module contains at least one type element-->  
<!ELEMENT modules ( type+ )>

<!--element type contains at least one item element-->
<!ELEMENT type ( item+ )>

<!--item contains name, dimension, height, finish_option, 
availability, expected_shipping_time, note, photo as its subelement-->
<!ELEMENT item ( name, dimension, height, finish_option, 
          availability, expected_shipping_time, note?, photo ) >
   
<!ELEMENT name ( #PCDATA ) >
<!ELEMENT dimension ( #PCDATA ) >
<!ELEMENT height ( #PCDATA ) >
<!ELEMENT finish_option ( option+ ) >
<!ELEMENT availability ( #PCDATA ) >
<!ELEMENT expected_shipping_time ( #PCDATA ) >
<!ELEMENT note ( #PCDATA )>
<!ELEMENT option EMPTY>
<!ELEMENT photo EMPTY>

<!-- define identifier as element modules` attribute--> 
<!ATTLIST modules identifier CDATA #REQUIRED>
<!ATTLIST type catagory CDATA #IMPLIED>
<!ATTLIST option color CDATA #REQUIRED
                 price CDATA #REQUIRED>


<!--declaration for image as nodes-->
<!NOTATION gif SYSTEM "IMAGE FILE">

<!--make image and format as attributes of photo element-->
<!ATTLIST photo image ENTITY #REQUIRED
                format NOTATION (gif) #REQUIRED>
		
<!--image of Base20 unit-->
<!ENTITY  Base20 SYSTEM "Base20.gif" NDATA gif>

<!--image of Base30 unit-->
<!ENTITY  base30 SYSTEM "base30.gif" NDATA gif>

<!--image of Base40 unit-->
<!ENTITY  base40 SYSTEM "base40.gif" NDATA gif>

<!--image of TwinBase20 unit-->
<!ENTITY  baseTwin20 SYSTEM "baseTwin20.gif" NDATA gif>

<!--image of TwinBase20 unit-->
<!ENTITY  baseTwin30 SYSTEM "baseTwin30.gif" NDATA gif>

<!--image of TwinBase20 unit-->
<!ENTITY  baseTwin40 SYSTEM "baseTwin40.gif" NDATA gif>

<!--image of extension20 unit-->
<!ENTITY  extension20 SYSTEM "extension20.gif" NDATA gif>

<!--image of extension30 unit-->
<!ENTITY  extension30 SYSTEM "extension30.gif" NDATA gif>

<!--image of extension40 unit-->
<!ENTITY  extension40 SYSTEM "extension40.gif" NDATA gif>

<!--image of Twinextension20 unit-->
<!ENTITY  extensionTwin20 SYSTEM "extensionTwin20.gif" NDATA gif>

<!--image of Twinextension30 unit-->
<!ENTITY  extensionTwin30 SYSTEM "extensionTwin30.gif" NDATA gif>

<!--image of Twinextension40 unit-->
<!ENTITY  extensionTwin40 SYSTEM "extensionTwin40.gif" NDATA gif>

<!--image of back20 unit-->
<!ENTITY  back20 SYSTEM "back20.gif" NDATA gif>

<!--image of back30 unit-->
<!ENTITY  back30 SYSTEM "back30.gif" NDATA gif>

<!--image of back40 unit-->
<!ENTITY  back40 SYSTEM "back40.gif" NDATA gif>

<!--image of door20 unit-->
<!ENTITY  door20 SYSTEM "door20.gif" NDATA gif>

<!--image of door30 unit-->
<!ENTITY  door30 SYSTEM "door30.gif" NDATA gif>

<!--image of door40 unit-->
<!ENTITY  door40 SYSTEM "door40.gif" NDATA gif>

<!--image of bridge unit-->
<!ENTITY  bridge SYSTEM "bridge.gif" NDATA gif>

<!--image of drawer unit-->
<!ENTITY  drawer SYSTEM "drawer.gif" NDATA gif>

<!--image of side20 unit-->
<!ENTITY  side20 SYSTEM "side20.gif" NDATA gif>

<!--image of side30 unit-->
<!ENTITY  side30 SYSTEM "side30.gif" NDATA gif>

<!--image of side40 unit-->
<!ENTITY  side40 SYSTEM "side40.gif" NDATA gif>

<!--image of peninsula unit-->
<!ENTITY  peninsula SYSTEM "peninsula.gif" NDATA gif>

<!--image of material unit-->
<!ENTITY  swatches SYSTEM "swatches.gif" NDATA gif>


<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<!-- base.xsl 
  combine with items.xml to generate base.html 
  which displays all options for Base Units-->

<xsl:transform
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 version="1.0"
 xmlns:saxon="http://icl.com/saxon"
 exclude-result-prefixes="saxon"
>

<xsl:template match = "/">
<HTML> 
	<HEAD> <TITLE> Modular_Base </TITLE>
	<!--link to css for the formating output-->
	<link rel="stylesheet" type="text/css" href="modules.css"/>
	</HEAD>
	<BODY>
	  <BR><CENTER>
          <H1>BASE UNIT</H1> 
	  </CENTER></BR>
	  <xsl:apply-templates select="/MODULAR_CABINETS/modules"/>
	</BODY>
</HTML>
</xsl:template>

<!--match the first node level-->
<xsl:template match="modules">
	<!--condition: this template only display base unit info-->
	<xsl:if test="@identifier='Base'">
	   <xsl:apply-templates select="type" />
	</xsl:if>
	
</xsl:template>

<xsl:template match="type"> 
	<UL>
	<!--Base unit come with sigle or twin--> 
	<p class="catagory"><xsl:value-of select="@catagory" /></p> 
	 
	<UL><H2><xsl:apply-templates select="item"/></H2>
	</UL><HR/>
	</UL>
</xsl:template>

<!--detail display each base unit information-->
<xsl:template match="item">
	<H3>NAME:<xsl:value-of select="name"/></H3>
	<CENTER>
	<TABLE boder="1" cellpadding="10">
	<TR>
	   <TD>
	   	<!--put in image-->
		<xsl:if test="photo">
        		<img>
                	<xsl:attribute name="src">
                		<xsl:value-of select="unparsed-entity-uri(photo/@image)"/>
                	</xsl:attribute>
                	</img>
		</xsl:if>
	   </TD> 
	   <TD>
	   	<!--detail of each base unit-->
		<UL>
		DIMENSION: <xsl:value-of select="dimension" /><BR/> 
		HEIGHT: <xsl:value-of select="height" /><BR/>  
		AVAILABILITY: <xsl:value-of select="availability" /><BR/>  
		EXPECTED_SHIPPING_TIME: <xsl:value-of select="expected_shipping_time" /><BR/>
		FINISH_OPTION: <xsl:apply-templates select="finish_option" />
		</UL> 
	  </TD>
	</TR>
	</TABLE></CENTER>  
</xsl:template>
 
<!-- this template used to display all the option material and its 
corresponding price -->
<xsl:template match="finish_option">
	<UL>
	<TABLE boder="2" cellpadding="2" >
		<TR>
			<TD><B>Material:</B></TD>
			<TD><B>Price</B></TD>
		</TR>
		<xsl:for-each select="option">
		<TR>
			<!--extract value of material-->
			<TD><B><xsl:value-of select="@color" /></B></TD>
			<!--extract the corresponding price with the material-->
			<TD><xsl:value-of select="@price" /></TD>
		</TR>
		</xsl:for-each>
	</TABLE>
	</UL>
</xsl:template>
</xsl:transform>


<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<!-- extension.xsl 
  combine with items.xml to generate extension.html 
  which displays all options for Extension Units-->

<xsl:transform
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 version="1.0"
 xmlns:saxon="http://icl.com/saxon"
 exclude-result-prefixes="saxon"
>

<xsl:template match = "/">
<html> 
	<head><title> Module_Extension </title>
	<!--link to cascading style sheet to format the output-->
	<link rel="stylesheet" type="text/css" href="modules.css"/>
	</head>
	<body>
		<BR><CENTER>
		<H1>EXTENSION UNIT</H1> 
		</CENTER></BR>
		<xsl:apply-templates select="/MODULAR_CABINETS/modules"/>
	</body>
</html>
</xsl:template>

<!--this template will only display information about extension unit-->
<xsl:template match="modules">
	<!-- condition: only care about extension-->
	<xsl:if test="@identifier='Extension'">
		<xsl:apply-templates select="type" />
	</xsl:if>
</xsl:template>

<!--extension comes with single and twin two types-->
<xsl:template match="type"> 
	<ul> 
	<p class="catagory"><xsl:value-of select="@catagory" /></p>
	<ul><h2><xsl:apply-templates select="item"/></h2>
	</ul><hr/>
	</ul>
</xsl:template>

<!--detailly display all information about each extension unit-->
<xsl:template match="item">
	<h3>NAME:<xsl:value-of select="name"/></h3>
	<center>
	<table boder="1" cellpadding="10">
	<tr>
	   <td>
	   	<!--put in a picture to show it looks like-->
		<xsl:if test="photo">
        		<img>
                	<xsl:attribute name="src">
                		<xsl:value-of select="unparsed-entity-uri(photo/@image)"/>
                	</xsl:attribute>
                	</img>
		</xsl:if>
	   </td> 
	   <td>
	   	<!--detail information-->
		<ul>
		DIMENSION: <xsl:value-of select="dimension" /><br/> 
		HEIGHT: <xsl:value-of select="height" /><br/>  
		AVAILABILITY: <xsl:value-of select="availability" /><br/>  
		EXPECTED_SHIPPING_TIME: <xsl:value-of select="expected_shipping_time" /><br/>
		FINISH_OPTION: <xsl:apply-templates select="finish_option" />
		</ul> 
	  </td>
	</tr>
	</table></center>  
</xsl:template>
 
<!-- this template used to display all the option material and its 
corresponding price -->
<xsl:template match="finish_option">
	<ul>
	<table boder="2" cellpadding="2" >
		<tr>
			<td><b>Material:</b></td>
			<td><b>Price</b></td>
		</tr>
		<xsl:for-each select="option">
		<tr>
			<!--extract material-->
			<td><b><xsl:value-of select="@color" /></b></td>
			<!-- price comes with the corresponding material-->
			<td><xsl:value-of select="@price" /></td>
		</tr>
		</xsl:for-each>
	</table>
	</ul>
</xsl:template>
</xsl:transform>


<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<!-- door.xsl
 together with items.xml generate door.html 
 which display all info about door unit -->


<xsl:transform
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 version="1.0"
 xmlns:saxon="http://icl.com/saxon"
 exclude-result-prefixes="saxon"
>

<xsl:template match = "/">
<html> 
	<head> <title> Module_Door </title>
	<!--link to cascading style sheet to format the output-->
	<link rel="stylesheet" type="text/css" href="modules.css"/>
	</head>
	<body>
		<BR><CENTER>
		<H1>DOOR UNIT</H1>
		</CENTER></BR>
		<!--define class in order to format it in css-->
		<p class="note">NOTE:
		<!--extract the content of "note"-->
		<xsl:value-of select="MODULAR_CABINETS/modules/type/item/note" />
		</p> 
		<xsl:apply-templates select="/MODULAR_CABINETS/modules"/>
	</body>
</html>
</xsl:template>

<!--this template only display information abut door-->
<xsl:template match="modules">
	<center>
	<xsl:if test="@identifier='Door'">
	   <xsl:apply-templates select="type" />
	</xsl:if>
	</center>
</xsl:template>


<xsl:template match="type"> 
	<ul><span style="font-weight:bold">
	<u><xsl:value-of select="@catagory" /></u>
	</span>
	 
	<ul><h2><xsl:apply-templates select="item"/></h2>
	</ul>
	</ul>
</xsl:template>

<!--display the detail information about each door-->
<xsl:template match="item">
	<h3>NAME:<xsl:value-of select="name"/></h3>
	<table boder="1" cellpadding="10">
	<tr>
	   <td>
	   	<!--put in a picture-->
		<xsl:if test="photo">
        		<img>
                	<xsl:attribute name="src">
                		<xsl:value-of select="unparsed-entity-uri(photo/@image)"/>
                	</xsl:attribute>
                	</img>
		</xsl:if>
	   </td> 
	   <td>
	   	<!--display detail information-->
	   	<ul>
		DIMENSION: <xsl:value-of select="dimension" /><br/> 
		HEIGHT: <xsl:value-of select="height" /><br/>  
		AVAILABILITY: <xsl:value-of select="availability" /><br/>  
		EXPECTED_SHIPPING_TIME: <xsl:value-of select="expected_shipping_time" /><br/>
		FINISH_OPTION: <xsl:apply-templates select="finish_option" />
		</ul> 
	  </td>
	</tr>
	</table>  
</xsl:template>
 
<!--since each material comes with different price, this template displsy the 
material and its corresponding price-->
<xsl:template match="finish_option">
	<ul>
	<table boder="2" cellpadding="2" >
		<tr>
			<td><b>Material:</b></td>
			<td><b>Price</b></td>
		</tr>
		<!--use a loop to extract all possible combination-->
		<xsl:for-each select="option">
		<tr>
			<td><b><xsl:value-of select="@color" /></b></td>
			<td><xsl:value-of select="@price" /></td>
		</tr>
		</xsl:for-each>
	</table>
	</ul>
</xsl:template>
</xsl:transform>


<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<!-- side.xsl 
  together with items.xml to generate side.html 
  which display all information about side units-->


<xsl:transform
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 version="1.0"
 xmlns:saxon="http://icl.com/saxon"
 exclude-result-prefixes="saxon"
>

<xsl:template match = "/">
<html> 
	<head> <title> Module_Side </title>
	<!--make a link to cascading style sheet to format output-->
	<link rel="stylesheet" type="text/css" href="modules.css"/>
	</head>
	<body>
	        <BR><CENTER>
		<H1>SIDE UNIT</H1> 
		</CENTER></BR>
		<xsl:apply-templates select="/MODULAR_CABINETS/modules"/>
	</body>
</html>
</xsl:template>

<!--this template only display information about side units-->
<xsl:template match="modules">
	<xsl:if test="@identifier='Side'">
		<xsl:apply-templates select="type" />
	</xsl:if>
</xsl:template>


<xsl:template match="type"> 
	<ul><span style="font-weight:bold">
	<u><xsl:value-of select="@catagory" /></u>
	</span>
	 
	<ul><h2><xsl:apply-templates select="item"/></h2>
	</ul>
	</ul>
</xsl:template>

<!--detail infomation about side unit-->
<xsl:template match="item">
	<h3>NAME:<xsl:value-of select="name"/></h3>
	<center>
	<table boder="1" cellpadding="10">
	<tr>
        	<td>
		<!--put in a picture-->
		<xsl:if test="photo">
        		<img>
                	<xsl:attribute name="src">
                		<xsl:value-of select="unparsed-entity-uri(photo/@image)"/>
                	</xsl:attribute>
                	</img>
		</xsl:if>
	        </td> 
	        <td>
			<ul>
			DIMENSION: <xsl:value-of select="dimension" /><br/> 
			HEIGHT: <xsl:value-of select="height" /><br/>  
			AVAILABILITY: <xsl:value-of select="availability" /><br/>  
			EXPECTED_SHIPPING_TIME: <xsl:value-of select="expected_shipping_time" /><br/>
			FINISH_OPTION: <xsl:apply-templates select="finish_option" />
			</ul> 
	  	</td>
	</tr>
	</table></center>  
</xsl:template>
 
<!--since different material comes with different price
this template lists all price, material combination-->
<xsl:template match="finish_option">
	<ul>
	<table boder="2" cellpadding="2" >
		<tr>
			<td><b>Material:</b></td>
			<td><b>Price</b></td>
		</tr>
		<xsl:for-each select="option">
		<tr>
			<td><b><xsl:value-of select="@color" /></b></td>
			<td><xsl:value-of select="@price" /></td>
		</tr>
		</xsl:for-each>
	</table>
	</ul>
</xsl:template>
</xsl:transform>
		 

<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<!-- others.xsl
 together with items.xml to generate others.html
 which display information about Peninsula, Bridge and Drawer -->


<xsl:transform
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 version="1.0"
 xmlns:saxon="http://icl.com/saxon"
 exclude-result-prefixes="saxon"
>

<xsl:template match = "/">
<html> 
	<head> <title> Module_Others </title>
	<!--make a link with cascading sytle sheet to format the output-->
	<link rel="stylesheet" type="text/css" href="modules.css"/>
	</head>
	<body>
	        <BR><CENTER>
		<H1>OTHER UNITS</H1> 
		</CENTER></BR>
		<xsl:apply-templates select="/MODULAR_CABINETS/modules"/>
	</body>
</html>
</xsl:template>

<!--display the information about Bridge or Penisula or Drawer-->
<xsl:template match="modules">
	<xsl:if test="@identifier='Bridge' or @identifier='Peninsula' or @identifier='Drawer'">
	  <xsl:apply-templates select="type" />
	</xsl:if>
</xsl:template>


<xsl:template match="type"> 
	<h2><xsl:apply-templates select="item"/></h2>
</xsl:template>


<!--the detail information-->
<xsl:template match="item">
	<p class="others"><xsl:value-of select="name"/></p>
	<center><ul>
	<table boder="1" cellpadding="10">
	<tr>
	   <td>
	   	<!--put in a picture-->
		<xsl:if test="photo">
        		<img>
                	<xsl:attribute name="src">
                		<xsl:value-of select="unparsed-entity-uri(photo/@image)"/>
                	</xsl:attribute>
                	</img>
		</xsl:if>
	   </td> 
	   <td>
	   	<ul>
		DIMENSION: <xsl:value-of select="dimension" /><br/> 
		HEIGHT: <xsl:value-of select="height" /><br/>  
		AVAILABILITY: <xsl:value-of select="availability" /><br/>  
		EXPECTED_SHIPPING_TIME: <xsl:value-of select="expected_shipping_time" /><br/>
		FINISH_OPTION: <xsl:apply-templates select="finish_option" />
		<xsl:if test="note != ''">
			<p class="note">NOTE: <xsl:value-of select="note" /></p> 
		</xsl:if> 
		</ul> 
	  </td>
	</tr>
	</table></ul></center>  
</xsl:template>
 

<!--list out all material and price relation-->
<xsl:template match="finish_option">
	<ul>
	<table boder="2" cellpadding="2" >
		<tr>
			<td><b>Color:</b></td>
			<td><b>Price</b></td>
		</tr>
		<xsl:for-each select="option">
		<tr>
			<td><b><xsl:value-of select="@color" /></b></td>
			<td><xsl:value-of select="@price" /></td>
		</tr>
		</xsl:for-each>
	</table>
	</ul>
</xsl:template>
</xsl:transform>
		 

<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<p>/* modules.css 
      used for formating html files * changing color or font style 
      or font size */ </p>

<p>body {background-image:url("bg.jpg")} </p>
<p>p.catagory {font-style: italic; font-size:250%; color: blue} </p>
<p>H1 {color: red} </p>
<p>H2{color: darkblue} </p>
<p>p.note {color:darkred} </p>
<p>p.others {color:darkred; font-size:250%; font-style: italic} </p>

<p>/* define the hyperlink color */ </p>
<p>a {color:#006699;} </p>
<p>a:link, a:visited, a:active{text-decoration:underline} </p>
<p>p{color:darkblue} ol{font-style:italic} </p>

<p>/* make the underline part colorful */ </p>
<p>u{color:#CC0033} </p>


<!---------------------------------------------------------------------------->
<!---------------------------------------------------------------------------->


<?xml version='1.0'?>

<!--This file defines a bunch of modular stereo cabinets, including:
 base unit/extension, peninsula, bridge, side, back, door and drawer-->
  

<?xml-stylesheet type="text/xsl" href="modules.xsl"?>
<!DOCTYPE MODULAR_CABINETS SYSTEM "modules.dtd">
<MODULAR_CABINETS>
	<!--Base Unit comes with single and twin in choice of 
	black, cherry, walnut or maple, its height contains 20,30,40-->
	<modules identifier="Base">
		 <type catagory="single">
			<item>
				<!--size 20-->
				<name>Base Unit 20</name>
				<dimension>10*20*30</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="30"/>
					<option color="walnut" price="25"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="Base20" format="gif" />
			</item>
			<item>
				<!--size 30 base unit-->
				<name>Base Unit 30</name>
				<dimension>10*20*30</dimension>
				<height>30</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="30"/>
					<option color="walnut" price="25"/>
					<option color="maple" price="30"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="base30" format="gif" />
			</item>
			<item>
				<!--size 40 base unit-->
				<name>Base Unit 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<option color="black" price="25"/>
					<option color="cherry" price="30"/>
					<option color="walnut" price="25"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="base40" format="gif" />
			</item>
		</type>
		<!-- Base Unit Twin-->
		<type catagory="Twin">
			<item>
				<!--information for Twin Base unit 20-->
				<name>Twin Base Unit 20</name>
				<dimension>10*20*30</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="30"/>
					<option color="walnut" price="40"/>
					<option color="maple" price="50"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="baseTwin20" format="gif" />
			</item>
			<item>
				<!--information for Twin Base unit 30-->
				<name>Twin Base Unit 30</name>
				<dimension>10*20*30</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="25"/>
					<option color="walnut" price="30"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="baseTwin30" format="gif" />
			</item>
			<item>
				<!--information for Twin Base unit 40-->
				<name>Twin Base Unit 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<!--material and corresponding price-->
					<option color="black" price="30"/>
					<option color="cherry" price="40"/>
					<option color="walnut" price="35"/>
					<option color="maple" price="50"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="baseTwin40" format="gif" />
			</item>
		</type>
     	</modules>
	
	<!--Extension comes with single and twin in size of 20,30,40
	 it can be in black, cherry, walnut or maple-->
	<modules identifier="Extension">
		<type catagory="single">
			<item>
				<!--info about Extension20-->
				<name>Extension 20</name>
				<dimension>10*20*20</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="30"/>
					<option color="walnut" price="25"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="extension20" format="gif" />
			</item>
			<item>
				<!--info about Extension30-->
				<name>Extension 30</name>
				<dimension>10*20*30</dimension>
				<height>30</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="32"/>
					<option color="walnut" price="28"/>
					<option color="maple" price="46"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="extension30" format="gif" />
			</item>
			<item>
				<!--info about Extension40-->
				<name>Extension 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="40"/>
					<option color="walnut" price="32"/>
					<option color="maple" price="56"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="extension40" format="gif" />
			</item>
		</type>
		<type catagory="Twin">
			<item>
				<!--info about Twin Extension20-->
				<name>Twin Extension Unit 20</name>
				<dimension>10*20*20</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="30"/>
					<option color="cherry" price="34"/>
					<option color="walnut" price="40"/>
					<option color="maple" price="46"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="extensionTwin20" format="gif" />
			</item>
			<item>
				<!--info about Twin Extension30-->
				<name>Twin Extension Unit 30</name>
				<dimension>10*20*30</dimension>
				<height>30</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="24"/>
					<option color="walnut" price="30"/>
					<option color="maple" price="42"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="extensionTwin30" format="gif" />
			</item>
			<item>
				<!--info about Twin Extension40-->
				<name>Twin Extension Unit 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="20"/>
					<option color="walnut" price="28"/>
					<option color="maple" price="36"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="extensionTwin40" format="gif" />
			</item>
		</type>
     	</modules>
	
	<!--peninsula can be a choice of black, cherry, walnut or maple-->
	<modules identifier="Peninsula">
		<type>
			<item>
				<name>Peninsula</name>
				<dimension>10*20*30</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="34"/>
					<option color="walnut" price="45"/>
					<option color="maple" price="42"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="peninsula" format="gif" />
			</item>
		</type>
	</modules>
	
	<!--bridge can be a choice of black, cherry, walnut or maple-->
	<modules identifier="Bridge">
		<type>
			<item>
				<name>Bridge</name>
				<dimension>1*20*3</dimension>
				<height>2</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="23"/>
					<option color="walnut" price="32"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="bridge" format="gif" />
			</item>
		</type>
	</modules>
	
	<!--Side comes in size of 20,30,40
	 it can be in black, cherry, walnut or maple-->
	<modules identifier="Side">
		<type>
			<item>
				<!--sied20-->
				<name>Side 20</name>
				<dimension>10*20*20</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="25"/>
					<option color="walnut" price="30"/>
					<option color="maple" price="35"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="side20" format="gif" />
			</item>
			<item>
				<!--side30-->
				<name>Side 30</name>
				<dimension>10*20*30</dimension>
				<height>30</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="25"/>
					<option color="walnut" price="35"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="side30" format="gif" />
			</item>
			<item>
				<!--side40-->
				<name>Side 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<option color="black" price="30"/>
					<option color="cherry" price="35"/>
					<option color="walnut" price="40"/>
					<option color="maple" price="45"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<photo image="side40" format="gif" />
			</item>
		</type>
	</modules>
	 
	<!--Door comes in size of 20,30,40
	 it is smoked glass with a trim and can be in black, cherry or maple-->	 
	<modules identifier="Door">
		<type>
			<item>
				<!--door in height 20-->
				<name>Door 20</name>
				<dimension>10*20*20</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
					<option color="cherry" price="30"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<note>smoked glass with a trim and not available in walnut trim</note>
				<photo image="door20" format="gif" />
			</item>
			<item>
				<!--door in height30-->
				<name>Door 30</name>
				<dimension>10*20*30</dimension>
				<height>30</height>
				<finish_option>
					<option color="black" price="30"/>
					<option color="cherry" price="40"/>
					<option color="maple" price="50"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<note>smoked glass with a trim and not available in walnut trim</note>
				<photo image="door30" format="gif" />
			</item>
			<item>
				<!--door in height 40-->
				<name>Door 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<option color="black" price="30"/>
					<option color="cherry" price="35"/>
					<option color="maple" price="40"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<note>smoked glass with a trim and not available in walnut trim</note>
				<photo image="door40" format="gif" />
			</item>
		</type>
	</modules>
	
	<!--Back comes in size of 20,30,40
	 it can only be in black -->
	<modules identifier="Back">
		<type>
			<item>
				<!--Back in height of 20-->
				<name>Back 20</name>
				<dimension>10*20*20</dimension>
				<height>20</height>
				<finish_option>
					<option color="black" price="20"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<note>Only in black</note>
				<photo image="back20" format="gif" />
			</item>
			<item>
				<!--Back in height of 30-->
				<name>Back 30</name>
				<dimension>10*20*30</dimension>
				<height>30</height>
				<finish_option>
					<option color="black" price="22"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<note>Only in black</note>
				<photo image="back30" format="gif" />
			</item>
			<item>
				<!--Back in height of 40-->
				<name>Back 40</name>
				<dimension>10*20*40</dimension>
				<height>40</height>
				<finish_option>
					<option color="black" price="30"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time>3 days</expected_shipping_time>
				<note>Only in black</note>
				<photo image="back40" format="gif" />
			</item>
		</type>
	</modules>
	
	<!--Drawers only come in cherry and maple-->
	<modules identifier="Drawer">
		<type>
			<item>
				<name>Drawer</name>
				<dimension>10*20*20</dimension>
				<height>5</height>
				<finish_option>
					<option color="cherry" price="20"/>
					<option color="maple" price="30"/>
				</finish_option>
        			<availability>immediately</availability>
        			<expected_shipping_time> 3 days</expected_shipping_time>
				<note>only come in cherry and maple</note>
				<photo image="drawer" format="gif" />
			</item>
		</type>
	</modules>

</MODULAR_CABINETS>