var prevCurHeadDiv = "features-nav1"

function tcbHead(x){
    var imgToBeOnTop = document.getElementById("tcbHeaderImag");
    //alert(x);
    //imgToBeOnTop.src = "wp-content/uploads/2010/10/tcb" + x + ".jpg";
    //now style the current navigation background
    //alert(x);
    switch(x){
        case "1":
            //alert("I am here");
            //style background of Nav 1
            var Div1Nav = document.getElementById("features-nav1");
            Div1Nav.className = "features-nav-item current png_crop";
            var ImdDivTcb1 = document.getElementById("tcb1");
            ImdDivTcb1.style.zIndex = "1000";
            //style background of Nav 2
            var Div2Nav = document.getElementById("features-nav2");
            Div2Nav.className = "features-nav-item png_crop";
            var ImdDivTcb2 = document.getElementById("tcb2");
            ImdDivTcb2.style.zIndex = "1";
            //style background of Nav 3
            var Div3Nav = document.getElementById("features-nav3");
            Div3Nav.className = "features-nav-item png_crop";
            var ImdDivTcb3 = document.getElementById("tcb3");
            ImdDivTcb3.style.zIndex = "1";
            break;
        case "2":
            //style background of Nav 1
            var Div1Nav = document.getElementById("features-nav1");
            Div1Nav.className =  "features-nav-item png_crop";
            var ImdDivTcb1 = document.getElementById("tcb1");
            ImdDivTcb1.style.zIndex = "1";
            //style Nav 2
            var Div2Nav = document.getElementById("features-nav2");
            Div2Nav.className = "features-nav-item current png_crop";
            var ImdDivTcb2 = document.getElementById("tcb2");
            ImdDivTcb2.style.zIndex = "1000";
            //style background of Nav 3
            var Div3Nav = document.getElementById("features-nav3");
            Div3Nav.className = "features-nav-item png_crop";
            var ImdDivTcb3 = document.getElementById("tcb3");
            ImdDivTcb3.style.zIndex = "1";
            break;
        case "3":
            //style background of Nav 1
            var Div1Nav = document.getElementById("features-nav1");
            Div1Nav.className =  "features-nav-item png_crop";
            var ImdDivTcb1 = document.getElementById("tcb1");
            ImdDivTcb1.style.zIndex = "1";
            //style background of Nav 2
            var Div2Nav = document.getElementById("features-nav2");
            Div2Nav.className = "features-nav-item png_crop";
            var ImdDivTcb2 = document.getElementById("tcb2");
            ImdDivTcb2.style.zIndex = "1";
            //style background of Nav 3
            var Div3Nav = document.getElementById("features-nav3");
            Div3Nav.className = "features-nav-item current png_crop";
            var ImdDivTcb3 = document.getElementById("tcb3");
            ImdDivTcb3.style.zIndex = "1000";
            break;
    }
}