var recentProjName = "recentProject";
var numberOfRecentProjects = 7;

function resetRecentProjects()
{
    for( var i = 1; i <= numberOfRecentProjects; i ++ )
    {
        document.getElementById( recentProjName + i ).style.display = "none"; 
    }
    
    document.getElementById( "researchProjectContent" ).style.display = "none";
    document.getElementById( "researchProjectsBackMenu" ).style.display = "none";
    
    $("#researchProjIndex").fadeIn();
}

function showRecentProjects( index )
{
    $("#researchProjIndex").fadeOut( "slow", function()
    {
        $("#researchProjectContent,#researchProjectsBackMenu, #" + recentProjName + index).fadeIn();
    });
}