
	JSHeading = 1;
	var homedir = "/";
	//var homedir = "file:///c:/gregory/seethewall.com/";

	var safebrowser = (((navigator.appName == "Netscape") &&
				  (parseInt(navigator.appVersion) >= 3 )) ||
				 (parseInt(navigator.appVersion) >= 4));

      /* This function "turns on" a picture */
      function TurnOn(PicName, PicAddress)
      {
      	if (safebrowser) document.images[PicName].src = homedir + PicAddress + "2.gif";
      }

      /* This function "turns off" a picture */
      function TurnOff(PicName, PicAddress)
      {
      	if (safebrowser) document.images[PicName].src = homedir + PicAddress + ".gif";
      }

      /* This function "turns in" a picture */
      function TurnIn(PicName, PicAddress)
      {
      	if (safebrowser) document.images[PicName].src = homedir + PicAddress + "3.gif";
      }

	/* This function writes out a main menu icon */
	function MainMenuIcon(CurrentSection, MenuItem)
	{
		if (CurrentSection == MenuItem)
		{
			document.write("<IMG NAME='" + MenuItem + "' BORDER=0 ALIGN='Bottom' SRC='" + 
				homedir + MenuItem + ".gif'>");
		}
		else
		{
			document.write("<A HREF='" + homedir + MenuItem + ".html'" + 
				"ONMOUSEOVER=\"TurnOn('" + MenuItem + "text', '" + MenuItem + "text')\" ONMOUSEOUT=\"TurnOff('" + MenuItem + "text', '" + MenuItem + "text')\">");
			document.write("<IMG NAME='" + MenuItem + "' BORDER=0 ALIGN='Bottom'" +
				"SRC='" + homedir + MenuItem + ".gif'>");
			document.write("</A>");
		}
	}

	/* This function writes out a main menu label */
	function MainMenuText(CurrentSection, MenuItem)
	{
		if (CurrentSection == MenuItem)
		{
			document.write("<IMG NAME='" + MenuItem + "text' BORDER=0 ALIGN='Bottom' HEIGHT=32 SRC='" + 
				homedir + MenuItem + "text2.gif'>");
		}
		else
		{
			document.write("<A HREF='" + homedir + MenuItem + ".html' ONMOUSEOVER=\"TurnOn('" + 
				MenuItem + "text', '" + MenuItem + "text');\" ONMOUSEOUT=\"TurnOff('" + MenuItem + "text', '" + MenuItem + "text');\">");
			document.write("<IMG NAME='" + MenuItem + "text' BORDER=0 ALIGN='Bottom' SRC='" +
				homedir + MenuItem + "text.gif'>");
			document.write("</A>");
		}
	}

	/* This function creates the main menu header */
	function MainMenu(CurrentSection)
	{
              	document.write("<form name='form1' action='http://MessageBot.com/cgi-bin/list/add.cgi'>");

		// Top Row -----------------
		document.write("<CENTER>");
		document.write("<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>");
		document.write("<TR><TD VALIGN='Bottom'>");
		document.write("<IMG WIDTH=220 HEIGHT=39 ALT='The Wall' BORDER=0 ALIGN='Bottom' SRC='" + homedir + "logo3.gif'>");
	      document.write("</TD><TD>");
		// Home
		MainMenuIcon(CurrentSection, "home");
		// About
		MainMenuIcon(CurrentSection, "about");
		// Products
		MainMenuIcon(CurrentSection, "submit");
		// Support
		MainMenuIcon(CurrentSection, "gallery");
		// Company
		MainMenuIcon(CurrentSection, "forum");
		document.write("</TD><TD></TD></TR>");

		// Bottom Row -----------------
		document.write("<TR>");
		document.write("<TD BACKGROUND='topbarback.gif' VALIGN='top'>"); // width goes here!
		document.write("<IMG VALIGN='Top' SRC='" + 
			homedir + "topbarlefttop.gif' BORDER=0>");
		document.write("<IMG VALIGN='Top' SRC='" + 
			homedir + "slogantop.gif' BORDER=0></TD>");
	      document.write("</TD><TD>");
		// Home
		MainMenuText(CurrentSection, "home");
		// About
		MainMenuText(CurrentSection, "about");
		// Products
		MainMenuText(CurrentSection, "submit");
		// Support
		MainMenuText(CurrentSection, "gallery");
		// Company
		MainMenuText(CurrentSection, "forum");
		// Right Edge
		document.write("</TD><TD>");
		document.write("<IMG VALIGN='Top' SRC='" + 
			homedir + "topbarrighttop.gif' BORDER=0></TD>");

		document.write("</TR><TR>");


		document.write("<TD VALIGN='top'>");
		document.write("<IMG VALIGN='Top' SRC='" + 
			homedir + "topbarleftbottom.gif' BORDER=0>");
		document.write("<IMG VALIGN='Top' SRC='" + 
			homedir + "sloganbottom.gif' BORDER=0></TD>");
  	      	document.write("</TD><TD ALIGN='right' BACKGROUND='topbarbackbottom.gif'>");


		// Below the icon labels.

		// Newsletter feature
		document.write("<font size='1' face='Arial, Helvetica, sans-serif'>");
              	document.write("Get newsletter:</font>");
                document.write("<input name='email' type='text' value='email@address.com'>");
                document.write("<input name='list' type='hidden' value='SeeTheWall'>");
		document.write("<input type='submit' name='Submit' value='Send'>");
		document.write("&nbsp;&nbsp;&nbsp;&nbsp;");

		// Tell a friend
		document.write("<font size='1' face='Arial, Helvetica, sans-serif'>");
		document.write("<A HREF='http://www.geekvillage.com/cgi-bin/tell_a_friend/recommend.pl?");
		document.write("278881131648924:9'>Tell a friend.</A>");
		document.write("</font>&nbsp;&nbsp;&nbsp;");

		document.write("<FONT COLOR='#0x0000FF' SIZE='2'>visitors: </FONT>");
		document.write("<A HREF='http://my.statcounter.com/project");
		document.write("/standard/stats.php?project_id=1045949&amp;guest=1'>");
		document.write("<font size='1' face='Arial, Helvetica, sans-serif'>");
		//document.write("See my stats:</FONT></A>&nbsp;&nbsp;");

		document.write("<img src='http://c10.statcounter.com/counter.php?sc_project=1045949&amp;");
		document.write("java=0&amp;security=15700af2&amp;invisible=0' alt='counter' border='0'>");
		document.write("&nbsp;&nbsp;");

		// Right Edge
		document.write("</TD><TD>");
		document.write("<IMG VALIGN='Top' SRC='" + 
			homedir + "topbarrightbottom.gif' BORDER=0></TD>");

		document.write("</TR></TABLE>");
		document.write("<IMG SRC='progress2.gif'>");
		document.write("</CENTER>");
		document.write("</FORM>");

		// Finally, declare that this window is the main window
		window.name = "MainWindow";
	}

	/* This function writes out a navigation item's beginning */
	function NavBegin(NavTitle)
	{
		document.write("<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>");
	      document.write("<TR><TD BGCOLOR=#555555>");
		document.write("<FONT SIZE=2 COLOR=#ffffff><B>" + NavTitle + "</B></FONT>");
		document.write("</TD>");
		document.write("<TD WIDTH=50>");
		document.write("<IMG SRC='" + homedir + "slantsep.gif' WIDTH=20 HEIGHT=20 BORDER=0>");
		document.write("</TD></TR>");
		document.write("<TR><TD COLSPAN=2>");
	}

	/* This function writes out a navigation item's ending */
	function NavEnd()
	{
		document.write("</TD></TR></TABLE>");
	}

	/* This function writes out the Find navigation item */
	function NavFind(SearchArea)
	{
		NavBegin("&nbsp; SEARCH&nbsp;&nbsp;&nbsp;");
		document.write("<FORM ACTION=cgi-bin/search.cgi>");
		document.write("<TABLE CELLSPACING=0 CELLPADDING=0>");
		document.write("<TR><TD COLSPAN=2>");
		document.write("<INPUT TYPE=text NAME=SearchQuery SIZE=17>");
		document.write("</TD></TR>");
		document.write("<TR><TD>");
		document.write("<SELECT NAME=SearchWhere>");
		document.write("<OPTION ");
		if (SearchArea == 0) document.write("SELECTED");
		document.write(">The Site");
		document.write("<OPTION ");
		if (SearchArea == 1) document.write("SELECTED");
		document.write(">Support ");
		document.write("<OPTION ");
		if (SearchArea == 2) document.write("SELECTED");
		document.write(">The Web</SELECT></TD>");
		document.write("<TD ALIGN='Right'>&nbsp;<A HREF='#top'");
		document.write("OnMouseOver=\"TurnOn('find', 'find')\"");
		document.write("OnMouseOut=\"TurnOff('find', 'find')\"");
		document.write("OnMouseDown=\"TurnIn('find', 'find')\">");
		document.write("<IMG NAME='find' SRC='" + homedir + "find.gif' WIDTH=50 HEIGHT=25 ");
		document.write("BORDER='0' ALT='Find!'></A>");
		document.write("</TD></TR>");
		document.write("</TABLE></FORM>");
		NavEnd();
	}


// NEW CODE ... IT CAPTURES THE MOUSE POSITION


// Set Netscape up to run the "captureMousePosition" function whenever
// the mouse is moved. For Internet Explorer and Netscape 6, you can capture
// the movement a little easier.
if (document.layers) { // Netscape
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = captureMousePosition;
} else if (document.all) { // Internet Explorer
    document.onmousemove = captureMousePosition;
} else if (document.getElementById) { // Netcsape 6
    document.onmousemove = captureMousePosition;
}

// Global variables
xMousePos = 0; // Horizontal position of the mouse on the screen
yMousePos = 0; // Vertical position of the mouse on the screen
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page

function captureMousePosition(e) {
	
    if (document.layers) {
        // When the page scrolls in Netscape, the event's mouse position
        // reflects the absolute position on the screen. innerHight/Width
        // is the position from the top/left of the screen that the user is
        // looking at. pageX/YOffset is the amount that the user has
        // scrolled into the page. So the values will be in relation to
        // each other as the total offsets into the page, no matter if
        // the user has scrolled or not.
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    } else if (document.all) {
        // When the page scrolls in IE, the event's mouse position
        // reflects the position from the top/left of the screen the
        // user is looking at. scrollLeft/Top is the amount the user
        // has scrolled into the page. clientWidth/Height is the height/
        // width of the current page the user is looking at. So, to be
        // consistent with Netscape (above), add the scroll offsets to
        // both so we end up with an absolute value on the page, no
        // matter if the user has scrolled or not.
        xMousePos = window.event.x+document.body.scrollLeft;
        yMousePos = window.event.y+document.body.scrollTop;
        xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
        yMousePosMax = document.body.clientHeight+document.body.scrollTop;
    } else if (document.getElementById) {
        // Netscape 6 behaves the same as Netscape 4 in this regard
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    }

	//alert( "xMousePos=" + xMousePos + ", yMousePos=" + yMousePos + ", xMousePosMax=" + xMousePosMax + 
	//", yMousePosMax=" + yMousePosMax);
}


// CODE TO GET THE POSITION OF ELEMENTS ON THE SITE

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}



var magnifyLoaded;	// what is currently being shown in the magnify window?

	 // array containing all the filesnames for magnified images for the magnifier
	 var magFiles=new Array(80);
	 var magWidth=new Array(80);
	 var magHeight=new Array(80);
	 var r, c;
	 for (r=0; r < 80; r++)
	 {
	 	magFiles[r]=new Array(80);
	 	magWidth[r]=new Array(80);
	 	magHeight[r]=new Array(80);
	 }
	 for (r=0; r<80; ++r)
	 	 for (c=0; c<80; ++c)
		 {
		 	magFiles[r][c] = "img_m.gif"; // the default image of a block
		 	magWidth[r][c] = 40; // the default width of a block
		 	magHeight[r][c] = 40; // the default height of a block
		 }
	 // now set all the pictures we have put up so far
	 magFiles[1][1] =  "img_1_1_m.gif"; // Depths of Chaos
	 magFiles[40][35] =  "img_40_35_m.gif"; // Serene
	 magFiles[45][45] =  "img_45_45_m.gif"; // Life-enhancing herbs from the Amazon Rainforest
	 magWidth[45][45] =  40// Life-enhancing herbs from the Amazon Rainforest
	 magHeight[45][45] =  40; // Life-enhancing herbs from the Amazon Rainforest
	 magFiles[1][41] =  magFiles[1][42] = 
		magFiles[39][40] =  "img_39_40_m.gif"; // Oil Paintings
	 magWidth[1][41] =  magWidth[1][42] = 
		magWidth[39][40] =  40; // Oil Paintings
	 magHeight[1][41] =  magHeight[1][42] = 
		magHeight[39][40] =  31; // Oil Paintings
	 magFiles[1][41] =  magFiles[1][42] = 
		magFiles[2][41] =  "img_1_41_m.gif"; // Carlos Mencia
	 magWidth[1][41] =  magWidth[1][42] = 
		magWidth[2][41] =  80; // Carlos Mencia
	 magHeight[1][41] =  magHeight[1][42] = 
		magHeight[2][41] =  80; // Carlos Mencia
	 magFiles[1][46] = "img_1_46_m.gif"; // I'm anthony.
	 magWidth[1][46] = 40; // I'm anthony.
	 magHeight[1][46] = 40; // I'm anthony.
	 magFiles[11][16] = magFiles[12][16] = 
		magFiles[11][17] = magFiles[12][17] = "img_11_16_m.gif"; // The USS Manhattan
	 magWidth[11][16] = magWidth[12][16] = 
		magWidth[11][17] = magWidth[12][17] = 80; // The USS Manhattan
	 magHeight[11][16] = magHeight[12][16] = 
		magHeight[11][17] = magHeight[12][17] = 80; // The USS Manhattan
	 magFiles[2][7] =  magFiles[2][8] = 
		magFiles[3][7] =  magFiles[3][8] = "img_2_7_m.gif"; // A Psalm of Life
	 magWidth[2][7] =  magWidth[2][8] = 
		magWidth[3][7] =  magWidth[3][8] = 80; // A Psalm of Life
	 magHeight[2][7] =  magHeight[2][8] = 
		magHeight[3][7] =  magHeight[3][8] = 80; // A Psalm of Life


// Now set up the function that will magnify things.
// (The image called "magnify" is defined in the HTML file that includes this js.)
// On the main page, we will ask to run this magnification 10 times a second.

function Magnify()
{
	var xImg;
	var yImg;
	var row=1, col=1;
	var theImg;
	var magnifyFilename;
	var overAnImage = 0;	// whether or not we're over an image
	var changedImage = 0;
	var divRef;
	var txtRef;
	var xOff, yOff;		// offsets of the mouse position from the top left of the image
	var rowOver, colOver;
	var rowBlock, colBlock;
	var temp;

	divRef = document.getElementById("divMagnify");
	txtRef = document.getElementById("txtMagnify");

	// what we should do here is get the row and column of the block we are currently over.
	xImg = findPosX(document.images["img_1_1"]);
	yImg = findPosY(document.images["img_1_1"]);
	colOver = Math.floor((xMousePos - xImg) / 10) + 1;
	rowOver = Math.floor((yMousePos - yImg) / 10) + 1;
	colBlock = Math.floor(colOver / 5) + 1;
	rowBlock = Math.floor(rowOver / 5) + 1;

	// Now do something!!
	if (colOver >= 1 && colOver <= 70 && rowOver >= 1 && rowOver <= 70)
	{
				theImg = document.images["img_" + rowBlock.toString() + 
					"_" + colBlock.toString()];
				if (magFiles[rowOver][colOver] == "img_m.gif")
				{
					divRef.style.display = "none";
				}
				else
				{
					divMagnify.style.left = xMousePos + 2; // - xOff * 4;
					divMagnify.style.top = yMousePos + 40;
					magnifyFilename = magFiles[rowOver][colOver];
					if (magnifyLoaded != magnifyFilename)
					{
						magnifyLoaded = magnifyFilename;
						document.images["imgMagnify"].src = magnifyFilename;
						document.images["imgMagnify"].width = 
							magWidth[rowOver][colOver];
						document.images["imgMagnify"].height = 
							magHeight[rowOver][colOver];
						//document.forms["layerForm"].desription.value = "goo";
						txtRef.value = theImg.name;
						txtRef.size = "blah".length;
						changedImage = 1;
					}
					divRef.style.display = "";
				}
	}

	if (repeat >= 1)
	{
	//	setTimeout("Magnify()", 100);
		--repeat;
	}
	else
	{
		repeat = 5;
	}
	
}

var repeat = 2;

function MagnifyStop()
{
	var divRef;

	var xImg;
	var yImg;
	var row=1, col=1;
	var theImg;
	var magnifyFilename;
	var overAnImage = 0;	// whether or not we're over an image
	var changedImage = 0;
	var divRef;
	var txtRef;
	var xOff, yOff;		// offsets of the mouse position from the top left of the image
	var rowOver, colOver;
	var rowBlock, colBlock;
	var temp;

	divRef = document.getElementById("divMagnify");
	txtRef = document.getElementById("txtMagnify");

	// what we should do here is get the row and column of the block we are currently over.
	xImg = findPosX(document.images["img_1_1"]);
	yImg = findPosY(document.images["img_1_1"]);
	colOver = Math.floor((xMousePos - xImg) / 10) + 1;
	rowOver = Math.floor((yMousePos - yImg) / 10) + 1;
	colBlock = Math.floor(colOver / 5) + 1;
	rowBlock = Math.floor(rowOver / 5) + 1;

	// Now do something!!
	if (colOver >= 1 && colOver <= 70 && rowOver >= 1 && rowOver <= 70)
	{
				theImg = document.images["img_" + rowBlock.toString() + 
					"_" + colBlock.toString()];
				magnifyFilename = magFiles[rowOver][colOver];
				if (magnifyLoaded != magnifyFilename)
				{
					divRef = document.getElementById("divMagnify");
					divRef.style.display = "none";
				}
	}
}