function showHide(callingDiv) {
    if (callingDiv == 'purpleRolloverDiv') {
        document.getElementById('purpleRolloverDiv').className = 'purpleRolloverArrow';
        wasSwitched = true;
        mouseoutHover('blueRolloverDiv');
        wasSwitched = true;
        mouseoutHover('greenRolloverDiv');
        document.getElementById('purpleHomePageContentHolderDiv').style.display = 'block'
        document.getElementById('blueHomePageContentHolderDiv').style.display = 'none'
        document.getElementById('greenHomePageContentHolderDiv').style.display = 'none'
        wasSwitched = false;
    }
    else if (callingDiv == 'blueRolloverDiv') {
        wasSwitched = true;
        mouseoutHover('purpleRolloverDiv');
        document.getElementById('blueRolloverDiv').className = 'blueRolloverArrow';
        wasSwitched = true;
        mouseoutHover('greenRolloverDiv');
        document.getElementById('purpleHomePageContentHolderDiv').style.display = 'none'
        document.getElementById('blueHomePageContentHolderDiv').style.display = 'block'
        document.getElementById('greenHomePageContentHolderDiv').style.display = 'none'
        wasSwitched = false;
    }
    else if (callingDiv == 'greenRolloverDiv') {
        wasSwitched = true;
        mouseoutHover('purpleRolloverDiv');
        wasSwitched = true;
        mouseoutHover('blueRolloverDiv');
        document.getElementById('greenRolloverDiv').className = 'greenRolloverArrow';
        document.getElementById('blueHomePageContentHolderDiv').style.display = 'none'
        document.getElementById('purpleHomePageContentHolderDiv').style.display = 'none'
        document.getElementById('greenHomePageContentHolderDiv').style.display = 'block'
        wasSwitched = false;
    }
}

var wasSwitched;


function mouseoverHover(variable) {

    if (variable == 'purpleRolloverDiv') {
        if (document.getElementById(variable).className == 'purpleRollover') {
            document.getElementById(variable).className = 'purpleRolloverHover';
            wasSwitched = true;
        }
    }
    else if (variable == 'blueRolloverDiv') {
        if (document.getElementById(variable).className == 'blueRollover') {
            document.getElementById(variable).className = 'blueRolloverHover';
            wasSwitched = true;
        }
    }
    else if (variable == 'greenRolloverDiv') {
        if (document.getElementById(variable).className == 'greenRollover') {
            document.getElementById(variable).className = 'greenRolloverHover';
            wasSwitched = true;
        }
    }

}

function mouseoutHover(variable) {
    if (wasSwitched == true) {
        var element = document.getElementById(variable);
        if (document.getElementById(variable).className == 'purpleRolloverArrow' || document.getElementById(variable).className == 'purpleRolloverHover') {
            document.getElementById(variable).className = 'purpleRollover';
        }

        if (document.getElementById(variable).className == 'blueRolloverArrow' || document.getElementById(variable).className == 'blueRolloverHover') {
            document.getElementById(variable).className = 'blueRollover';
        }

        if (document.getElementById(variable).className == 'greenRolloverArrow' || document.getElementById(variable).className == 'greenRolloverHover') {
            document.getElementById(variable).className = 'greenRollover';
        }

    }
    wasSwitched = false;
}


function hovered(callingDiv, toplevel) {
    if (rgbConvert(document.getElementById(callingDiv).style.backgroundColor) == "#d5d10e" || document.getElementById(callingDiv).style.backgroundColor == "#d5d10e") {
        if (toplevel == 'true') {
            document.getElementById(callingDiv).style.backgroundColor = "#bdcfe6"
        }
        else {
            document.getElementById(callingDiv).style.backgroundColor = "";
        }
    }

    else if (rgbConvert(document.getElementById(callingDiv).style.backgroundColor) == "" || rgbConvert(document.getElementById(callingDiv).style.backgroundColor) == "#bdcfe6" || document.getElementById(callingDiv).style.backgroundColor == "" || document.getElementById(callingDiv).style.backgroundColor == "#bdcfe6") {
        document.getElementById(callingDiv).style.backgroundColor = "#d5d10e";
    }
}

function rgbConvert(str) {
    str = str.replace(/rgb\(|\)/g, "").split(",");
    str[0] = parseInt(str[0], 10).toString(16).toLowerCase();
    str[1] = parseInt(str[1], 10).toString(16).toLowerCase();
    str[2] = parseInt(str[2], 10).toString(16).toLowerCase();
    str[0] = (str[0].length == 1) ? '0' + str[0] : str[0];
    str[1] = (str[1].length == 1) ? '0' + str[1] : str[1];
    str[2] = (str[2].length == 1) ? '0' + str[2] : str[2];
    return ('#' + str.join(""));
}