<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>Trellis by Architectural Elements</title>
<meta content="en-us" http-equiv="Content-Language">
<meta content="text/html; charset=unicode" http-equiv="Content-Type">
<meta name="MSSmartTagsPreventParsing" content="true">
<meta name="DESCRIPTION" content="Trellis by Architectural Elements:">
<meta name="KEYWORDS" content="trellis,garden trellis,metal trellis,wooden trellis,outdoor trellis,trellises,trellis planter,wall trellis,gardening trellis,flower trellis,trellis fence">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="PUBLISHER" content="AEC.NU Internet">
<meta name="LANGUAGE" content="English">
<meta name="ROBOTS" content="index,follow">
<meta name="REVISIT-AFTER" content="30 days">
<!urchin>
<style>
.Caption {
font-family: Arial;
font-weight: bold;
color:      #123456;
}
</style>
<script>

// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 2000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); 
var Caption = new Array(); 

Picture[1]  = 'GalleryMadrone.jpg';
Picture[2]  = 'GallerySign.jpg';
Picture[3]  = 'GalleryFireBowl.jpg';
Picture[4]  = 'Gallery822.jpg';
Picture[5]  = 'GalleryBench.jpg';
Picture[6]  = 'GalleryCom.jpg';
Picture[7]  = 'GalleryTrellis.jpg';
Picture[8]  = 'GalleryRailing.jpg';
Picture[9]  = 'GallerySculpture.jpg';
Picture[10] = 'GalleryFireplace.jpg';

// Specify the Captions...

Caption[1]  = "Gates";
Caption[2]  = "Signs";
Caption[3]  = "Fire Bowls";
Caption[4]  = "Address Numbers";
Caption[5]  = "Furniture";
Caption[6]  = "Commercial";
Caption[7]  = "Trellises";
Caption[8]  = "Railings";
Caption[9]  = "Sculpture";
Caption[10] = "Fireplaces";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}

</script>
</head>

<body onload="runSlideShow()" bgColor="#5a7883">

<table style="border-collapse: collapse" border="0" cellSpacing="1" borderColor="#111111" width="100%">
  <tr>
    <td bgColor="#8ca9b7" width="100%">&nbsp;</td>
  </tr>
  <tr>
    <td bgColor="#ffffff" width="100%">
    <img border="0" src="Images/GalleryTitle.jpg" width="585" height="47"></td>
  </tr>
  <tr>
    <td bgColor="#8ca9b7" width="100%">&nbsp;</td>
  </tr>
</table>
<table border="0" cellSpacing="0" cellPadding="0" bgColor="#5a7883">
  <tr>
    <td width="151"><a href="Railings.html">
    <img style="z-index: 100; position: absolute; top: 287; left: 12" border="0" alt src="Images/RailingButton.jpg" width="151" height="37"></a><a href="Gates.html"><img style="z-index: 100; position: absolute; top: 252; left: 10" border="0" alt src="Images/GatesButton.jpg" width="151" height="37"></a><a href="Furniture.html"><img style="z-index: 100; position: absolute; top: 216; left: 12" border="0" alt src="Images/FurnitureButton.jpg" width="151" height="37"></a><a href="AddressNums.html"><img style="z-index: 100; position: absolute; top: 114; left: 12" border="0" alt src="Images/AddNumsButton.jpg" width="151" height="37"></a><a href="Signs.html"><img style="z-index: 100; position: absolute; top: 356; left: 12" border="0" alt src="Images/SignsButton.jpg" width="151" height="37"></a><a href="Fireplace.html"><img style="z-index: 100; position: absolute; top: 182; left: 12" border="0" alt src="Images/FireplaceButton.jpg" width="151" height="37"></a><a href="Sculpture.html"><img style="z-index: 100; position: absolute; top: 322; left: 12" border="0" alt src="Images/SculptureButton.jpg" width="151" height="37"></a><a href="FireBowls.html"><img style="z-index: 100; position: absolute; top: 148; left: 11" border="0" alt src="Images/FireBowlButton.jpg" width="151" height="37"></a><a href="Stainless.html"><img style="z-index: 100; position: absolute; top: 391; left: 11" border="0" alt src="Images/StainSteelButton.jpg" width="151" height="37"></a><a href="Trellis.html"><img style="z-index: 100; position: absolute; top: 425; left: 12" border="0" alt src="Images/TrellisButton.jpg" width="151" height="37"></a><a href="Miscellanous.html"><img style="z-index: 100; position: absolute; top: 459; left: 10" border="0" alt src="Images/MiscButton.jpg" width="151" height="37"></a><a href="CommericalFab.html"><img style="z-index: 100; position: absolute; top: 493; left: 11" border="0" alt src="Images/CommercialButton.jpg" width="151" height="37"></a>
    </td>
    <td height="280" width="350">
    <img name="PictureBox" src="GalleryMadrone.jpg" width="600" height="380">
    </td>
  </tr>
  <tr>
    <td width="151"></td>
    <!-- 
    The next table cell holds the captions.    //-->
    <td id="CaptionBox" class="Caption" align="middle">Designs by Architectural 
    Elements </td>
  </tr>
</table>

</body>

</html>