/*
Script: Image Rollovers

Created on: April 12/2000
Created by; Chris Jones(chris@nkaos.com) & Paul Kalupnieks(paulk@nkaos.com).

Description: Changes the source of a given image to an on state and then back again.
			 The functions accept one parameted, the numeric value of that image in
			 the refname array.
			 
Compatibility: Javascript 1.0, Netscape 3.0+, Internet Explorer 4.0+
*/

var itsgood 	= document.images;
var refname 	= new Array(); //defines the name attribute
var off 		= new Array(); // defines an array for off iamges
var on 			= new Array(); // edfines an array for on images
var imagePath 	= pathMod + "images/nav/"; // this points to the directory where your nav images are

/* 
The refname array is used to build the on and off arrays.
For every image that will be a rollover, the has to be a name value in the tag.. like so
<img src="../images/howto.gif" width=119 height=25 border=0 alt="" NAME="howto">

To make the script more usable make all of the rollover images use this format
offimage = howto.gif
onimage  = howto_ov.gif

and give the image name value 'howto'
*/
refname[0] 	= "aboutUs";
refname[1] 	= "products";
refname[2] 	= "contactUs";
refname[3] 	= "search";
refname[4] 	= "aboutUsIndex";
refname[5] 	= "productsIndex";
refname[6] 	= "contactUsIndex";
refname[7] 	= "searchIndex";

for(j=0;j<refname.length;j++)
{
	if (itsgood){ 
		off[j] 		= new Image();
		off[j].src 	= imagePath + refname[j] + '.gif';
		on[j] 		= new Image();
		on[j].src 	= imagePath + refname[j] + '_ov.gif';
	}
}

// these are the functions that actually execute the the rollovers
// msover is for the oMouseover event, and msout is for the onMouseout event

function msover(number) {
	if (itsgood) {
		var name=refname[number];
		document.images[name].src = on[number].src;
	}
}
		
function msout(number) {
	if (itsgood) {
		var name=refname[number];
		document.images[name].src = off[number].src;
	}
}
//<a href="#.html" onFocus="this.blur();" onMouseover="msover('0');" onMouseout="msout('0');">Image</a>


// these are for the subNav
function subNavOver(name) {
	if (itsgood){
		document.images[name].src = pathMod + "images/nav/bullet_ov.gif";
	}
}

function subNavOut(name) {
	if (itsgood){
		document.images[name].src = pathMod + "images/nav/bullet.gif";
	}
}
//<a href="#.html" target="product" onFocus="this.blur();" onMouseover="subNavOver('arrow1');" onMouseout="subNavOut('arrow1');">BOOTS</a>

// these are for the subNav
function subNavOverVer(name) {
	if (itsgood){
		document.images[name].src = pathMod + "images/nav/bulletVer_ov.gif";
	}
}

function subNavOutVer(name) {
	if (itsgood){
		document.images[name].src = pathMod + "images/1px.gif";
	}
}
//<a href="#.html" target="product" onFocus="this.blur();" onMouseover="subNavOver('arrow1');" onMouseout="subNavOut('arrow1');">BOOTS</a>