// this code is for using an external file to apply a rollover to several pages
// it could also be used in the HEAD tags of a page if you put it in
// SCRIPT tags

siOff = new Image
otherOff = new Image
usaOff = new Image
intlOff = new Image
gsiOff = new Image
missOff = new Image
rlfhsOff = new Image
sfacOff = new Image
mdonOff = new Image
trainOff = new Image
schdOff = new Image
wkshOff = new Image
enreqOff = new Image
aproOff = new Image
contOff = new Image
linkOff = new Image
memOff = new Image

siOver = new Image
otherOver = new Image
usaOver = new Image
intlOver = new Image
gsiOver = new Image
missOver = new Image
rlfhsOver = new Image
sfacOver = new Image
mdonOver = new Image
trainOver = new Image
schdOver = new Image
wkshOver = new Image
enreqOver = new Image
aproOver = new Image
contOver = new Image
linkOver = new Image
memOver = new Image


siOff.src = "images/buttons/si_bu.gif"
otherOff.src = "images/buttons/other_bu.gif"
usaOff.src = "images/buttons/usa_bu.gif"
intlOff.src = "images/buttons/intl_bu.gif"
gsiOff.src = "images/buttons/gsi_bu.gif"
missOff.src = "images/buttons/miss_bu.gif"
rlfhsOff.src = "images/buttons/rlfhs_bu.gif"
sfacOff.src = "images/buttons/sfac_bu.gif"
mdonOff.src = "images/buttons/mdon_bu.gif"
trainOff.src = "images/buttons/train_bu.gif"
schdOff.src = "images/buttons/schd_bu.gif"
wkshOff.src = "images/buttons/wksh_bu.gif"
enreqOff.src = "images/buttons/enreq_bu.gif"
aproOff.src = "images/buttons/apro_bu.gif"
contOff.src = "images/buttons/cont_bu.gif"
linkOff.src = "images/buttons/link_bu.gif"
memOff.src = "images/buttons/mem_bu.gif"





siOver.src = "images/buttons/si_bu_f2.gif"
otherOver.src = "images/buttons/other_bu_f2.gif"
usaOver.src = "images/buttons/usa_bu_f2.gif"
intlOver.src = "images/buttons/intl_bu_f2.gif"
gsiOver.src = "images/buttons/gsi_bu.gif"
missOver.src = "images/buttons/miss_bu.gif"
rlfhsOver.src = "images/buttons/rlfhs_bu.gif"
sfacOver.src = "images/buttons/sfac_bu.gif"
mdonOver.src = "images/buttons/mdon_bu.gif"
trainOver.src = "images/buttons/train_bu.gif"
schdOver.src = "images/buttons/schd_bu.gif"
wkshOver.src = "images/buttons/wksh_bu.gif"
enreqOver.src = "images/buttons/enreq_bu.gif"
aproOver.src = "images/buttons/apro_bu.gif"
contOver.src = "images/buttons/cont_bu.gif"
linkOver.src = "images/buttons/link_bu.gif"
memOver.src = "images/buttons/mem_bu.gif"

function imgOver(thisImg) {
	document[thisImg].src = "images/buttons/" + thisImg + "_f2.gif"
}

function imgOut(thisImg) {
	document[thisImg].src = "images/buttons/" + thisImg + ".gif"
}


//then the image tag on the page should look like this
// 
//      <a href="aboutsi.html" 
//      onmouseout="imgOut('si_bu')"          
//      onMouseover="imgOver('si_bu')"> 
//      <img name="si_bu" src="images/buttons/si_bu.gif" 
//      width="151" height="28" border="0" alt="About Structural Integration"></a> 
//