var Images = document.getElementsByTagName("img");
var Links = document.getElementsByTagName("a");

function HighlightAssociatedImage(objLink, bOn)
{
    var img = objLink.getAttribute("imgName");
    
    for (var i = 0; i < Images.length; i++)
    {
        if (Images[i].className.indexOf("cssOver") != -1 && 
            Images[i].getAttribute("name") == img)
        {
            if (bOn)
            {
                Highlight(Images[i]);
            }
            else
            {
                Unhighlight(Images[i]);
            }
            
            break;
        }
    }
}

function HighlightAssociatedLink(objImage, bOn)
{
    var link = objImage.getAttribute("linkName");
    
    for (var l = 0; l < Links.length; l++)
    {
        if (Links[l].className.indexOf("cssOver") != -1 && 
            Links[l].getAttribute("name") == link)
        {
            if (bOn)
            {
                Highlight(Links[l]);
            }
            else
            {
                Unhighlight(Links[l]);
            }
            
            break;
        }
    }
    
    if (bOn)
    {
        Highlight(objImage);
    }
    else
    {
        Unhighlight(objImage);
    }
}

function Highlight(obj)
{
    var classOver = obj.getAttribute("classOver");
    var classCurrent = obj.className;
    obj.setAttribute("classOut", classCurrent);
    obj.className = classCurrent + " " + classOver;
}

function Unhighlight(obj)
{
    var classOut = obj.getAttribute("classOut");
    
    if (classOut != null)
    {
        obj.className = classOut;
        obj.setAttribute("classOut", null);
    }
}