function writeArchive()
{
	var comicPrefix = "HH_page";
	var comicEnd = ".jpg";
	var X, Y;
	var thisDate = getUrlVars();
	var archiveRange = thisDate["month"];
	var fullComic; 
	var fullArchive = " ";
	var titleLinks;
	var archiveOption;
	
	archiveOption = "<option value='0'>Monthly Archive ...</option>";
	archiveOption += "<option value='201002'>2010 February</option>";
	archiveOption += "<option value='201001'>2010 January</option>";
	archiveOption += "<option value='200912'>2009 December</option>";
	archiveOption += "<option value='200911'>2009 November</option>";
	archiveOption += "<option value='200910'>2009 October</option>";
	archiveOption += "<option value='200909'>2009 September</option>";
	archiveOption += "<option value='200908'>2009 August</option>";
	archiveOption += "<option value='200907'>2009 July</option>";
	archiveOption += "<option value='200906'>2009 June</option>";
	archiveOption += "<option value='200905'>2009 May</option>";
	archiveOption += "<option value='200904'>2009 April</option>";
	archiveOption += "<option value='200903'>2009 March</option>";
	archiveOption += "<option value='200902'>2009 February</option>";
	archiveOption += "<option value='200901'>2009 January</option>";
	archiveOption += "<option value='200812'>2008 December</option>";
	archiveOption += "<option value='200811'>2008 November</option>";
	archiveOption += "<option value='200810'>2008 October</option>";
	archiveOption += "<option value='200809'>2008 September</option>";
	archiveOption += "<option value='200808'>2008 August</option>";
	archiveOption += "<option value='200807'>2008 July</option>";
	
	
	switch(archiveRange)
	{	  
	  default:
	
	  case "201002":
	        X = 226; // start of the month
	        Y = 236; // end of the month
		var pageTitle = "Monthly Archive: Feb. 2010";
		var rangeBack = "archive.html?month=201001";
		var rangeNext = "archive.html?month=201002";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "201001":
	        X = 214; // start of the month
	        Y = 225; // end of the month
		var pageTitle = "Monthly Archive: Jan. 2010";
		var rangeBack = "archive.html?month=200912";
		var rangeNext = "archive.html?month=201002";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200912":
	        X = 202; // start of the month
	        Y = 213; // end of the month
		var pageTitle = "Monthly Archive: Dec. 2009";
		var rangeBack = "archive.html?month=200911";
		var rangeNext = "archive.html?month=201001";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200911":
	        X = 189;
	        Y = 201;
		var pageTitle = "Monthly Archive: Nov. 2009";
		var rangeBack = "archive.html?month=200910";
		var rangeNext = "archive.html?month=200912";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200910":
	        X = 176;
	        Y = 188;
		var pageTitle = "Monthly Archive: Oct. 2009";
		var rangeBack = "archive.html?month=200909";
		var rangeNext = "archive.html?month=200911";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200909":
	        X = 163;
	        Y = 175;
		var pageTitle = "Monthly Archive: Sept. 2009";
		var rangeBack = "archive.html?month=200908";
		var rangeNext = "archive.html?month=200910";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200908":
	        X = 150;
	        Y = 162;
		var pageTitle = "Monthly Archive: August 2009";
		var rangeBack = "archive.html?month=200907";
		var rangeNext = "archive.html?month=200909";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200907":
	        X = 136;
	        Y = 149;
		var pageTitle = "Monthly Archive: July 2009";
		var rangeBack = "archive.html?month=200906";
		var rangeNext = "archive.html?month=200908";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200906":
	        X = 123;
	        Y = 135;
		var pageTitle = "Monthly Archive: June 2009";
		var rangeBack = "archive.html?month=200905";
		var rangeNext = "archive.html?month=200907";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200905":
	        X = 110;
	        Y = 122;
		var pageTitle = "Monthly Archive: May 2009";
		var rangeBack = "archive.html?month=200904";
		var rangeNext = "archive.html?month=200906";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200904":
	        X = 98;
	        Y = 109;
		var pageTitle = "Monthly Archive: April 2009";
		var rangeBack = "archive.html?month=200903";
		var rangeNext = "archive.html?month=200905";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200903":
	        X = 86;
	        Y = 97;
		var pageTitle = "Monthly Archive: March 2009";
		var rangeBack = "archive.html?month=200902";
		var rangeNext = "archive.html?month=200904";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200902":
	        X = 74;
	        Y = 85;
		var pageTitle = "Monthly Archive: Feb. 2009";
		var rangeBack = "archive.html?month=200901";
		var rangeNext = "archive.html?month=200903";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200901":
	        X = 61;
	        Y = 73;
		var pageTitle = "Monthly Archive: Jan. 2009";
		var rangeBack = "archive.html?month=200812";
		var rangeNext = "archive.html?month=200902";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200812":
	        X = 49;
	        Y = 60;
		var pageTitle = "Monthly Archive: Dec. 2008";
		var rangeBack = "archive.html?month=200811";
		var rangeNext = "archive.html?month=200901";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200811":
	        X = 43;
	        Y = 48;
		var pageTitle = "Monthly Archive: Nov. 2008";
		var rangeBack = "archive.html?month=200810";
		var rangeNext = "archive.html?month=200812";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200810":
	        X = 38;
	        Y = 42;
		var pageTitle = "Monthly Archive: Oct. 2008";
		var rangeBack = "archive.html?month=200809";
		var rangeNext = "archive.html?month=200811";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200809":
	        X = 22;
	        Y = 37;
		var pageTitle = "Monthly Archive: Sept. 2008";
		var rangeBack = "archive.html?month=200808";
		var rangeNext = "archive.html?month=200810";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200808":
	        X = 4;
	        Y = 21;
		var pageTitle = "Monthly Archive: August 2008";
		var rangeBack = "archive.html?month=200807";
		var rangeNext = "archive.html?month=200809";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
	  case "200807":
	        X = 1;
	        Y = 3;
		var pageTitle = "Monthly Archive: July 2008";
		var rangeBack = "archive.html?month=200807";
		var rangeNext = "archive.html?month=200808";
		titleLinks = "<table border='0' width='100%'><tr><td align='left' width='33%'><a href='" + rangeBack + "'><font size='2' color='black'>BACK</font></a></td><td align='center' width='33%'><b>" + pageTitle + "</b><br><select name='comicSelector2' size='1' language='JavaScript' onchange='gotoArchive(this.value)'>" + archiveOption + "</select></td><td align='right' width='33%'><a href='" + rangeNext + "'><font size='2' color='black'>NEXT</font></a></td></tr></table>";
	        break;
		
	}
	
	fullArchive = "<br>" + titleLinks;
	
	for(X; X <= Y; X++)
        {
	  fullComic = "<img src='http://www.hermithillcomic.com/hh/" + comicPrefix + X + comicEnd + "'><br><br><img src='images/pixel_black.jpg' height='2' width='800'><br><br>";
	  fullArchive += fullComic;
        }
	
	fullArchive += titleLinks + "<br>";
	
	document.open();
        document.write(fullArchive);
        document.close();
}

function getUrlVars()
{
      var vars = [], hash;
      var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

      for(var i = 0; i < hashes.length; i++)
      {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
      }
      
      return vars;
}

function gotoArchive(x)
{
	document.location="archive.html?month=" + x;
}