function navclick(num) {
    switch (num) {
        case 1:
            document.getElementById("webcadNav1").onmouseout = null;
            document.getElementById("webcadNav1").onmouseover = null;

            document.getElementById("webcadNav1").style.background = "url(images/nav01_click.gif)";
            
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
        case 2:
            document.getElementById("webcadNav2").onmouseout = null;
            document.getElementById("webcadNav2").onmouseover = null;

            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";

            document.getElementById("webcadNav2").style.background = "url(images/nav02_click.gif)";
            
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
        case 3:
            document.getElementById("webcadNav3").onmouseout = null;
            document.getElementById("webcadNav3").onmouseover = null;
            
            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";

            document.getElementById("webcadNav3").style.background = "url(images/nav02_click.gif)";
            
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
        case 4:
            document.getElementById("webcadNav4").onmouseout = null;
            document.getElementById("webcadNav4").onmouseover = null;
            
            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";

            document.getElementById("webcadNav4").style.background = "url(images/nav02_click.gif)";
            
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
        case 5:
            document.getElementById("webcadNav5").onmouseout = null;
            document.getElementById("webcadNav5").onmouseover = null;
            
            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";

            document.getElementById("webcadNav5").style.background = "url(images/nav02_click.gif)";
            
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
        case 6:
            document.getElementById("webcadNav6").onmouseout = null;
            document.getElementById("webcadNav6").onmouseover = null;
        
            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";

            document.getElementById("webcadNav6").style.background = "url(images/nav02_click.gif)";
            
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
        case 7:
            document.getElementById("webcadNav7").onmouseout = null;
            document.getElementById("webcadNav7").onmouseover = null;
            
            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            
            document.getElementById("webcadNav7").style.background = "url(images/nav02_click.gif)";
            break;
        default:
            document.getElementById("webcadNav1").style.background = "url(images/nav01_default.gif)";
            document.getElementById("webcadNav2").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav3").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav4").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav5").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav6").style.background = "url(images/nav02_default.gif)";
            document.getElementById("webcadNav7").style.background = "url(images/nav02_default.gif)";
            break;
    }
}

function navmouseover(nav) {
    if (nav.id == "webcadNav1")
        nav.style.background = "url(images/nav01_click.gif)";
    else
        nav.style.background = "url(images/nav02_click.gif)";
}
function navmouseout(nav) {
    if (nav.id == "webcadNav1")
        nav.style.background = "url(images/nav01_default.gif)";
    else
        nav.style.background = "url(images/nav02_default.gif)";
}