var over_images = {};
var off_images = {};

function registerRollover(elid, offimgPath, onimgPath)
{
    if (document.getElementById(elid))
    {
        var offimg = new Image();
        offimg.src = offimgPath;
        off_images[elid] = offimg;

        var overimg = new Image();
        overimg.src = onimgPath;
        over_images[elid] = overimg;
    }
}

function rollover(el)
{
    if (over_images[el.id])
        el.src = over_images[el.id].src;
}

function rollout(el)
{
    if (off_images[el.id])
        el.src = off_images[el.id].src;
}

function showOverlay()
{
    var overlay = $('#flashOverlayContainer');
    var flash = $('#flashOverlay');

    overlay.show();
    
    flash.get(0).playMask();
}

function hideOverlay()
{
    var overlay = $('#flashOverlayContainer');

    overlay.hide();
}