// code for simple rollovers

YAHOO.util.Event.onDOMReady(rolloverInit);

function rolloverInit() {
    var el = new YAHOO.util.Element('upper_fp_oxo');
    
    var images = el.getElementsByClassName("fp_roll", "img");
    for (var i = 0; i < images.length; i++) {
        setupRollover(images[i]);
    }
    
}
    
function setupRollover(thisImage) {
    thisImage.outImage = new Image();
    thisImage.outImage.src = thisImage.src;
    thisImage.onmouseout = rollOut;

    thisImage.overImage = new Image();
    thisImage.overImage.src = "img/" + thisImage.id + "_on.jpg";
    thisImage.onmouseover = rollOver;
}

function rollOver() {
    this.src = this.overImage.src;
}

function rollOut() {
    this.src = this.outImage.src;
}