    function showNewLayer(layerID)
    {
        switch(layerID)
        {
        case 1:
        {
            document.all.divLayer1.style.display="";
            document.all.divLayer2.style.display="none";
            document.all.divLayer3.style.display="none";
            document.all.divLayer4.style.display="none";
            
            document.all.divImg1.src="image/a1.gif";
            document.all.divImg2.src="image/a2.gif";
            document.all.divImg3.src="image/a3.gif";
            document.all.divImg4.src="image/a4.gif";

        }
        break;
        case 2:
        {
            document.all.divLayer1.style.display="none";
            document.all.divLayer2.style.display="";
            document.all.divLayer3.style.display="none";
            document.all.divLayer4.style.display="none";
            
            document.all.divImg1.src="image/a1.gif";
            document.all.divImg2.src="image/a2.gif";
            document.all.divImg3.src="image/a3.gif";
            document.all.divImg4.src="image/a4.gif";

        }
        break;
        case 3:
        {
            document.all.divLayer1.style.display="none";
            document.all.divLayer2.style.display="none";
            document.all.divLayer3.style.display="";
            document.all.divLayer4.style.display="none";
            
            document.all.divImg1.src="image/a1.gif";
            document.all.divImg2.src="image/a2.gif";
            document.all.divImg3.src="image/a3.gif";
            document.all.divImg4.src="image/a4.gif";

        }
        break;
        case 4:
        {
            document.all.divLayer1.style.display="none";
            document.all.divLayer2.style.display="none";
            document.all.divLayer3.style.display="none";
            document.all.divLayer4.style.display="";
            
            document.all.divImg1.src="image/a1.gif";
            document.all.divImg2.src="image/a2.gif";
            document.all.divImg3.src="image/a3.gif";
            document.all.divImg4.src="image/a4.gif";

        }
        break;

        }

    }


  


  function showNew(layerID)
    {
        switch(layerID)
        {
        case 1:
        {
            document.all.divLayer5.style.display="";
            document.all.divLayer6.style.display="none";
            document.all.divLayer7.style.display="none";
            document.all.divLayer8.style.display="none";
            
            document.all.divImg5.src="image/b-1.gif";
            document.all.divImg6.src="image/b2.gif";
            document.all.divImg7.src="image/b3.gif";
            document.all.divImg8.src="image/b4.gif";


        }
        break;
        case 2:
        {
            document.all.divLayer5.style.display="none";
            document.all.divLayer6.style.display="";
            document.all.divLayer7.style.display="none";
            document.all.divLayer8.style.display="none";
            
            document.all.divImg5.src="image/b1.gif";
            document.all.divImg6.src="image/b-2.gif";
            document.all.divImg7.src="image/b3.gif";
            document.all.divImg8.src="image/b4.gif";

        }
        break;
        case 3:
        {
            document.all.divLayer5.style.display="none";
            document.all.divLayer6.style.display="none";
            document.all.divLayer7.style.display="";
            document.all.divLayer8.style.display="none";
            
            document.all.divImg5.src="image/b1.gif";
            document.all.divImg6.src="image/b2.gif";
            document.all.divImg7.src="image/b-3.gif";
            document.all.divImg8.src="image/b4.gif";

        }
        break;
        case 4:
        {
            document.all.divLayer5.style.display="none";
            document.all.divLayer6.style.display="none";
            document.all.divLayer7.style.display="none";
            document.all.divLayer8.style.display="";
            
            document.all.divImg5.src="image/b1.gif";
            document.all.divImg6.src="image/b2.gif";
            document.all.divImg7.src="image/b3.gif";
            document.all.divImg8.src="image/b-4.gif";

        }
        break;

        }

    }



 function show(layerID)
    {
        switch(layerID)
        {
        case 1:
        {
            document.all.divLayer9.style.display="";
            document.all.divLayer10.style.display="none";
            document.all.divLayer11.style.display="none";
            document.all.divLayer12.style.display="none";
            
            document.all.divImg9.src="image/z-1.gif";
            document.all.divImg10.src="image/z2.gif";
            document.all.divImg11.src="image/z3.gif";
            document.all.divImg12.src="image/z4.gif";


        }
        break;
        case 2:
        {
            document.all.divLayer9.style.display="none";
            document.all.divLayer10.style.display="";
            document.all.divLayer11.style.display="none";
            document.all.divLayer12.style.display="none";
            
            document.all.divImg9.src="image/z1.gif";
            document.all.divImg10.src="image/z-2.gif";
            document.all.divImg11.src="image/z3.gif";
            document.all.divImg12.src="image/z4.gif";

        }
        break;
        case 3:
        {
            document.all.divLayer9.style.display="none";
            document.all.divLayer10.style.display="none";
            document.all.divLayer11.style.display="";
            document.all.divLayer12.style.display="none";
            
            document.all.divImg9.src="image/z1.gif";
            document.all.divImg10.src="image/z2.gif";
            document.all.divImg11.src="image/z-3.gif";
            document.all.divImg12.src="image/z4.gif";

        }
        break;
        case 4:
        {
            document.all.divLayer9.style.display="none";
            document.all.divLayer10.style.display="none";
            document.all.divLayer11.style.display="none";
            document.all.divLayer12.style.display="";
            
            document.all.divImg9.src="image/z1.gif";
            document.all.divImg10.src="image/z2.gif";
            document.all.divImg11.src="image/z3.gif";
            document.all.divImg12.src="image/z-4.gif";

        }
        break;

        }

    }

function sho(layerID)
    {
        switch(layerID)
        {
        case 1:
        {
            document.all.divLayer13.style.display="";
            document.all.divLayer14.style.display="none";
            document.all.divLayer15.style.display="none";
            document.all.divLayer16.style.display="none";
            
            document.all.divImg13.src="image/hy-1.gif";
            document.all.divImg14.src="image/hy2.gif";
            document.all.divImg15.src="image/hy3.gif";
            document.all.divImg16.src="image/hy4.gif";


        }
        break;
        case 2:
        {
            document.all.divLayer13.style.display="none";
            document.all.divLayer14.style.display="";
            document.all.divLayer15.style.display="none";
            document.all.divLayer16.style.display="none";
            
            document.all.divImg13.src="image/hy1.gif";
            document.all.divImg14.src="image/hy-2.gif";
            document.all.divImg15.src="image/hy3.gif";
            document.all.divImg16.src="image/hy4.gif";

        }
        break;
        case 3:
        {
            document.all.divLayer13.style.display="none";
            document.all.divLayer14.style.display="none";
            document.all.divLayer15.style.display="";
            document.all.divLayer16.style.display="none";
            
            document.all.divImg13.src="image/hy1.gif";
            document.all.divImg14.src="image/hy2.gif";
            document.all.divImg15.src="image/hy-3.gif";
            document.all.divImg16.src="image/hy4.gif";

        }
        break;
        case 4:
        {
            document.all.divLayer13.style.display="none";
            document.all.divLayer14.style.display="none";
            document.all.divLayer15.style.display="none";
            document.all.divLayer16.style.display="";
            
            document.all.divImg13.src="image/hy1.gif";
            document.all.divImg14.src="image/hy2.gif";
            document.all.divImg15.src="image/hy3.gif";
            document.all.divImg16.src="image/hy-4.gif";

        }
        break;

        }

    }

function sh(layerID)
    {
        switch(layerID)
        {
        case 1:
        {
            document.all.divLayer17.style.display="";
            document.all.divLayer18.style.display="none";
            document.all.divLayer19.style.display="none";
            document.all.divLayer20.style.display="none";
            
            document.all.divImg17.src="image/sz-1.gif";
            document.all.divImg18.src="image/sz2.gif";
            document.all.divImg19.src="image/sz3.gif";
            document.all.divImg20.src="image/sz4.gif";


        }
        break;
        case 2:
        {
            document.all.divLayer17.style.display="none";
            document.all.divLayer18.style.display="";
            document.all.divLayer19.style.display="none";
            document.all.divLayer20.style.display="none";
            
            document.all.divImg17.src="image/sz1.gif";
            document.all.divImg18.src="image/sz-2.gif";
            document.all.divImg19.src="image/sz3.gif";
            document.all.divImg20.src="image/sz4.gif";

        }
        break;
        case 3:
        {
            document.all.divLayer17.style.display="none";
            document.all.divLayer18.style.display="none";
            document.all.divLayer19.style.display="";
            document.all.divLayer20.style.display="none";
            
            document.all.divImg17.src="image/sz1.gif";
            document.all.divImg18.src="image/sz2.gif";
            document.all.divImg19.src="image/sz-3.gif";
            document.all.divImg20.src="image/sz4.gif";

        }
        break;
        case 4:
        {
            document.all.divLayer17.style.display="none";
            document.all.divLayer18.style.display="none";
            document.all.divLayer19.style.display="none";
            document.all.divLayer20.style.display="";
            
            document.all.divImg17.src="image/sz1.gif";
            document.all.divImg18.src="image/sz2.gif";
            document.all.divImg19.src="image/sz3.gif";
            document.all.divImg20.src="image/sz-4.gif";

        }
        break;

        }

    }



