//check if browser is capable, NS3+, IE4+

if (document.images) {

//first image image1

//base image

image1N= new Image(229,36);

image1N.src= 'http://diary.tsuioku.net/images/diary-03.gif' ;

//hover or rollover image

image1H= new Image(229,36);

image1H.src= 'http://diary.tsuioku.net/images/diary-03h.gif' ;

//image2

//base image

image2N= new Image(229,36);

image2N.src= 'http://diary.tsuioku.net/images/diary-04.gif' ;

//hover or rollover image

image2H= new Image(229,36);

image2H.src= 'http://diary.tsuioku.net/images/diary-04h.gif' ;

//image3

//base image

image3N= new Image(229,36);

image3N.src= 'http://diary.tsuioku.net/images/diary-05.gif' ;

//hover or rollover image

image3H= new Image(229,36);

image3H.src= 'http://diary.tsuioku.net/images/diary-05h.gif' ;

//image4

//base image

image4N= new Image(229,36);

image4N.src= 'http://diary.tsuioku.net/images/diary-06.gif' ;

//hover or rollover image

image4H= new Image(229,36);

image4H.src= 'http://diary.tsuioku.net/images/diary-06h.gif' ;

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