function out2(val)
{
  val.style.visibility="hidden";
}

function show2(val)
{
	val.style.visibility='visible'
}

function Showcase(val){
	switch(val)
	{
		case 1:
		
			document.getElementById("case1").style.display='';
			document.getElementById("case2").style.display='none';
			document.getElementById("case3").style.display='none';
			document.getElementById("case4").style.display='none';
			document.getElementById("case5").style.display='none';
			
			document.getElementById("btn1").style.backgroundImage ="url(hebang/images/case_04.jpg)"
			document.getElementById("btn1").style.color="#000000"
			
			
			document.getElementById("btn2").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			
			document.getElementById("btn2").style.color="#FFFFFF"
			document.getElementById("btn3").style.color="#FFFFFF"
			document.getElementById("btn4").style.color="#FFFFFF"
			document.getElementById("btn5").style.color="#FFFFFF"
			
			
			
			break;
		case 2:
			document.getElementById("case1").style.display='none';
			document.getElementById("case2").style.display='';
			document.getElementById("case3").style.display='none';
			document.getElementById("case4").style.display='none';
			document.getElementById("case5").style.display='none';
			
			document.getElementById("btn2").style.backgroundImage ="url(hebang/images/case_04.jpg)"
			document.getElementById("btn2").style.color="#000000"
			
			document.getElementById("btn1").style.backgroundImage ="url(hebang/images/case_01.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(hebang/images/case_05.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			
			document.getElementById("btn1").style.color="#FFFFFF"
			document.getElementById("btn3").style.color="#FFFFFF"
			document.getElementById("btn4").style.color="#FFFFFF"
			document.getElementById("btn5").style.color="#FFFFFF"
			
			
			break;
		case 3:
			document.getElementById("case1").style.display='none';
			document.getElementById("case2").style.display='none';
			document.getElementById("case3").style.display='';
			document.getElementById("case4").style.display='none';
			document.getElementById("case5").style.display='none';
			
			document.getElementById("btn3").style.backgroundImage ="url(hebang/images/case_04.jpg)"
			document.getElementById("btn3").style.color="#000000"
			
			document.getElementById("btn1").style.backgroundImage ="url(hebang/images/case_01.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(hebang/images/case_05.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			
			document.getElementById("btn1").style.color="#FFFFFF"
			document.getElementById("btn2").style.color="#FFFFFF"
			document.getElementById("btn4").style.color="#FFFFFF"
			document.getElementById("btn5").style.color="#FFFFFF"
			break;
		case 4:
			document.getElementById("case1").style.display='none';
			document.getElementById("case2").style.display='none';
			document.getElementById("case3").style.display='none';
			document.getElementById("case4").style.display='';
			document.getElementById("case5").style.display='none';
			
			document.getElementById("btn4").style.backgroundImage ="url(hebang/images/case_04.jpg)"
			document.getElementById("btn4").style.color="#000000"
			
			document.getElementById("btn1").style.backgroundImage ="url(hebang/images/case_01.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			//document.getElementById("btn4").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(hebang/images/case_05.jpg)"
			
			document.getElementById("btn1").style.color="#FFFFFF"
			document.getElementById("btn2").style.color="#FFFFFF"
			document.getElementById("btn3").style.color="#FFFFFF"
			//document.getElementById("btn4").style.color="#FFFFFF"
			document.getElementById("btn5").style.color="#FFFFFF"
			break;
		case 5:
			document.getElementById("case1").style.display='none';
			document.getElementById("case2").style.display='none';
			document.getElementById("case3").style.display='none';
			document.getElementById("case4").style.display='none';
			document.getElementById("case5").style.display='';
			
			document.getElementById("btn5").style.backgroundImage ="url(hebang/images/case_04.jpg)"
			document.getElementById("btn5").style.color="#000000"
			
			document.getElementById("btn1").style.backgroundImage ="url(hebang/images/case_01.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(hebang/images/case_02.jpg)"
			
			document.getElementById("btn1").style.color="#FFFFFF"
			document.getElementById("btn2").style.color="#FFFFFF"
			document.getElementById("btn3").style.color="#FFFFFF"
			document.getElementById("btn4").style.color="#FFFFFF"
			break;
	}
}