cartoon.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- cartoon.html - created by Eric Pence -->
<html>
<head>
<!-- Determine the level of JavaScript supported by the browser. -->
<script language="JavaScript"> var jslevel = "1.0"</script>
<script language="JavaScript1.1">  jslevel = "1.1"</script>
<script language="javascript" type="text/javascript">
<!--
// 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 = cartoon.html?image=image-name.extension&title=title-text&comment=comment-text (title and comment optional)
function getParms(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 = '<p>' + spliturl[1];
    document.getElementById('Comment').innerHTML = comment_text;
    url_string = spliturl[0];
  }

  // Look for top caption and strip from URL string
  if (url_string.indexOf('&topcap=') != -1) {
    spliturl = url_string.split('&topcap=');
    var 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];
  }

  // Extract image from URL string
  spliturl = url_string.split('?image=');
  var image = "images/" + spliturl[1];
  var img_tag = '<img src="' + image + '" vspace="20">'
  document.getElementById('Image').innerHTML = img_tag;
}

// Share this page on Facebook
function fbShare(url) {
  var title = document.title;
  var winWidth  = 520;
  var winHeight = 350;
  var winTop  = (screen.height / 2) - (winHeight / 2);
  var winLeft = (screen.width / 2) - (winWidth / 2);
  window.open('http://www.facebook.com/sharer.php?u='+ url + '&t=' + title, 'sharer', 'top=' + winTop + ', left=' + winLeft + ', width=' + winWidth + ', height=' + winHeight + ', toolbar=0, status=0');
  return;
}

// -->
</script>
</head>
<body background="images/webmail_back.gif" onLoad="getParms(location.href)">
<img src="images/grnbar1.gif" height="5" width="100%" vspace="2">
<table cellspacing="0" cellpadding="0" width="100%">
  <tr valign="bottom">
    <td width="33%" valign="absmiddle">
      <a href="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" align="absmiddle"></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" border="0"></a>
    </td>
    <td width="33%" align="right" valign="absmiddle" title="Today's date" style="font-weight:bold">
      <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>
    </td>
  </tr>
</table>
<img src="images/grnbar1.gif" height="5" width="100%" vspace="2">

<p>
<center>
<br>

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

</center>

<br><img src="images/clearspacer.gif" height="15"><br>
<img src="images/grnbar1.gif" height="5" width="100%" vspace="2">
<p>

</center>

</body>
</html>