function showHide(callingDiv) {
    if (callingDiv == 'purpleRolloverDiv_f') {
        document.getElementById('purpleRolloverDiv_f').className = 'purpleRolloverArrow_f';
        wasSwitched = true;
        mouseoutHover('blueRolloverDiv_f');
        wasSwitched = true;
        mouseoutHover('greenRolloverDiv_f');

       document.getElementById('purpleHomePageContentHolderDiv').style.display = 'block'
        document.getElementById('blueHomePageContentHolderDiv').style.display = 'none'
        document.getElementById('greenHomePageContentHolderDiv').style.display = 'none'
        wasSwitched = false;
    }
    else if (callingDiv == 'blueRolloverDiv_f') {
        wasSwitched = true;
        mouseoutHover('purpleRolloverDiv_f');
        document.getElementById('blueRolloverDiv_f').className = 'blueRolloverArrow_f';
        wasSwitched = true;
        mouseoutHover('greenRolloverDiv_f');

        document.getElementById('purpleHomePageContentHolderDiv').style.display = 'none'
        document.getElementById('blueHomePageContentHolderDiv').style.display = 'block'
        document.getElementById('greenHomePageContentHolderDiv').style.display = 'none'
        wasSwitched = false;
    }
    else if (callingDiv == 'greenRolloverDiv_f') {
        wasSwitched = true;
        mouseoutHover('purpleRolloverDiv_f');
        wasSwitched = true;
        mouseoutHover('blueRolloverDiv_f');
        document.getElementById('greenRolloverDiv_f').className = 'greenRolloverArrow_f';

        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_f') {
        if (document.getElementById(variable).className == 'purpleRollover_f') {
            document.getElementById(variable).className = 'purpleRolloverHover_f';
            wasSwitched = true;
        }
    }
    else if (variable == 'blueRolloverDiv_f') {
        if (document.getElementById(variable).className == 'blueRollover_f') {
            document.getElementById(variable).className = 'blueRolloverHover_f';
            wasSwitched = true;
        }
    }
    else if (variable == 'greenRolloverDiv_f') {
        if (document.getElementById(variable).className == 'greenRollover_f') {
            document.getElementById(variable).className = 'greenRolloverHover_f';
            wasSwitched = true;
        }
    }

}

function mouseoutHover(variable) {
    if (wasSwitched == true) {
        var element = document.getElementById(variable);
        if (document.getElementById(variable).className == 'purpleRolloverArrow_f' || document.getElementById(variable).className == 'purpleRolloverHover_f') {
            document.getElementById(variable).className = 'purpleRollover_f';
        }

        if (document.getElementById(variable).className == 'blueRolloverArrow_f' || document.getElementById(variable).className == 'blueRolloverHover_f') {
            document.getElementById(variable).className = 'blueRollover_f';
        }

        if (document.getElementById(variable).className == 'greenRolloverArrow_f' || document.getElementById(variable).className == 'greenRolloverHover_f') {
            document.getElementById(variable).className = 'greenRollover_f';
        }

    }
    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(""));
}