Web Development

//img is the first original red img and rolloverURL is the first color image that
//I want to change to
//over heading is the image I want the underneath img to change to first
//and overContent is the img I want the underneath img to change to last.
function addRollover(img, rolloverURL, overHeading, overContent) 
{
        var id = img;
        var contentBase = document.content.src;
        
 
        img = document.images[id];
        
        var baseUrl = img.src;
        
        (new Image()).src = rolloverURL;
        (new Image()).src = overHeading;
        (new Image()).src = overContent;
        
img.src = rolloverURL;
document.content.src = overHeading;
document.content.onclick = function () { document.content.src = overContent;}
img.onmouseout = function() { img.src = baseUrl; }
document.content.onmouseout = function () { document.content.src = contentBase;}
}