<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- picture.html - created by Eric Pence -->
<html>
<head>
<link href="penceland.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="JavaScript"> var jslevel = "1.0"</script>
<script type="text/javascript" language="JavaScript1.1"> jslevel = "1.1"</script>
<script language="javascript" type="text/javascript">
<!--
// This is called with 3 arguments:
// 1. image= the photo to display
// 2, topcap= the text to display above the photo
// 3. comment= the text to display below the photo

// Preload images
if (jslevel >= "1.1") {
backOn = new Image(100,20); backOn.src = "images/backi.gif";
backOff = new Image(100,20); backOff.src = "images/backo.gif";
gbar = new Image(800,6); gbar.src = "images/grnbar1.gif";
ptitle = new Image(171,19); ptitle.src = "images/pentitle.gif";
}

// Switch On and Off button images
function imageSwap(imgID,imgName) {
if(jslevel >= "1.1") {
document.images[imgID].src = eval(imgName + ".src")
}
}

// Parse the URL; format = picture.html?image=image-name.extension
function get_picture(url_string) {
// Unencode the URL, which was encoded to allow the url to contain spaces
var url_string = unescape(url_string);
// Look for comment and strip from URL string
var spliturl = [];
  if (url_string.indexOf('&comment=') != -1) {
spliturl = url_string.split('&comment=');
var comment_text = spliturl[1];
document.getElementById('Comment').innerHTML = comment_text;
url_string = spliturl[0];
}
// Look for top caption and strip from URL string
var topcap = '';
if (url_string.indexOf('&topcap=') != -1) {
spliturl = url_string.split('&topcap=');
topcap = spliturl[1];
document.getElementById('topcap').innerHTML = topcap;
url_string = spliturl[0];
  }
  // Look for title and strip from URL string
  if (url_string.indexOf('&title=') != -1) {
spliturl = url_string.split('&title=');
var title = spliturl[1];
    document.title = title;
url_string = spliturl[0];
}
else {
    document.title = topcap;
}
// Extract image from URL string
spliturl = url_string.split('?image=');
var image = spliturl[1];
var img_tag = '<img src="' + image + '" vspace="5">'
document.getElementById('Image').innerHTML = img_tag;
}

// -->
</script>
</head>
<body onLoad="get_picture(location.href)" style="width:100%">

<!-- Begin 2 green-bar header -------------------------------------------------------------------------------------------------------------------->
<img src="images/grnbar1.gif" height="5" width="100%" vspace="2">
<table cellspacing="0" cellpadding="0" width="100%" height="20">
<tr valign="bottom">
<td width="33%" valign="absmiddle">
<a onclick="javascript:history.go(-1)" onMouseDown = "imageSwap('back_btn','backOn')"
onMouseUp = "imageSwap('back_btn','backOff')"
onMouseOut = "imageSwap('back_btn','backOff')">
<img src="images/backo.gif" title="Back" name="back_btn" width="100" height="20" border="0" vspace="0"></a>
</td>
<td width="33%" align="center" valign="absmiddle">
<a href="index.html"><img src="images/pentitle.gif" width="171" height="19" title="PENCELAND.com" align="middle" border="0"></a>
</td>
<td width="33%" align="right" valign="absmiddle">
<span class="date_block" title="Today's date">
<b>
<script type="text/javascript" language="JavaScript">
<!--
var today = new Date();
var yyyy = today.getYear();
if (yyyy < 1000) {
yyyy += 1900;
}
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
var Month = montharray[today.getMonth()];
var dd = today.getDate();
document.write(Month + " " + dd + ", " + yyyy);
// -->
</script>
</b>
</span>
</td>
</tr>
</table>
<img src="images/grnbar1.gif" height="5" width="100%" vspace="2">
<!-- End 2 green-bar header ---------------------------------------------------------------------------------------------------------------------->

<center>
<div id="topcap" style="font-weight:bold; font-size:20px;padding-top:8px"></div>
<div id="Image"></div>
<div id="Comment" style="font-weight:bold; font-size:20px; font-style:italic"></div>
</center>

</body>
</html>