var rolloverlinks = new Array();

function CreateMouseovers()
{
    var index = 0;
    rolloverlinks.each(function(link)
    {
        if ( $(link[0]) != null )
        {
            $(link[0]).rel = index;
            Event.observe(link[0], 'mouseover', function() { SwapImage($(link[0]).rel, true); }, false);
            Event.observe(link[0], 'mouseout', function() { SwapImage($(link[0]).rel, false); }, false);
            index++;
        }
    });
    
    PreloadImages();
}

function SwapImage(index, mouseover)
{
    var images = $(rolloverlinks[index][0]).getElementsByTagName('img');
    
    if ( images.length > 0 )
    {
        var imgurl;
        if ( mouseover )
        {
            imgurl = rolloverlinks[index][1]
        } else {
            imgurl = rolloverlinks[index][2]
        }
        
        images[0].src = imgurl;
    }
}

function PreloadImages()
{
    var imgs = new Array();
    
    for ( var i = 0; i < rolloverlinks.length; i++ )
    {
        imgs[i] = new Image();
        imgs[i].src = rolloverlinks[0][1];
    }
}

function AddImage(cssclass, on_img, off_img)
{
    rolloverlinks[rolloverlinks.length] = new Array(cssclass, on_img, off_img);
}

Event.observe(window, "load", CreateMouseovers, false);