
<!--
BrowChek =
(((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion) >= 3 )) ||
((navigator.appName == "Microsoft Internet Explorer") &&
(parseInt(navigator.appVersion) >= 4 )));
function NameOfImage(img)
{
var MyNewImage=new Image(); MyNewImage.src=img; return MyNewImage;
}
// -->

 <!-- First Image --> 
<!--
if(BrowChek) { ImageNumber1n=NameOfImage('../../design/menu/about.png'); ImageNumber1h=NameOfImage('../../design/menu/about_active.png'); }
// -->


<!--// 

//check if browser is capable, NS3+, IE4+
if (document.images){
//preload images
//base image
img1N=new Image(160,32);
img1N.src='../../design/menu/robbie.png';
//hover or rollover image
img1H=new Image(160,32);
img1H.src='../../design/menu/robbie_active.png';
//5 images
//first image image1
//base image
image1N=new Image(160,30);
image1N.src='../../design/menu/photos.png';
//hover or rollover image
image1H=new Image(160,30);
image1H.src='../../design/menu/photos_active.png';
//image2
//base image
image2N=new Image(160,29);
image2N.src='../../design/menu/media.png';
//hover or rollover image
image2H=new Image(160,29);
image2H.src='../../design/menu/media_active.png';
//image3
//base image
image3N=new Image(160,30);
image3N.src='../../design/menu/contacts.png';
//hover or rollover image
image3H=new Image(160,30);
image3H.src='../../design/menu/contacts_active.png';
//end of 4 images

function myOn(myImgName){
//we need to name the image in the BODY
//so we can use its name here
 document[myImgName].src=eval(myImgName+'H').src;
}
function myOut(myImgName){
document[myImgName].src=eval(myImgName+'N').src;
}
}//end of if document.images
//-->

<!-- Begin

function changeImage(filename)
{
  mainimage.src = filename;
}

//  End -->