// IE3 safe image switching code
var goodBrowser = 0;

if(document.images){
        // enable rollovers
        goodBrowser = 1;
        
        //image preloading stuff
        //put your images that will be used into a comma delimited
        //list on the next line... follow the example =)
        var preLoad = new Array('/brooks/images/nav_home_over.jpg','/brooks/images/nav_ourProducts_over.jpg','/brooks/images/nav_recipes_over.gif','/brooks/images/nav_chiliAnd_over.jpg','/brooks/images/nav_aboutBrooks_over.jpg');

        //don't touch this (it does the pre-loading for you)
        for(var i = 0; i < preLoad.length;i++){
                var k = new Image();
                k.src = preLoad[i];
        }
        
}

function flipper(){
        if(goodBrowser == 1){
                for(var i = 0; i < flipper.arguments.length; i += 2){
                document.images[flipper.arguments[i]].src = flipper.arguments[i+1];
                }
        }

}

function popWindow(width, height, URL){
        var popWindow = window.open(URL,"popWindow",'resizable=yes,toolbar=no,directories=no,menubar=no,status=no,width=' + width + ',height=' + height);
        popWindow.focus();
}