//	Preload
one		= newImage("images/1small.gif");
two		= newImage("images/2small.gif");
three	= newImage("images/3small.gif");
four	= newImage("images/4small.gif");
five	= newImage("images/5small.gif");
six		= newImage("images/6small.gif");
seven	= newImage("images/7small.gif");
eight	= newImage("images/8small.gif");

one_o	= newImage("images/1small-over.gif");
two_o	= newImage("images/2small-over.gif");
three_o	= newImage("images/3small-over.gif");
four_o	= newImage("images/4small-over.gif");
five_o	= newImage("images/5small-over.gif");
six_o	= newImage("images/6small-over.gif");
seven_o	= newImage("images/7small-over.gif");
eight_o	= newImage("images/8small-over.gif");

one_b	= newImage("images/1.gif");
two_b	= newImage("images/2.gif");
three_b	= newImage("images/3.gif");
four_b	= newImage("images/4.gif");
five_b	= newImage("images/5.gif");
six_b	= newImage("images/6.gif");
seven_b	= newImage("images/7.gif");
eight_b	= newImage("images/8.gif");

//	Mouseover Function
function roll(slot,src)
{
	eval("window.document." + slot + ".src=" + src + ".src");
}

//	Preload Image
function newImage(source)
{
	var image = new Image();
	image.src = source;
	return image;
}

document.write("Click on the section you want information about.<br>");
document.write("<a href=\"javascript:roll('req','one_b')\" onMouseOver=\"roll('one','one_o');\" onMouseOut=\"roll('one','one');\"><img src='images/1small.gif' width='118' height='35' alt='' border='0' name='one'></a><br>");
document.write("<a href=\"javascript:roll('req','two_b')\" onMouseOver=\"roll('two','two_o');\" onMouseOut=\"roll('two','two');\"><img src='images/2small.gif' width='118' height='10' alt='' border='0' name='two'></a><br>");
document.write("<a href=\"javascript:roll('req','three_b')\" onMouseOver=\"roll('three','three_o');\" onMouseOut=\"roll('three','three');\"><img src='images/3small.gif' width='68' height='42' alt='' border='0' name='three'></a><a href=\"javascript:roll('req','four_b')\" onMouseOver=\"roll('four','four_o');\" onMouseOut=\"roll('four','four');\"><img src='images/4small.gif' width='50' height='42' alt='' border='0' name='four'></a><br>");
document.write("<a href=\"javascript:roll('req','five_b')\" onMouseOver=\"roll('five','five_o');\" onMouseOut=\"roll('five','five');\"><img src='images/5small.gif' width='57' height='22' alt='' border='0' name='five'></a><a href=\"javascript:roll('req','six_b')\" onMouseOver=\"roll('six','six_o');\" onMouseOut=\"roll('six','six');\"><img src='images/6small.gif' width='61' height='22' alt='' border='0' name='six'></a><br>");
document.write("<a href=\"javascript:roll('req','seven_b')\" onMouseOver=\"roll('seven','seven_o');\" onMouseOut=\"roll('seven','seven');\"><img src='images/7small.gif' width='118' height='15' alt='' border='0' name='seven'></a><br>");
document.write("<a href=\"javascript:roll('req','eight_b')\" onMouseOver=\"roll('eight','eight_o');\" onMouseOut=\"roll('eight','eight');\"><img src='images/8small.gif' width='118' height='26' alt='' border='0' name='eight'></a><br>");
document.write("<br><table cellpadding=0 cellspacing=0 border=0 width=120>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','one_b')\" onMouseOver=\"roll('one','one_o');\" onMouseOut=\"roll('one','one');\">Client Information</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','two_b')\" onMouseOver=\"roll('two','two_o');\" onMouseOut=\"roll('two','two');\">Billing Information</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','three_b')\" onMouseOver=\"roll('three','three_o');\" onMouseOut=\"roll('three','three');\">Specifications</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','four_b')\" onMouseOver=\"roll('four','four_o');\" onMouseOut=\"roll('four','four');\">Binding and Finishing</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','five_b')\" onMouseOver=\"roll('five','five_o');\" onMouseOut=\"roll('five','five');\">Design Services</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','six_b')\" onMouseOver=\"roll('six','six_o');\" onMouseOut=\"roll('six','six');\">Addressing / Mailing</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','seven_b')\" onMouseOver=\"roll('seven','seven_o');\" onMouseOut=\"roll('seven','seven');\">Special Instructions</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=\"javascript:roll('req','eight_b')\" onMouseOver=\"roll('eight','eight_o');\" onMouseOut=\"roll('eight','eight');\">Delivery Instructions</a></td></tr>");
document.write("<tr><td valign='top'>> </td><td valign='top'><a href=../../copy.central/pdf/requisition.pdf>Download Form (PDF)</a></td></tr>");
document.write("</table>");