<!--
// THIS SCRIPT FOR NAV BAR AND ROLLOVERS --AS, 5/29/02
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this 
// notice with the code.

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}

setrollover("/images/home_rollover.jpg", "Home");
setrollover("/images/about_us_rollover.jpg", "About_Us");
setrollover("/images/products_rollover.jpg", "Products");
setrollover("/images/how_to_buy_rollover.jpg", "How_To_Buy");
setrollover("/images/applications_rollover.jpg", "Applications");
setrollover("/images/contact_us_rollover.jpg", "Contact_Us");
setrollover("/images/links_rollover.jpg", "Links");

document.write('<TABLE width="576" border="0" cellpadding="0" cellspacing="0">	<TR>		<TD width="76" height="46">			<DIV align="cen');
document.write('ter"><A href="http://www.stjohnassociates.com"><img src="/images/stjohnassociateslogo.jpg" alt="St. John Associates Logo" border');
document.write('="0"></A>			</DIV>		</TD>		<TD width="523" height="46"><IMG name="pagetoplogo" src="/images/pagetoplogo.jpg" border="0" al');
document.write('t="St. John Associates, Inc. - Products for Scientific Research"><IMG name="toprightfill" src="/images/topright.jpg" border="0">');
document.write('		</TD>	</TR>	<TR bgcolor="#000099">		<TD height="16" colspan="2" align="center"><A href="/index.htm" onMouseOver');
document.write('="rollover(\'Home\')" onMouseOut="rollout(\'Home\')"><img src="/images/home.jpg" name="Home" alt="Home Page Link" border="0"></A>');
document.write('<A href="/about/index.htm" onMouseOver="rollover(\'About_Us\')" onMouseOut="rollout(\'About_Us\')"><img src="/images/about_us.jpg" n');
document.write('ame="About_Us" alt="About Us Page" border="0"></A><A href="/products/index.htm" onMouseOver="rollover(\'Products\')" on');
document.write('MouseOut="rollout(\'Products\')"><img src="/images/products.jpg" name="Products" alt="Products Page" border="0"></A><A href="/c');
document.write('ontact/index.htm" onMouseOver="rollover(\'How_To_Buy\')" onMouseOut="rollout(\'How_To_Buy\')"><img src="/images/how_to_buy.jpg" name');
document.write('="How_To_Buy" alt="How to Buy Page" border="0"></A><A href="/applications/index.htm" onMouseOver="rollover(\'Applicati');
document.write('ons\')" onMouseOut="rollout(\'Applications\')"><img src="/images/applications.jpg" name="Applications" alt="Applications Page" bord');
document.write('er="0"></A><A href="/contact/index.htm" onMouseOver="rollover(\'Contact_Us\')" onMouseOut="rollout(\'Contact_Us\')"><IMG ');
document.write('src="/images/contact_us.jpg" name="Contact_Us" alt="Contact Us!" border="0"></A><A href="/links/index.htm" onMouseOver="rollo');
document.write('ver(\'Links\')" onMouseOut="rollout(\'Links\')"><img src="/images/links.jpg" name="Links" alt="Links Page" border="0"></A>		</TD>');
document.write('	</TR><tr><td>&nbsp;</td></tr></TABLE>');

//-->
