<!--
var imagePath = "http://wordticklers.com/images/";
var newBackground = "";
var paneState = GetCookie("paneState");
var leftPosMax = -262;
var speed = 8;
var pixelOffset = (-1 * (leftPosMax / speed));
var leftPosAccum = leftPosMax;

function UnhighlightPane ()
{
	// Evaluate the direction to select the correct unlit image.
	if (paneState != "Visible")
	{
		newBackground="url(" + imagePath + "TriangleRight_Unlit.gif)";
	}
	else
	{
		newBackground="url(" + imagePath + "TriangleLeft_Unlit.gif)";
	}
	// Determine the browser type so we can use the object correctly.
	switch (true)
	{
		case (document.layers):						// Netscape
			var styleObjRight=window.document.sideslide.document.slidebuttonright.style;
			var styleObjLeft=window.document.sideslide.document.slidebuttonleft.style;
			break;
		case (document.all):						// Internet Exploder
			var styleObjRight=document.all.slidebuttonright.style;
			var styleObjLeft=document.all.slidebuttonleft.style;
			break;
		case (document.getElementById('slidebuttonright')):	// Firefox
			var styleObjRight=document.getElementById('slidebuttonright').style;
			var styleObjLeft=document.getElementById('slidebuttonleft').style;
			break;
		default:								// All other browsers
			var styleObjRight=document.getElementById('slidebuttonright').style;
			var styleObjLeft=document.getElementById('slidebuttonleft').style;
	}
	// Set the right bar's stylesheet variables.
	with (styleObjRight)
	{
		background=newBackground;
		backgroundPosition="center center";
		backgroundRepeat="no-repeat";
		backgroundColor="#7F4213";
	}
	// Set the left bar's stylesheet variables.
	with (styleObjLeft)
	{
		background=newBackground;
		backgroundPosition="center center";
		backgroundRepeat="no-repeat";
		backgroundColor="#7F4213";
	}
	return false;
}

function HighlightPane ()
{
	// Evaluate the direction to select the correct lit image.
	if (paneState != "Visible")
	{
		newBackground="url(" + imagePath + "TriangleRight_Lit.gif)";
	}
	else
	{
		newBackground="url(" + imagePath + "TriangleLeft_Lit.gif)";
	}
	// Determine the browser type so we can use the object correctly.
	switch (true)
	{
		case (document.layers):						// Netscape
			var styleObjRight=window.document.sideslide.document.slidebuttonright.style;
			var styleObjLeft=window.document.sideslide.document.slidebuttonleft.style;
			break;
		case (document.all):						// Internet Exploder
			var styleObjRight=document.all.slidebuttonright.style;
			var styleObjLeft=document.all.slidebuttonleft.style;
			break;
		case (document.getElementById('slidebuttonright')):	// Firefox
			var styleObjRight=document.getElementById('slidebuttonright').style;
			var styleObjLeft=document.getElementById('slidebuttonleft').style;
			break;
		default:								// All other browsers
			var styleObjRight=document.getElementById('slidebuttonright').style;
			var styleObjLeft=document.getElementById('slidebuttonleft').style;
	}
	// Set the right bar's stylesheet variables.
	with (styleObjRight)
	{
		background=newBackground;
		backgroundPosition="center center";
		backgroundRepeat="no-repeat";
		backgroundColor="#47250B";
	}
	// Set the left bar's stylesheet variables.
	with (styleObjLeft)
	{
		background=newBackground;
		backgroundPosition="center center";
		backgroundRepeat="no-repeat";
		backgroundColor="#47250B";
	}
	return false;
}

function TogglePane ()
{
	if (paneState != "Visible")
	{
		RevealPane();
	}
	else
	{
		HidePane();
	}
	return false;
}

function BlastPane ()
{
	leftPosAccum = 0;
	// Determine the browser type so we can use the object correctly.
	switch (true)
	{
		case (document.layers):						// Netscape
			window.document.sideslide.document.slidebuttonright.document.onclick = HidePane;
			window.document.sideslide.document.slidebuttonleft.document.onclick = HidePane;
			window.document.sideslide.left = leftPosAccum;
			break;
		case (document.all):						// Internet Exploder
			document.all.slidebuttonright.onclick = HidePane;
			document.all.slidebuttonleft.onclick = HidePane;
			document.all.sideslide.style.pixelLeft = leftPosAccum;
			break;
		case (document.getElementById('slidebuttonright')):	// Firefox
			document.getElementById('slidebuttonright').onclick = HidePane;
			document.getElementById('slidebuttonleft').onclick = HidePane;
			document.getElementById('sideslide').style.left = leftPosAccum + 'px';
			break;
		default:								// All other browsers
			document.getElementById('slidebuttonright').onclick = HidePane;
			document.getElementById('slidebuttonleft').onclick = HidePane;
			document.getElementById('sideslide').style.left = leftPosAccum + 'px';
	}
	// Ensure the cookie reflects that the pane is now revealed.
	paneState = "Visible";
	SetCookie ("paneState",paneState,yearDate,"/");
	UnhighlightPane();							// Unhighlight the bars.
	return false;
}


function RevealPane ()
{
	// Increment the horizontal leftPosAccum, revealing pixelOffset pixels
	leftPosAccum += pixelOffset;
	// Determine the browser type so we can use the object correctly.
	switch (true)
	{
		case (document.layers):							// Netscape
			window.document.sideslide.left = leftPosAccum;
			break;
		case (document.all):							// Internet Exploder
			document.all.sideslide.style.pixelLeft = leftPosAccum;
			break;
		case (document.getElementById('slidebuttonright')):		// Firefox
			document.getElementById('sideslide').style.left = leftPosAccum + 'px';
			break;
		default:									// All other browsers
			document.getElementById('sideslide').style.left = leftPosAccum + 'px';
	}
	
	if (leftPosAccum < 0)									// If the pane is still partially hidden
	{
		setTimeout('RevealPane()', speed);					// Recurse until the pane is fully visible
	}
	else											// The pane is fully visible. Reset the background.
	{
		switch (true)								// Embed correct onclick events and clean-up left.
		{
			case (document.layers):						// Netscape
				window.document.sideslide.document.slidebuttonright.onclick = HidePane;
				window.document.sideslide.document.slidebuttonleft.onclick = HidePane;
				break;
			case (document.all):						// Internet Exploder
				document.all.slidebuttonright.onclick = HidePane;
				document.all.slidebuttonleft.onclick = HidePane;
				break;
			case (document.getElementById('slidebuttonright')):	// Firefox
				document.getElementById('slidebuttonright').onclick = HidePane;
				document.getElementById('slidebuttonleft').onclick = HidePane;
				break;
			default:								// All other browsers
				document.getElementById('slidebuttonright').onclick = HidePane;
				document.getElementById('slidebuttonleft').onclick = HidePane;
		}
		// Ensure the cookie reflects that the pane is now revealed.
		paneState = "Visible";
		SetCookie ("paneState",paneState,yearDate,"/");
		UnhighlightPane();							// Unhighlight the bars.
		return false;
	}
}

function HidePane ()
{
	if (paneState != "Hidden")
	{
		// Increment the horizontal leftPosAccum, revealing pixelOffset pixels
		leftPosAccum -= pixelOffset;
		// Determine the browser type so we can use the object correctly.
		switch (true)
		{
			case (document.layers):							// Netscape
				window.document.sideslide.left = leftPosAccum;
				break;
			case (document.all):							// Internet Exploder
				document.all.sideslide.style.pixelLeft = leftPosAccum;
				break;
			case (document.getElementById('slidebuttonright')):		// Firefox
				document.getElementById('sideslide').style.left = leftPosAccum + 'px';
				break;
			default:									// All other browsers
				document.getElementById('sideslide').style.left = leftPosAccum + 'px';
		}
		
		if (leftPosAccum > leftPosMax)						// If the pane is still partially visible
		{
			setTimeout('HidePane()', speed);					// Recurse until the pane is fully hidden
		}
		else											// The pane is fully hidden. Reset the background.
		{
			leftPosAccum = leftPosMax;						// Force the left to the max.
			switch (true)								// Embed correct onclick events and clean-up left.
			{
				case (document.layers):						// Netscape
					window.document.sideslide.document.slidebuttonright.onclick = RevealPane;
					window.document.sideslide.document.slidebuttonleft.onclick = RevealPane;
					window.document.sideslide.left = leftPosAccum;
					break;
				case (document.all):						// Internet Exploder
					document.all.slidebuttonright.onclick = RevealPane;
					document.all.slidebuttonleft.onclick = RevealPane;
					document.all.sideslide.style.pixelLeft = leftPosAccum;
					break;
				case (document.getElementById('slidebuttonright')):	// Firefox
					document.getElementById('slidebuttonright').onclick = RevealPane;
					document.getElementById('slidebuttonleft').onclick = RevealPane;
					document.getElementById('sideslide').style.left = leftPosAccum + 'px';
					break;
				default:								// All other browsers
					document.getElementById('slidebuttonright').onclick = RevealPane;
					document.getElementById('slidebuttonleft').onclick = RevealPane;
					document.getElementById('sideslide').style.left = leftPosAccum + 'px';
			}
			// Ensure the cookie reflects that the pane is now hidden.
			paneState = "Hidden";
			SetCookie ("paneState",paneState,yearDate,"/");
			UnhighlightPane();							// Unhighlight the bars.
			return false;
		}
	}
	else
	{
		paneState = "Hidden";
		SetCookie ("paneState",paneState,yearDate,"/");
		UnhighlightPane();							// Unhighlight the bars.
		return false;
	}
}
<!--NNresizeFix Reloads the page to workaround a Netscape Bug-->
if (document.layers) {<!-- Netscape -->
	origWidth = innerWidth;
	origHeight = innerHeight;
	reDo();
}

function reDo()
{
	if (innerWidth != origWidth || innerHeight != origHeight)
	{
		location.reload();
	}

	if (document.layers) {<!-- Netscape -->
		onresize = reDo;
	}
}
-->
