//detect browser:
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) browserVer = "1";
else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1";
else browserVer = "2";

//image swapping function:
function hiLite(imgDocID, imgObjName, comment) {
if (browserVer == 1) {
document.images[imgDocID].src = eval(imgObjName + ".src");
window.status = comment; return true;
}} 
	   
//Below is the code that pre-loads the graphics 
{

//These are the large images
alt0 = new Image(125, 99);
alt0.src = "images/white1.gif";

alt1 = new Image(125, 99);
alt1.src = "images/store-bb-bannana.jpg";

alt2 = new Image(125, 99);
alt2.src = "images/store-bb-hippo.jpg";

alt3 = new Image(125, 99);
alt3.src = "images/store-bb-bear.jpg";

alt4 = new Image(125, 99);
alt4.src = "images/store-bb-seal.jpg";

alt5 = new Image(125, 99);
alt5.src = "images/store-bb-cat.jpg";

alt6 = new Image(125, 99);
alt6.src = "images/store-bb-butterfly.jpg";

alt7 = new Image(125, 99);
alt7.src = "images/store-bb-elephant.jpg";

alt8 = new Image(147, 80);
alt8.src = "images/store-bb-dino.jpg";

alt9 = new Image(100, 178);
alt9.src = "images/store-bb-seahorse.jpg";

alt10 = new Image(125, 99);
alt10.src = "images/store-bb-foot.jpg";

alt11 = new Image(125, 99);
alt11.src = "images/store-bb-dolphin.jpg";

alt12 = new Image(125, 99);
alt12.src = "images/store-bb-whale.jpg";

alt13 = new Image(125, 99);
alt13.src = "images/store-bb-turtle.jpg";

alt14 = new Image(125, 99);
alt14.src = "images/store-bb-frog.jpg";

alt15 = new Image(125, 99);
alt15.src = "images/store-bb-duck.jpg";

alt16 = new Image(125, 99);
alt16.src = "images/store-bb-rabbit.jpg";

alt17 = new Image(125, 99);
alt17.src = "images/store-bb-penguin.jpg";

alt18 = new Image(125, 99);
alt18.src = "images/store-bb-pig.jpg";

alt19 = new Image(125, 99);
alt19.src = "images/store-bb-moon.jpg";

alt20 = new Image(125, 99);
alt20.src = "images/store-bb-sun.jpg";

alt21 = new Image(125, 99);
alt21.src = "images/store-bb-cow.jpg";

alt22 = new Image(110, 178);
alt22.src = "images/store-bb-boy.jpg";

alt23 = new Image(110, 178);
alt23.src = "images/store-bb-girl.jpg";

alt24 = new Image(125, 99);
alt24.src = "images/store-bb-flower.jpg";

alt25 = new Image(125, 99);
alt25.src = "images/store-bb-strawberries.jpg";


//These are the first button graphics

graphic1= new Image(100, 16);
graphic1.src = "images/store-bb-bannana.gif"
graphic1on = new Image(100, 16);
graphic1on.src = "images/store-bb-bannana.gif";

graphic2= new Image(100, 16);
graphic2.src = "images/store-bb-hippo.gif";
graphic2on = new Image(100, 16);
graphic2on.src = "images/store-bb-hippo.gif";

graphic3= new Image(100, 16);
graphic3.src = "images/store-bb-bear.gif";
graphic3on = new Image(100, 25);
graphic3on.src = "images/store-bb-bear.gif";

graphic4= new Image(100, 16);
graphic4.src = "images/store-bb-seal.gif";
graphic4on = new Image(100, 16);
graphic4on.src = "images/store-bb-seal.gif";

graphic5= new Image(100, 16);
graphic5.src = "images/store-bb-cat.gif";
graphic5on = new Image(100, 16);
graphic5on.src = "images/store-bb-cat.gif";

graphic6= new Image(100, 16);
graphic6.src = "images/store-bb-butterfly.gif";
graphic6on = new Image(100, 16);
graphic6on.src = "images/store-bb-butterfly.gif";

graphic7= new Image(100, 16);
graphic7.src = "images/store-bb-elephant.gif";
graphic7on = new Image(100, 16);
graphic7on.src = "images/store-bb-elephant.gif";

graphic8= new Image(100, 16);
graphic8.src = "images/store-bb-dino.gif";
graphic8on = new Image(100, 16);
graphic8on.src = "images/store-bb-dino.gif";

graphic9= new Image(100, 16);
graphic9.src = "images/store-bb-seahorse.gif";
graphic9on = new Image(100, 16);
graphic9on.src = "images/store-bb-seahorse.gif";

graphic10= new Image(100, 16);
graphic10.src = "images/store-bb-foot.gif";
graphic10on = new Image(100, 16);
graphic10on.src = "images/store-bb-foot.gif";

graphic11= new Image(100, 16);
graphic11.src = "images/store-bb-dolphin.gif";
graphic11on = new Image(100, 16);
graphic11on.src = "images/store-bb-dolphin.gif";

graphic12= new Image(100, 16);
graphic12.src = "images/store-bb-whale.gif";
graphic12on = new Image(100, 16);
graphic12on.src = "images/store-bb-whale.gif";

graphic13= new Image(100, 16);
graphic13.src = "images/store-bb-turtle.gif";
graphic13on = new Image(100, 16);
graphic13on.src = "images/store-bb-turtle.gif";

graphic14= new Image(100, 16);
graphic14.src = "images/store-bb-frog.gif";
graphic14on = new Image(100, 16);
graphic14on.src = "images/store-bb-frog.gif";

graphic15= new Image(100, 16);
graphic15.src = "images/store-bb-duck.gif";
graphic15on = new Image(100, 16);
graphic15on.src = "images/store-bb-duck.gif";

graphic16= new Image(100, 16);
graphic16.src = "images/store-bb-rabbit.gif";
graphic16on = new Image(100, 16);
graphic16on.src = "images/store-bb-rabbit.gif";

graphic17= new Image(100, 16);
graphic17.src = "images/store-bb-penquin.gif";
graphic17on = new Image(100, 16);
graphic17on.src = "images/store-bb-penquin.gif";

graphic18= new Image(100, 16);
graphic18.src = "images/store-bb-pig.gif";
graphic18on = new Image(100, 16);
graphic18on.src = "images/store-bb-pig.gif";

graphic19= new Image(100, 16);
graphic19.src = "images/store-bb-moon.gif";
graphic19on = new Image(100, 16);
graphic19on.src = "images/store-bb-moon.gif";

graphic20= new Image(100, 16);
graphic20.src = "images/store-bb-sun.gif";
graphic20on = new Image(100, 16);
graphic20on.src = "images/store-bb-sun.gif";

graphic21= new Image(100, 16);
graphic21.src = "images/store-bb-cow.gif";
graphic21on = new Image(100, 16);
graphic21on.src = "images/store-bb-cow.gif";

graphic22= new Image(100, 16);
graphic22.src = "images/store-bb-boy.gif";
graphic22on = new Image(100, 16);
graphic22on.src = "images/store-bb-boy.gif";

graphic23= new Image(100, 16);
graphic23.src = "images/store-bb-girl.gif";
graphic23on = new Image(100, 16);
graphic23on.src = "images/store-bb-girl.gif";

graphic24= new Image(100, 16);
graphic24.src = "images/store-bb-sunflower.gif";
graphic24on = new Image(100, 16);
graphic24on.src = "images/store-bb-sunflower.gif";

graphic25= new Image(100, 16);
graphic25.src = "images/store-bb-strawberry.gif";
graphic25on = new Image(100, 16);
graphic25on.src = "images/store-bb-strawberry.gif";


}
function imageChange(imageID,imageName,imageID2,imageName2) { 

{
document.images[imageID].src = eval(imageName + ".src");
document.images[imageID2].src = eval(imageName2 + ".src");
}

}