function SectorLogo(sectorLogoElement)
{    
    var element = sectorLogoElement;
    var originalSrc = element.src;
    var path = originalSrc.substring(0, originalSrc.lastIndexOf('/')+1);
    var extension = originalSrc.substring(originalSrc.lastIndexOf('.'), originalSrc.length);
    var originalImageName = originalSrc.substring(originalSrc.lastIndexOf('/')+1, originalSrc.lastIndexOf('.'))
    var highlightPostfix = '_Over';
    
    function Construct()
    {
        this.Highlight = function()
        {            
            element.src = path + originalImageName + highlightPostfix + extension;
        }
        
        this.Dim = function()
        {
            element.src = originalSrc;           
        }
    
        AddEvent(element, 'mouseover', this.Highlight);
        AddEvent(element, 'mouseout', this.Dim);
    }
    
    return new Construct();
}

function SectorImageLinksInit()
{
    if (document.getElementById('sectorImageLinks'))
    {
        var sectorImageLinks = document.getElementById('sectorImageLinks');
        
        //we might not have any sector images
        if (sectorImageLinks.getElementsByTagName('IMG'))
        {
            var sectorImages = sectorImageLinks.getElementsByTagName('IMG');
            
            for (var i=0; i<sectorImages.length; i++)
            {
                var sectorLogo = new SectorLogo(sectorImages[i]);
            }
        }
    }
}

AddLoadEvent(SectorImageLinksInit);