var topics=new Array()
var sitemap=new Array()
var concord_jjs=new Array()
var concord_dsm=new Array()

concord_dsm[0]=99991
concord_jjs[0]='<font face="arial, helvetica" size="2" color="#660000"><B>pagerunners selection menu:<br>A short introduction:</B></font><br><font face="arial, helvetica" size="2" color="#000033">A unique selection menu presented in the guise of a psuedo sitemap---the visitor can choose from a selection on the left and have the content appear just to the right of the menu.  Very efficient (and borderline exciting), especially for showing previews of your site.</font>'

concord_dsm[1]=99992
concord_jjs[1]='<B><font face="arial, helvetica" size="2" color="#660000">pagerunners index page:</font></B> <font face="arial, helvetica" size="2" color="#000033">Includes: <a href="tricks.htm">html tips and tricks</a>, <a href="imagewrks.htm">imageworks</a> and <a href="menus.htm">menus</a>.</font>'

sitemap[0]=10000
topics[0]='<a href="tricks.htm"><IMG SRC="webclrs.jpg" WIDTH="195" HEIGHT="188" border="0"></a>'

sitemap[1]=11000
topics[1]='<B><font face="arial, helvetica" size="2" color="#660000">imageworks section</B></font><font face="arial, helvetica" size="2" color="#000033"><UL><LI><a href="screen.htm">backscreening</a><LI><a href="frame.htm">custom frame</a><LI><a href="pastein.htm">paste into text</a></LI><LI><a href="imagewrk.htm">More imageworks</a></UL></font>'

sitemap[2]=12000
topics[2]='<B><a href="menus.htm">on the menu</a>:</font> </B><font face="arial, helvetica" size="2" color="#000033">There are almost as many ways to navigate a website as there are websites. Here we present several ways to find your way around a site, using various drop-down menu examples. 1. Opens in the parent window, 2. url opens in a separate browser window and 3. url opens in a separate browser window and is resizable.</UL>'

sitemap[3]=13000
topics[3]='<B><font face="arial, helvetica" size="2" color="#660000">new stuff:</B></font><font face="arial, helvetica" size="2" color="#000033"><UL><LI><a href="textlayer.htm">text layers for transparent text</a><LI><a href="pastein.htm">pasting an image into type<LI><a href="imagewrk.htm#contrast">adding brightness and contrast to an image</a></font></UL>'

sitemap[4]=14000
topics[4]='<B><font face="arial, helvetica" size="2" color="#660000">snippets:</B><UL><LI><a href="onunload.htm">onunload.htm</a><LI><a href="onload.htm">onload.htm</a></font></UL>'

sitemap[5]=15000
topics[5]='<B><font face="arial, helvetica" size="2" color="#660000">paste into type one:</font></B> <font face="arial, helvetica" size="2" color="#000033">Pasting an image of Deception Pass into type</font><br><br><a href="pastein.htm"><IMG SRC="passdec.jpg" WIDTH="190" HEIGHT="124" border="0"></a>'

sitemap[6]=16000
topics[6]='<B><font face="arial, helvetica" size="2" color="#660000">paste into type two:</font></B> <font face="arial, helvetica" size="2" color="#000033">pasting an image of Mt. Baker into type</font><br><br><a href="pasted.htm"><IMG SRC="mountbaker.jpg" WIDTH="190" HEIGHT="97" border="0"></a>'

sitemap[7]=17000
topics[7]='<B><font face="arial, helvetica" size="2" color="#660000">paste into type three:</font></B> <font face="arial, helvetica" size="2" color="#000033">pasting an image of a serene forest into type</font><br><br><a href="paste2.htm"><IMG SRC="forests.jpg" WIDTH="190" HEIGHT="126" border="0"></a>'

sitemap[8]=18000
topics[8]='<B><font face="arial, helvetica" size="2" color="#660000"><font face="arial, helvetica" size="2" color="#660000">weblinks:</B><br><a href="http://www.dhtmlzone.com/index.html">DHTML Zone<br><a href="http://dynamicdrive.com">Dynamic Drive</a><br><a href="http://www.ruleweb.com/dhtml">Jeff Rule DHTML</a><br><a href="http://www.builder.com">Builder.com</a><br><a href="http://www.gamelan.com">Gamelan</a><br><a href="http://www.serve.com/hotsyte">HotSyte</a><br><a href="http://www.freewarejava.com">Java Phone Book</a></font>'

sitemap[9]=19000
topics[9]='<B><font face="arial, helvetica" size="2" color="#660000">more tips & tricks:</B><br><a href="iframe.htm">i-frame</a><br><a href="mouseovr.htm">onmouseover</a><br><a href="mouseovr.htm">open windows</a><br><a href="mailpage.htm">mail this page</a><br><a href="formroll.htm">rollover & forms</a></font>'

sitemap[10]=20000
topics[10]='<B><font face="arial, helvetica" size="2" color="#000033"><a href="contact.html">contact us:</a></B><br>pagerunners.com can be contacted at: jdixon@pagerunners.com and at 708-466-4590.</font> </UL>'

sitemap[11]=21000
topics[11]='<B><font face="arial, helvetica" size="2" color="#000033">new under the radar:</B></font><p><DIV ALIGN="center"><a href="newstuff.htm"><IMG SRC="radar.gif" WIDTH="190" HEIGHT="190"></a></DIV></p>'

sitemap[12]=22000
topics[12]='<IMG SRC="sunscenes.jpg" WIDTH="190" HEIGHT="218">'

sitemap[13]=23000
topics[13]='<IMG SRC="collage4.jpg" WIDTH="190" HEIGHT="184">'

sitemap[14]=24000
topics[14]='<IMG SRC="collage3.jpg" WIDTH="190" HEIGHT="184">'

sitemap[15]=25000
topics[15]='<IMG SRC="collage2.jpg" WIDTH="190" HEIGHT="184">'

sitemap[16]=26000
topics[16]='<IMG SRC="collage1.jpg" WIDTH="190" HEIGHT="185"">'

function movein(which)
{
	var i=0;
	if (document.getElementById)
	{
		for(i=0; i<=1; i++)
		{
			if (concord_dsm[i] == which.value)
			{
				document.getElementById("description").innerHTML=concord_jjs[i];
				break;
			}
		}
		for(i=0; i<=61; i++)
		{
			if (sitemap[i] == which.value)
			{
				document.getElementById("description").innerHTML=topics[i];
				break;
			}
		}
	}
	else
	{
		for(i=0; i<=61; i++)
		{
			if (concord_dsm[i] == which.value)
			{
				description.innerHTML=concord_jjs[i];
				break;
			}
		}
		for(i=0; i<=61; i++)
		{
			if (sitemap[i] == which.value)
			{
				description.innerHTML=topics[i];
				break;
			}
		}
	}
}