var ArrowDn = new Image;	
var ArrowUp = new Image;	
ArrowDn.src = "images/Pic_Icon_Arrow_Dn.gif";	
ArrowUp.src = "images/Pic_Icon_Arrow_Up.gif";	
var ImageDn	= ArrowDn.src;
var ImageUp	= ArrowUp.src;
var CurrURL = unescape(location.href);
var PrevNo	= "00";
var PrevImg = "Img00";
var PrevRev = "Rev00";
var CurrTyp	= "??";
var CurrNo	= "00";
var CurrImg	= "Img00";
var CurrRev	= "Rev00";
var CurrTop = "#RevTop00";

function OpenClose (TheID)
	{
	CurrTyp	= TheID.substring(0, 3);
	CurrNo	= TheID.substring(6, TheID.length);
	CurrImg	= CurrTyp + "Img" + CurrNo;
	CurrRev	= CurrTyp + "Rev" + CurrNo;
	CurrTop	= "#" + CurrTyp + "RevTop" + CurrNo;

	if (PrevNo != "00")			//--- Close a previously open review
		{
		document.getElementById(PrevImg).src				= ImageDn;
		document.getElementById(PrevRev).style.display	= "none";
		}
	if (CurrNo != PrevNo)		//--- If a different review, open it
		{
		document.getElementById(CurrImg).src 				= ImageUp;
		document.getElementById(CurrRev).style.display	= "block";
		}
	else								//--- if the same review,   (CurrNo == PrevNo)
	if (ImageNow == ImageUp)	//--- if it says it is open, close it
		{
		document.getElementById(CurrImg).src				= ImageDn;
		document.getElementById(CurrRev).style.display	= "none";
		}
	else								//--- if it says it is closed, open it
		{
		document.getElementById(CurrImg).src 				= ImageUp;
		document.getElementById(CurrRev).style.display	= "block";
		}
	ImageNow = document.getElementById(CurrImg).src;
	PrevNo	= CurrNo;
	PrevImg	= CurrImg;
	PrevRev	= CurrRev;
	location.href = CurrURL + CurrTop;
	CurrTop	= "";
	}

function DisplayThinkerToyReviews ()
	{
	var ListBody = '';
	for (i = TT_RevItemCount; i >= 0; i--)			//---------- Available ThinkerToy Reviews
		{
		ListBody	 = '<div class="Wrapper">'
					 + '	<p><a name="TT_RevTop' + i + '"></a><span id="TT_Hdr' + i + '" class="Header" onclick="javascript:OpenClose(this.id);">'
					 + '		<img id="TT_Img' + i + '" class="StatInd" src="images/Pic_Icon_Arrow_Dn.gif">' 
					 + '' + (StillNew(TT_RevPubDate[i]) ? NewIcon : "") + TT_RevHeader[i] + '</span> <br>'
					 + '		<span class="Credit">As posted on the ' + TT_RevCredit[i] + '</span>'
					 + '	</p>'
					 + '</div>';
		ListBody	+= '<div id="TT_Rev' + i + '" class="Review">' + TT_RevItself[i];
		ListBody	+= '	<div style="text-align:center;padding-top:5px;">'
					 + '		<a href="#GroupTop1" class="Jump">Top of Thinkertoys</a>'
					 + '		<img border="0" src="images/Pic_Icon_Spacer_1x1.gif" width="50" height="1">'
					 + '		<a href="#GroupTop2" class="Jump">Top of Cracking Creativity</a>'
					 + '		<img border="0" src="images/Pic_Icon_Spacer_1x1.gif" width="50" height="1">'
					 + '		<a href="#PageTop" class="Jump">Top of Page</a>'
					 + '		<hr noshade size="1" align="center" width="65%">'
					 + '	</div>'
					 + '</div>';
		document.write(ListBody);
		}
	}

function DisplayCrackingCreativityReviews ()
	{
	var ListBody = '';
	for (i = CC_RevItemCount; i >= 0; i--)			//---------- Available Cracking Creativity Reviews
		{
		ListBody	 = '<div class="Wrapper">'
					 + '	<p><a name="CC_RevTop' + i + '"></a><span id="CC_Hdr' + i + '" class="Header" onclick="javascript:OpenClose(this.id);">'
					 + '		<img id="CC_Img' + i + '" class="StatInd" src="images/Pic_Icon_Arrow_Dn.gif">' 
					 + '' + (StillNew(CC_RevPubDate[i]) ? NewIcon : "") + CC_RevHeader[i] + '</span> <br>'
					 + '		<span class="Credit">As posted on the ' + CC_RevCredit[i] + '</span>'
					 + '	</p>'
					 + '</div>';
		ListBody	+= '<div id="CC_Rev' + i + '" class="Review">' + CC_RevItself[i];
		ListBody	+= '	<div style="text-align:center;padding-top:5px;">'
					 + '		<a href="#GroupTop1" class="Jump">Top of Thinkertoys</a>'
					 + '		<img border="0" src="images/Pic_Icon_Spacer_1x1.gif" width="50" height="1">'
					 + '		<a href="#GroupTop2" class="Jump">Top of Cracking Creativity</a>'
					 + '		<img border="0" src="images/Pic_Icon_Spacer_1x1.gif" width="50" height="1">'
					 + '		<a href="#PageTop" class="Jump">Top of Page</a>'
					 + '		<hr noshade size="1" align="center" width="65%">'
					 + '	</div>'
					 + '</div>';
		document.write(ListBody);
		}
	}
