<HTML>
<HEAD>
<TITLE>www.dode.org.uk/Gallery</TITLE>
<META NAME="DESCRIPTION" CONTENT="Dode's website Gallery">
<META NAME="KEYWORDS" CONTENT="dode, www.dode.org.uk, george, Lowe, dode inverness">
<!--you cant see this text-->

<script type="text/javascript" src="imageGallery.js"></script>

<style type="text/css">img {
  border: none;
}

a {
  outline: none;
}

li {
  display:inline;
}

#desc {
  font-style: italic;
}

</style>

</HEAD>

<BODY bgcolor="#000000" text="#FFFFF link="#FF0000" vlink="#00FF00">
<h1 align="center">Dode's Gallery</h1>

<!--  Place the name (and path, if necessary) of the regular size images in the 'href' attribute. Do not give the size of this image. Place the name (and path, if necessary) of the smaller size images in the 'src' attribute. Place the descriptions in the 'title' attribute. Be sure to change the number of each paragraph, e.g., 'para1', 'para2', to match the image below.  -->
<ul>
  <li><a onclick="toggleMe('para1'); showPic(this); return false;" href="/images/Dodge_Logo.jpg" title="This is the logo for dode's website!"><img src="/images/Dodge_Logo.jpg" width="100" height="76"></a></li>

  <li><a onclick="toggleMe('para2'); showPic(this); return false;" href="/images/Dodge_Logo.jpg" title="This is both my logo and dodge's logo"><img src="/images/Dodge_Logo.jpg" width="100" height="76"></a></li>

  <li><a onclick="toggleMe('para3'); showPic(this); return false;" href="/images/Dodge_Logo.jpg" title="This is a picture of the dodge logo!"><img src="/images/Dodge_Logo.jpg" width="100" height="76"></a></li>
</ul>


<div style="width: 400px; padding: 10px;">

<!--  Place the title of each image here.  -->
<div id="para1" style="display:none; font-size: 1.2em; font-weight: 800;">About</div>
<div id="para2" style="display:none; font-size: 1.2em; font-weight: 800;">Images</div>
<div id="para3" style="display:none; font-size: 1.2em; font-weight: 800;">Uploads</div>

<!--  Place the name of any image you want to initially display here. Do not give the size of this image.  -->
<img id="placeholder" src="/images/Dodge_Logo.jpg">
<div id="DivContent"></div>
<div id="desc">Select pages above</div>
</div>

<!--  If you want the smaller images to display at the bottom, place the images in the list above (with the 'onclick' events) here.  -->



</BODY>

</HTML>
