var timeOut = 0;

function OnMouseOver(elementId, imgSrc) {
    if (document.getElementById) {
        document.getElementById('liseniors').className = 'idle';
        document.getElementById('liparents').className = 'idle';
        document.getElementById('lichronicallyill').className = 'idle';
        document.getElementById('licaregivers').className = 'idle';
        document.getElementById('limilitaryfamilies').className = 'idle';
        document.getElementById('listudents').className = 'idle';
        document.getElementById('liathletes').className = 'idle';
        document.getElementById('litravelers').className = 'idle';
        document.getElementById('liphysicians').className = 'idle';

        document.getElementById(elementId).className = 'active';
        if (imgSrc != null) document.getElementById('imghomepage').src = imgSrc;

        window.clearTimeout(timeOut);
        timeOut = window.setTimeout("DoAnimation('" + elementId + "')", 5000);
    }
}

function DoAnimation(elementId) {
    if (document.getElementById) {

        switch (elementId) {
            case 'liseniors':
                SetStyles('liphysicians', 'liseniors', 'liparents', '/App_Themes/Layout/Images/Header/bg1.jpg');
                break;
            case 'liparents':
                SetStyles('liseniors', 'liparents', 'lichronicallyill', '/App_Themes/Layout/Images/Header/bg2.jpg');
                break;
            case 'lichronicallyill':
                SetStyles('liparents', 'lichronicallyill', 'licaregivers', '/App_Themes/Layout/Images/Header/bg10.jpg');
                break;
            case 'licaregivers':
                SetStyles('lichronicallyill', 'licaregivers', 'limilitaryfamilies', '/App_Themes/Layout/Images/Header/bg5.jpg');
                break;
            case 'limilitaryfamilies':
                SetStyles('licaregivers', 'limilitaryfamilies', 'listudents', '/App_Themes/Layout/Images/Header/bg6.jpg');
                break;
            case 'listudents':
                SetStyles('limilitaryfamilies', 'listudents', 'liathletes', '/App_Themes/Layout/Images/Header/bg11.jpg');
                break;
            case 'liathletes':
                SetStyles('listudents', 'liathletes', 'litravelers', '/App_Themes/Layout/Images/Header/bg8.jpg');
                break;
            case 'litravelers':
                SetStyles('liathletes', 'litravelers', 'liphysicians', '/App_Themes/Layout/Images/Header/bg9.jpg');
                break;
            case 'liphysicians':
                SetStyles('litravelers', 'liphysicians', 'liseniors', '/App_Themes/Layout/Images/Header/bg13.jpg');
                break;
        }
    }
}

function SetStyles(prevElementId, thisElementId, nextElementId, imgSrc) {
    document.getElementById(prevElementId).className = 'idle';
    document.getElementById(thisElementId).className = 'active';
    document.getElementById('imghomepage').src = imgSrc;
    timeOut = window.setTimeout("DoAnimation('" + nextElementId + "')", 5000);
}