var dir;
var whichSite;

//precache all 'off' button images
var offImgs = new Array()
offImgs['about']    	= new Image(210,22);
offImgs['contact'] 	= new Image(210,22);
offImgs['catalog'] 	= new Image(210,22);
offImgs['merchant'] 	= new Image(210,22);
offImgs['salesreps'] 	= new Image(210,22);
offImgs['trunkshows'] 	= new Image(210,22);
offImgs['tradeshows'] 	= new Image(210,22);
offImgs['best'] 	= new Image(210,22);

//off images array -- set 'off' image path for each image
offImgs['about'].src        	= dir+"images/nav_about.gif";
offImgs['contact'].src		= dir+"images/nav_contact.gif";
offImgs['catalog'].src		= dir+"images/nav_catalog.gif";
offImgs['merchant'].src	        = dir+"images/nav_merchant.gif";
offImgs['salesreps'].src	= dir+"images/nav_salesreps.gif";
offImgs['trunkshows'].src	= dir+"images/nav_trunkshows.gif";
offImgs['tradeshows'].src	= dir+"images/nav_tradeshows.gif";
offImgs['best'].src	        = dir+"images/nav_best.gif";

//precache all 'on' button images
var onImgs = new Array()
onImgs['about'] 	    = new Image(210,22);
onImgs['contact'] 	    = new Image(210,22);
onImgs['catalog'] 	    = new Image(210,22);
onImgs['merchant'] 	    = new Image(210,22);
onImgs['salesreps'] 	    = new Image(210,22);
onImgs['trunkshows'] 	    = new Image(210,22);
onImgs['tradeshows'] 	    = new Image(210,22);
onImgs['best'] 	    	    = new Image(210,22);

//on images array -- set 'on' image path for each image
onImgs['about'].src		= dir+"images/nav_about_on.gif";
onImgs['contact'].src		= dir+"images/nav_contact_on.gif";
onImgs['catalog'].src    	= dir+"images/nav_catalog_on.gif";
onImgs['merchant'].src	        = dir+"images/nav_merchant_on.gif";
onImgs['salesreps'].src	        = dir+"images/nav_salesreps_on.gif";
onImgs['trunkshows'].src        = dir+"images/nav_trunkshows_on.gif";
onImgs['tradeshows'].src        = dir+"images/nav_tradeshows_on.gif";
onImgs['best'].src        	= dir+"images/nav_best_on.gif";

function imageOn(i) {
	document.images[i].src = onImgs[i].src
}

function imageOff(i) {
	document.images[i].src = offImgs[i].src
}

document.write('<table cellpadding="0" cellspacing="0" width="100%" border="0" bgcolor="#COB275">');
document.write('<tr><td bgcolor="#COB275">');

if (whichSite == "visit") {
	
	document.write('<a href="' +dir+ 'about.php" onMouseOver="imageOn(\'about\');" onMouseOut="imageOff(\'about\');"><img src="'+dir+'images/nav_about.gif" width=200 height=26 alt="About Athena Designs" border="0" name="about"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="' +dir+ 'contact.php"  onMouseOver="imageOn(\'contact\');" onMouseOut="imageOff(\'contact\');"><img src="'+dir+'images/nav_contact.gif" width=200 height=26 alt="Contact Us" border="0" name="contact"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/visit/store/commerce.cgi" onMouseOver="imageOn(\'catalog\');" onMouseOut="imageOff(\'catalog\');"><img src="'+dir+'images/nav_catalog.gif" width=200 height=26 alt="Our Collections" border="0" name="catalog"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="'+dir+'merchant.php" onMouseOver="imageOn(\'merchant\');" onMouseOut="imageOff(\'merchant\');"><img src="'+dir+'images/nav_merchant.gif" width=200 height=26 alt="Merchants" border="0" name="merchant"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="'+dir+'trunkshows.php" onMouseOver="imageOn(\'trunkshows\');" onMouseOut="imageOff(\'trunkshows\');"><img src="'+dir+'images/nav_trunkshows.gif" width=200 height=26 alt="Trunk Shows" border="0" name="trunkshows"></a><br>');	
//	document.write('</td></tr><tr><td>');
//	document.write('<a href="http://www.athenadesigns.com/visit/store/commerce.cgi?cart_id=&product=Wellness" onMouseOver="imageOn(\'wellness\');" onMouseOut="imageOff(\'wellness\');"><img src="'+dir+'images/nav_wellness.gif" width=200 height=26 alt="Courage of Wellness Bracelet" border="0" name="wellness"></a><br>');	

} else if (whichSite == "merchant") {
	
	document.write('<a href="http://www.athenadesigns.com/merchant/about.php" onMouseOver="imageOn(\'about\');" onMouseOut="imageOff(\'about\');"><img src="'+dir+'images/nav_about.gif" width=200 height=26 alt="About Athena Designs" border="0" name="about"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/contact.php"  onMouseOver="imageOn(\'contact\');" onMouseOut="imageOff(\'contact\');"><img src="'+dir+'images/nav_contact.gif" width=200 height=26 alt="Contact Us" border="0" name="contact"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/cgi-bin/store/commerce.cgi" onMouseOver="imageOn(\'catalog\');" onMouseOut="imageOff(\'catalog\');"><img src="'+dir+'images/nav_catalog.gif" width=200 height=26 alt="Our Collections" border="0" name="catalog"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/merchant.php" onMouseOver="imageOn(\'merchant\');" onMouseOut="imageOff(\'merchant\');"><img src="'+dir+'images/nav_merchant.gif" width=200 height=26 alt="Merchants" border="0" name="merchant"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/tradeshows.php" onMouseOver="imageOn(\'tradeshows\');" onMouseOut="imageOff(\'tradeshows\');"><img src="'+dir+'images/nav_tradeshows.gif" width=200 height=26 alt="Trade Shows" border="0" name="tradeshows"></a><br>');	
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/trunkshows.php" onMouseOver="imageOn(\'trunkshows\');" onMouseOut="imageOff(\'trunkshows\');"><img src="'+dir+'images/nav_trunkshows.gif" width=200 height=26 alt="Trunk Shows" border="0" name="trunkshows"></a><br>');	
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/salesreps.php" onMouseOver="imageOn(\'salesreps\');" onMouseOut="imageOff(\'salesreps\');"><img src="'+dir+'images/nav_salesreps.gif" width=200 height=26 alt="Sales Reps" border="0" name="salesreps"></a><br>');	
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/merchant/pdf/sum10_merchant/sum10_merchant_best.pdf" onMouseOver="imageOn(\'best\');" onMouseOut="imageOff(\'best\');"><img src="'+dir+'images/nav_best.gif" width=200 height=26 alt="Best of Summer 2010" border="0" name="best"></a><br>');
		
} else if (whichSite == "showroom") {
	
	document.write('<a href="http://www.athenadesigns.com/showroom/about.php" onMouseOver="imageOn(\'about\');" onMouseOut="imageOff(\'about\');"><img src="'+dir+'images/nav_about.gif" width=200 height=26 alt="About Athena Designs" border="0" name="about"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/showroom/contact.php"  onMouseOver="imageOn(\'contact\');" onMouseOut="imageOff(\'contact\');"><img src="'+dir+'images/nav_contact.gif" width=200 height=26 alt="Contact Us" border="0" name="contact"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/showroom/cgi-bin/store/commerce.cgi" onMouseOver="imageOn(\'catalog\');" onMouseOut="imageOff(\'catalog\');"><img src="'+dir+'images/nav_catalog.gif" width=200 height=26 alt="Our Collections" border="0" name="catalog"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/showroom/merchant.php" onMouseOver="imageOn(\'merchant\');" onMouseOut="imageOff(\'merchant\');"><img src="'+dir+'images/nav_merchant.gif" width=200 height=26 alt="Merchants" border="0" name="merchant"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/showroom/trunkshows.php" onMouseOver="imageOn(\'trunkshows\');" onMouseOut="imageOff(\'trunkshows\');"><img src="'+dir+'images/nav_trunkshows.gif" width=200 height=26 alt="Trunk Shows" border="0" name="trunkshows"></a><br>');	
//	document.write('</td></tr><tr><td>');
//	document.write('<a href="http://www.athenadesigns.com/showroom/cgi-bin/store/commerce.cgi?cart_id=&product=Wellness" onMouseOver="imageOn(\'wellness\');" onMouseOut="imageOff(\'wellness\');"><img src="'+dir+'images/nav_wellness.gif" width=200 height=26 alt="Courage of Wellness Bracelet" border="0" name="wellness"></a><br>');	

} else {
	
	document.write('<a href="'+dir+'about.php" onMouseOver="imageOn(\'about\');" onMouseOut="imageOff(\'about\');"><img src="'+dir+'images/nav_about.gif" width=200 height=26 alt="About Athena Designs" border="0" name="about"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="'+dir+'contact.php"  onMouseOver="imageOn(\'contact\');" onMouseOut="imageOff(\'contact\');"><img src="'+dir+'images/nav_contact.gif" width=200 height=26 alt="Contact Us" border="0" name="contact"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="http://www.athenadesigns.com/visit/store/commerce.cgi" onMouseOver="imageOn(\'catalog\');" onMouseOut="imageOff(\'catalog\');"><img src="'+dir+'images/nav_catalog.gif" width=200 height=26 alt="Our Collections" border="0" name="catalog"></a><br>');
	document.write('</td></tr><tr><td>');
	document.write('<a href="'+dir+'trunkshows.php" onMouseOver="imageOn(\'trunkshows\');" onMouseOut="imageOff(\'trunkshows\');"><img src="'+dir+'images/nav_trunkshows.gif" width=200 height=26 alt="Trunk Shows" border="0" name="trunkshows"></a><br>');	
	document.write('</td></tr><tr><td>');
	document.write('<a href="'+dir+'merchant.php" onMouseOver="imageOn(\'merchant\');" onMouseOut="imageOff(\'merchant\');"><img src="'+dir+'images/nav_merchant.gif" width=200 height=26 alt="Merchants" border="0" name="merchant"></a><br>');

}

document.write('</td></tr>');
document.write('</table>');