function ShowHighlights()
{
    document.getElementById("HighlightsBox").style.display = "block";
}

function ShowHighlight(i)
{

    var aHighlights = getElementsByClassName("highlight", document);
    var oHighlight;
    var oSelectedHighlight;
        
    for(highlight in aHighlights)
    {
       oHighlight = document.getElementById("Highlight" + highlight);
       oHighlight.style.display = "none";
       $(oHighlight).find(".image").stop().animate({opacity: '0.3'},200);
       $(oHighlight).find(".summary").stop().animate({height:'0px',opacity: '0.0'},400);
       document.getElementById("HighlightLink" + highlight).setAttribute("class", "highlightLink");
       document.getElementById("HighlightLink" + highlight).style.color = "#000000";
       document.getElementById("HighlightLink" + highlight).style.background = "#ffffff";
       document.getElementById("HighlightTitle" + highlight).style.display = "none";
    }
    
    document.getElementById("HighlightLink" + i).style.color = "#3CC3E4";
    document.getElementById("HighlightLink" + i).setAttribute("class", "highlightLink selected");
    document.getElementById("HighlightTitle" + i).style.display = "block";
    oSelectedHighlight = document.getElementById("Highlight" + i);
    oSelectedHighlight.style.display = "block";
    $(oSelectedHighlight).find(".image").stop().animate({opacity: '1.0'},300);
    $(oSelectedHighlight).find(".summary").stop().animate({height:'90px',opacity: '0.9'},400);
    
}

function getElementsByClassName( strClassName, obj ) {
    var ar = arguments[2] || new Array();
    var re = new RegExp("\\b" + strClassName + "\\b", "g");

    if ( re.test(obj.className) ) {
        ar.push( obj );
    }
    for ( var i = 0; i < obj.childNodes.length; i++ )
        getElementsByClassName( strClassName, obj.childNodes[i], ar );
    
    return ar;
}