// JavaScript Document

function trans(dot)
{
        var dd = dot;
		switch(dd){
			case 1:
			   document.getElementById("img1").src = 'images/djh_01.jpg';
               document.getElementById("tb1").style.display = 'block';
			   document.getElementById("img2").src = 'images/djq_02.jpg';
               document.getElementById("tb2").style.display = 'none';
			   document.getElementById("img3").src = 'images/djq_03.jpg';
               document.getElementById("tb3").style.display = 'none';
			   document.getElementById("img4").src = 'images/djq_04.jpg';
			   document.getElementById("tb4").style.display ='none';
			   document.getElementById("tb5").style.display='block';
			   document.getElementById("tb6").style.display='none';
			   document.getElementById("tb7").style.display='none';
			   document.getElementById("tb8").style.display='none';
			   break;
			case 2:
			   document.getElementById("img1").src = 'images/djq_01.jpg';
               document.getElementById("tb1").style.display = 'none';
			   document.getElementById("img2").src = 'images/djh_02.jpg';
               document.getElementById("tb2").style.display = 'block';
			   document.getElementById("img3").src = 'images/djq_03.jpg';
               document.getElementById("tb3").style.display = 'none';
			   document.getElementById("img4").src = 'images/djq_04.jpg';
			   document.getElementById("tb4").style.display ='none';
			   document.getElementById("tb5").style.display='none';
			   document.getElementById("tb6").style.display ='block';
			   document.getElementById("tb7").style.display='none';
			   document.getElementById("tb8").style.display='none';
			   break;
			case 3:
			   document.getElementById("img1").src = 'images/djq_01.jpg';
               document.getElementById("tb1").style.display = 'none';
			   document.getElementById("img2").src = 'images/djq_02.jpg';
               document.getElementById("tb2").style.display = 'none';
			   document.getElementById("img3").src = 'images/djh_03.jpg';
               document.getElementById("tb3").style.display = 'block'
			   document.getElementById("img4").src = 'images/djq_04.jpg';;
			   document.getElementById("tb4").style.display ='none';
			   document.getElementById("tb5").style.display='none';
			   document.getElementById("tb6").style.display ='none';
			   document.getElementById("tb7").style.display='block';
			   document.getElementById("tb8").style.display='none';
			   break;
			case 4:
			   document.getElementById("img1").src = 'images/djq_01.jpg';
               document.getElementById("tb1").style.display = 'none';
			   document.getElementById("img2").src = 'images/djq_02.jpg';
               document.getElementById("tb2").style.display = 'none';
			   document.getElementById("img3").src = 'images/djq_03.jpg';
               document.getElementById("tb3").style.display = 'none';
			   document.getElementById("img4").src = 'images/djh_04.jpg';
			   document.getElementById("tb4").style.display ='block';
			   document.getElementById("tb5").style.display='none';
			   document.getElementById("tb6").style.display ='none';
			   document.getElementById("tb7").style.display='none';
			   document.getElementById("tb8").style.display='block';
			   break;
			
		}
    
     
}