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

//preload images - insert the names and sizes of your images here:
if (browserVer == 1) {

a1 = new Image(70,20);
a1.src = "buttons/homeA.jpg";
a2 = new Image(70,20);
a2.src = "buttons/homeB.jpg";
b1 = new Image(70,20);
b1.src = "buttons/insideA.jpg";
b2 = new Image(70,20);
b2.src = "buttons/insideB.jpg";
c1 = new Image(70,20);
c1.src = "buttons/outsideA.jpg";
c2 = new Image(70,20);
c2.src = "buttons/outsideB.jpg";
d1 = new Image(70,20);
d1.src = "buttons/photoA.jpg";
d2 = new Image(70,20);
d2.src = "buttons/photoB.jpg";
e1 = new Image(70,20);
e1.src = "buttons/locationA.jpg";
e2 = new Image(70,20);
e2.src = "buttons/locationB.jpg";
f1 = new Image(70,20);
f1.src = "buttons/bookingA.jpg";
f2 = new Image(70,20);
f2.src = "buttons/bookingB.jpg";
h1 = new Image(70,20);
h1.src = "buttons/linksA.jpg";
h2 = new Image(70,20);
h2.src = "buttons/linksB.jpg";
j1 = new Image(70,20);
j1.src = "buttons/emailA.jpg";
j2 = new Image(70,20);
j2.src = "buttons/emailB.jpg";
s1 = new Image(40,100);
s1.src = "images/arrow_left.gif";
s2 = new Image(40,100);
s2.src = "images/arrow_left_over.gif";
k1 = new Image(40,100);
k1.src = "images/arrow_right.gif";
k2 = new Image(40,100);
k2.src = "images/arrow_right_over.gif";
}

function hiLite(imgDocID,imgObjName) {
if (browserVer == 1) {
        document.images[imgDocID].src = eval(imgObjName + ".src")
}}