// JavaScript Document function nav(pass) { switch (pass) { case 'sd1-c1': document.getElementById(pass).style.display = "block"; document.getElementById('sd2-c2').style.display = "none"; document.getElementById('sd3-c3').style.display = "none"; document.getElementById('sd4-c4').style.display = "none"; document.getElementById('sd5-c5').style.display = "none"; document.getElementById('sd6-c6').style.display = "none"; document.getElementById('sd1').style.background = "url(/images/sub-back-current.png) no-repeat bottom"; document.getElementById('sd1').style.color = "#000000"; document.getElementById('sd2').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd2').style.color = "#FFFFFF"; document.getElementById('sd3').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd3').style.color = "#FFFFFF"; document.getElementById('sd4').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd4').style.color = "#FFFFFF"; document.getElementById('sd5').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd5').style.color = "#FFFFFF"; document.getElementById('sd6').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd6').style.color = "#FFFFFF"; break; case 'sd2-c2': document.getElementById(pass).style.display = "block"; document.getElementById('sd1-c1').style.display = "none"; document.getElementById('sd3-c3').style.display = "none"; document.getElementById('sd4-c4').style.display = "none"; document.getElementById('sd5-c5').style.display = "none"; document.getElementById('sd6-c6').style.display = "none"; document.getElementById('sd2').style.background = "url(/images/sub-back-current.png) no-repeat bottom"; document.getElementById('sd2').style.color = "#000000"; document.getElementById('sd1').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd1').style.color = "#FFFFFF"; document.getElementById('sd3').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd3').style.color = "#FFFFFF"; document.getElementById('sd4').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd4').style.color = "#FFFFFF"; document.getElementById('sd5').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd5').style.color = "#FFFFFF"; document.getElementById('sd6').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd6').style.color = "#FFFFFF"; break; case 'sd3-c3': document.getElementById(pass).style.display = "block"; document.getElementById('sd1-c1').style.display = "none"; document.getElementById('sd2-c2').style.display = "none"; document.getElementById('sd4-c4').style.display = "none"; document.getElementById('sd5-c5').style.display = "none"; document.getElementById('sd6-c6').style.display = "none"; document.getElementById('sd3').style.background = "url(/images/sub-back-current.png) no-repeat bottom"; document.getElementById('sd3').style.color = "#000000"; document.getElementById('sd2').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd2').style.color = "#FFFFFF"; document.getElementById('sd1').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd1').style.color = "#FFFFFF"; document.getElementById('sd4').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd4').style.color = "#FFFFFF"; document.getElementById('sd5').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd5').style.color = "#FFFFFF"; document.getElementById('sd6').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd6').style.color = "#FFFFFF"; break; case 'sd4-c4': document.getElementById(pass).style.display = "block"; document.getElementById('sd1-c1').style.display = "none"; document.getElementById('sd3-c3').style.display = "none"; document.getElementById('sd2-c2').style.display = "none"; document.getElementById('sd5-c5').style.display = "none"; document.getElementById('sd6-c6').style.display = "none"; document.getElementById('sd4').style.background = "url(/images/sub-back-current.png) no-repeat bottom"; document.getElementById('sd4').style.color = "#000000"; document.getElementById('sd2').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd2').style.color = "#FFFFFF"; document.getElementById('sd3').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd3').style.color = "#FFFFFF"; document.getElementById('sd1').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd1').style.color = "#FFFFFF"; document.getElementById('sd5').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd5').style.color = "#FFFFFF"; document.getElementById('sd6').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd6').style.color = "#FFFFFF"; break; case 'sd5-c5': document.getElementById(pass).style.display = "block"; document.getElementById('sd1-c1').style.display = "none"; document.getElementById('sd3-c3').style.display = "none"; document.getElementById('sd4-c4').style.display = "none"; document.getElementById('sd2-c2').style.display = "none"; document.getElementById('sd6-c6').style.display = "none"; document.getElementById('sd5').style.background = "url(/images/sub-back-current.png) no-repeat bottom"; document.getElementById('sd5').style.color = "#000000"; document.getElementById('sd2').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd2').style.color = "#FFFFFF"; document.getElementById('sd3').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd3').style.color = "#FFFFFF"; document.getElementById('sd4').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd4').style.color = "#FFFFFF"; document.getElementById('sd1').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd1').style.color = "#FFFFFF"; document.getElementById('sd6').style.background = "url(/images/sub-back-off2.png) "; document.getElementById('sd6').style.color = "#FFFFFF"; break; case 'sd6-c6': document.getElementById(pass).style.display = "block"; document.getElementById('sd1-c1').style.display = "none"; document.getElementById('sd3-c3').style.display = "none"; document.getElementById('sd4-c4').style.display = "none"; document.getElementById('sd5-c5').style.display = "none"; document.getElementById('sd2-c2').style.display = "none"; document.getElementById('sd6').style.background = "url(/images/sub-back-current.png) no-repeat bottom"; document.getElementById('sd6').style.color = "#000000"; document.getElementById('sd2').style.background = "url(/images/sub-back-off2.png)"; document.getElementById('sd2').style.color = "#FFFFFF"; document.getElementById('sd3').style.background = "url(/images/sub-back-off2.png)"; document.getElementById('sd3').style.color = "#FFFFFF"; document.getElementById('sd4').style.background = "url(/images/sub-back-off2.png)"; document.getElementById('sd4').style.color = "#FFFFFF"; document.getElementById('sd5').style.background = "url(/images/sub-back-off2.png)"; document.getElementById('sd5').style.color = "#FFFFFF"; document.getElementById('sd1').style.background = "url(/images/sub-back-off2.png)"; document.getElementById('sd1').style.color = "#FFFFFF"; break; default: alert("Error!!"); } }