function HideDIV(d) { document.getElementById(d).style.display = "none"; }
function DisplayDIV(d) { document.getElementById(d).style.display = "block"; }

function Productivity() {
    document.getElementById("magic").className = "ub1";
   // document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "bold";
    document.getElementById("n1").style.color = "#502d1f";

}

function Skills() {
    document.getElementById("magic").className = "ub2";
    document.getElementById("two").style.display = "block";
    document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "normal";
    document.getElementById("n1").style.color = "#999999";
    document.getElementById("n2").style.fontWeight = "bold";
    document.getElementById("n2").style.color = "#502d1f";
}

function Presenteeism() {
    document.getElementById("magic").className = "ub3";
    document.getElementById("three").style.display = "block";    
    document.getElementById("two").style.display = "none";       
    document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "normal";
    document.getElementById("n1").style.color = "#999999";    
    document.getElementById("n3").style.fontWeight = "bold";
    document.getElementById("n3").style.color = "#502d1f";
}

function Profitability() {
    document.getElementById("magic").className = "ub4";
    document.getElementById("four").style.display = "block";
    document.getElementById("three").style.display = "none";    
    document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "normal";
    document.getElementById("n1").style.color = "#999999";    
    document.getElementById("n4").style.fontWeight = "bold";
    document.getElementById("n4").style.color = "#502d1f";
}

function Retention() {
    document.getElementById("magic").className = "ub5";
    document.getElementById("five").style.display = "block";
    document.getElementById("four").style.display = "none";    
    document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "normal";
    document.getElementById("n1").style.color = "#999999";    
    document.getElementById("n5").style.fontWeight = "bold";
    document.getElementById("n5").style.color = "#502d1f";
}

function Employee() {
    document.getElementById("magic").className = "ub6";
    document.getElementById("six").style.display = "block";
    document.getElementById("five").style.display = "none";    
    document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "normal";
    document.getElementById("n1").style.color = "#999999";    
    document.getElementById("n6").style.fontWeight = "bold";
    document.getElementById("n6").style.color = "#502d1f";
}

function Resilience() {
    document.getElementById("magic").className = "ub7";
    document.getElementById("seven").style.display = "block";
    document.getElementById("six").style.display = "none";    
    document.getElementById("one").style.display = "none";
    document.getElementById("n1").style.fontWeight = "normal";
    document.getElementById("n1").style.color = "#999999";    
    document.getElementById("n7").style.fontWeight = "bold";
    document.getElementById("n7").style.color = "#502d1f";
}

function endMagic() {
    document.getElementById("magic").className = "";
    document.getElementById("two").style.display = "none";
    document.getElementById("three").style.display = "none";
    document.getElementById("four").style.display = "none";
    document.getElementById("five").style.display = "none";
    document.getElementById("six").style.display = "none";
    document.getElementById("seven").style.display = "none";
    document.getElementById("one").style.display = "block";
    //document.getElementById("n1").style.fontWeight = "bold";
   // document.getElementById("n1").style.color = "#502d1f";
    document.getElementById("n2").style.fontWeight = "normal";
    document.getElementById("n2").style.color = "#999999";    
    document.getElementById("n3").style.fontWeight = "normal";
    document.getElementById("n3").style.color = "#999999";    
    document.getElementById("n4").style.fontWeight = "normal";
    document.getElementById("n4").style.color = "#999999";
    document.getElementById("n5").style.fontWeight = "normal";
    document.getElementById("n5").style.color = "#999999";
    document.getElementById("n6").style.fontWeight = "normal";
    document.getElementById("n6").style.color = "#999999";
    document.getElementById("n7").style.fontWeight = "normal";
    document.getElementById("n7").style.color = "#999999";    
}