//preload images 
if (document.images)
{
	//navigational  buttons
	nav_btn_off		= new Image;
	nav_btn_on		= new Image;
	nav_btn_hilite	= new Image;
	
	nav_btn_off.src		= "images/btn_off.gif";
	nav_btn_on.src		= "images/btn_on.gif";
	nav_btn_hilite.src	= "images/btn_hilite.gif";
	
	//arrows
	arrow_left			= new Image;
	arrow_left_hilite	= new Image;
	arrow_right			= new Image;
	arrow_right_hilite	= new Image;
	arrow_up			= new Image;
	arrow_up_hilite		= new Image;
	
	arrow_left.src			= "images/arrow_left.gif";
	arrow_left_hilite.src	= "images/arrow_left_hilite.gif";
	arrow_right.src			= "images/arrow_right.gif";
	arrow_right_hilite.src	= "images/arrow_right_hilite.gif";
	arrow_up.src			= "images/arrow_up.gif";
	arrow_up_hilite.src		= "images/arrow_up_hilite.gif";
}


//images rollovers	
function roll(imgField, newImg, theLayer)
{
	if (document.images)
	{
		if (document.all)
		{
			document[imgField].src = eval(newImg + ".src")
		}
		else if(document.layers)
		{
			theObj = eval("document." + theLayer + ".document." + imgField);
			theObj.src = eval(newImg + ".src")
		}
		else
		{
			document[imgField].src = eval(newImg + ".src");
		}
	}	
}

//change font color for the chosen div
	function focusIt(chosen)
	{
		for (var i=0; i < poemNo; i++)
		{
			
			var eachObj = "poem" + i;
			
			if( eachObj != chosen)
			{
				if (document.all)
				{
					theDiv = document.all(eachObj).style;
					theDiv.color = "#999999";
					theDiv.zIndex = "1";
					theDiv.fontWeight = "normal";
					theDiv.fontSize = "10pt";
				}
				else if (document.getElementById)
				{
					theDiv = document.getElementById(eachObj).style;
					theDiv.color = "#999999";
					theDiv.zIndex = "1";
					theDiv.fontWeight = "normal";
					theDiv.fontSize = "10pt";
				}
				else
				{
					theDiv = document.layers[eachObj];
					theDiv.visibility = "hide";
				}
				
			}else
			{
				if (document.all)
				{
					theDiv = document.all(eachObj).style;
					theDiv.color = "#990000";
					theDiv.zIndex = "20";
					theDiv.fontWeight = "bold";
					theDiv.fontSize = "11pt";
				}
				if (document.getElementById)
				{
					theDiv = document.getElementById(eachObj).style;
					theDiv.color = "#990000";
					theDiv.zIndex = "20";
					theDiv.fontWeight = "bold";
					theDiv.fontSize = "11pt";
				}
				else
				{
					theDiv = document.layers[eachObj];
					theDiv.visibility = "show";
				}
				
			}
		}
	}