function postCardClicked(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Click.png");
}

function postCardHovered(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Hover.png");
}

function postCardUnHovered(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Normal.png");
}

function setupPostcard(inId, inName)
{
    var imageHolder = document.getElementById(inId);
    imageHolder.onmouseover = function(){postCardHovered(imageHolder, inName);}
    imageHolder.onmouseup   = function(){postCardHovered(imageHolder, inName);}
    imageHolder.onmousedown = function(){postCardClicked(imageHolder, inName);}
    imageHolder.onmouseout  = function(){postCardUnHovered(imageHolder, inName);}
}

function menuClicked(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Click.png");
}

function menuHovered(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Hover.png");
}

function menuHoveredDropDownIE(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Hover.png");
    inImage.parentNode.parentNode.parentNode.className = inImage.parentNode.parentNode.parentNode.className + " imhovering";
}

function menuUnHovered(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Normal.png");
}

function menuUnHoveredIE(inImage, inName)
{
    inImage.src = inImage.src.replace(new RegExp(inName + ".+$"), inName + "Normal.png");
    inImage.parentNode.parentNode.parentNode.className = "menubartoplayer";
}

function addMenuEvents(inId, inName, isDropDown)
{
    var imageHolder = document.getElementById(inId);
    var ulNode = imageHolder.parentNode.parentNode.parentNode;
    ulNode.onmouseover = (document.all && isDropDown)?function(){menuHoveredDropDownIE(imageHolder, inName);}:function(){menuHovered(imageHolder, inName);};
    ulNode.onmouseup   = function(){menuHovered(imageHolder, inName);}
    ulNode.onmousedown = function(){menuClicked(imageHolder, inName);}
    ulNode.onmouseout  = (document.all && isDropDown)?function(){menuUnHoveredIE(imageHolder, inName);}:function(){menuUnHovered(imageHolder, inName);}
}