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("case6").style.display='none';
			
			document.getElementById("btn1").style.backgroundImage ="url(css/funBtn_over.jpg)"			
			document.getElementById("btn2").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(css/funBtn_out.jpg)"	
			document.getElementById("btn6").style.backgroundImage ="url(css/funBtn_out.jpg)"
			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("case6").style.display='none';
			
			document.getElementById("btn1").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(css/funBtn_over.jpg)"			
			document.getElementById("btn3").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn6").style.backgroundImage ="url(css/funBtn_out.jpg)"
			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("case6").style.display='none';
			
			document.getElementById("btn1").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(css/funBtn_over.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn6").style.backgroundImage ="url(css/funBtn_out.jpg)"
			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("case6").style.display='none';
			
			document.getElementById("btn1").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(css/funBtn_over.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn6").style.backgroundImage ="url(css/funBtn_out.jpg)"
			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("case6").style.display='none';

			document.getElementById("btn1").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(css/funBtn_over.jpg)"
			document.getElementById("btn6").style.backgroundImage ="url(css/funBtn_out.jpg)"
			
			break;
			
		case 6:
			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='none'
			document.getElementById("case6").style.display='';

			document.getElementById("btn1").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn2").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn3").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn4").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn5").style.backgroundImage ="url(css/funBtn_out.jpg)"
			document.getElementById("btn6").style.backgroundImage ="url(css/funBtn_over.jpg)"
			
			break;
	}
}

function procase(val){
	var overColor = "#F60";
	var outColor = "#f9f9f9";
	var overtxt = "white"
	var outtxt = "black"
	switch(val)
	{
		case 1:
			document.getElementById("pbox1").style.display='';
			document.getElementById("pbox2").style.display='none';
			document.getElementById("pbox3").style.display='none';
			document.getElementById("pbox4").style.display='none';
			
			
			document.getElementById("ptn1").style.backgroundColor =overColor;
			document.getElementById("ptn2").style.backgroundColor =outColor;
			document.getElementById("ptn3").style.backgroundColor =outColor;
			document.getElementById("ptn4").style.backgroundColor =outColor;
			
			document.getElementById("ptn1").style.color = overtxt;
			document.getElementById("ptn2").style.color = outtxt;
			document.getElementById("ptn3").style.color = outtxt;
			document.getElementById("ptn4").style.color = outtxt;
			
			break;
			
		case 2:
			document.getElementById("pbox1").style.display='none';
			document.getElementById("pbox2").style.display='';
			document.getElementById("pbox3").style.display='none';
			document.getElementById("pbox4").style.display='none';
			
			document.getElementById("ptn1").style.backgroundColor =outColor;
			document.getElementById("ptn2").style.backgroundColor =overColor;
			document.getElementById("ptn3").style.backgroundColor =outColor;
			document.getElementById("ptn4").style.backgroundColor =outColor;
			
			document.getElementById("ptn1").style.color = outtxt;
			document.getElementById("ptn2").style.color = overtxt;
			document.getElementById("ptn3").style.color = outtxt;
			document.getElementById("ptn4").style.color = outtxt;
			break;
			
		case 3:
			document.getElementById("pbox1").style.display='none';
			document.getElementById("pbox2").style.display='none';
			document.getElementById("pbox3").style.display='';
			document.getElementById("pbox4").style.display='none';
			
			document.getElementById("ptn1").style.backgroundColor =outColor;
			document.getElementById("ptn2").style.backgroundColor =outColor;
			document.getElementById("ptn3").style.backgroundColor =overColor;
			document.getElementById("ptn4").style.backgroundColor =outColor;
			
			document.getElementById("ptn1").style.color = outtxt;
			document.getElementById("ptn2").style.color = outtxt;
			document.getElementById("ptn3").style.color = overtxt;
			document.getElementById("ptn4").style.color = outtxt;
			break;
			
		case 4:
			document.getElementById("pbox1").style.display='none';
			document.getElementById("pbox2").style.display='none';
			document.getElementById("pbox3").style.display='none';
			document.getElementById("pbox4").style.display='';
			
			document.getElementById("ptn1").style.backgroundColor =outColor;
			document.getElementById("ptn2").style.backgroundColor =outColor;
			document.getElementById("ptn3").style.backgroundColor =outColor;
			document.getElementById("ptn4").style.backgroundColor =overColor;
			
			document.getElementById("ptn1").style.color = outtxt;
			document.getElementById("ptn2").style.color = outtxt;
			document.getElementById("ptn3").style.color = outtxt;
			document.getElementById("ptn4").style.color = overtxt;
			break;
	}
}