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

if (document.images) {

    //preload images

    //base image

    img1N = new Image(108, 66);

    img1N.src = 'image/sosign.jpg';

    //hover or rollover image

    img1H = new Image(108, 66);

    img1H.src = 'image/sosign2.jpg';

    //image2

    //base image

    image2N = new Image(100, 30);

    image2N.src = 'image/posign.jpg';

    //hover or rollover image

    image2H = new Image(100, 30);

    image2H.src = 'image/posign2.jpg';

    //image3

    //base image

    image3N = new Image(100, 30);

    image3N.src = 'image/chefsi.jpg';

    //hover or rollover image

    image3H = new Image(100, 30);

    image3H.src = 'image/chefsi2.jpg'; 

    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

//-->