function zhangquan(flag)
{
	switch(flag)
	{
		case 1:
		document .getElementById ("quan1").style .display ="block";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y1";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y2";

		
		break;
		case 2:
		
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="block";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y1";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y2";

		
		break;
		case 3:
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="block";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y1";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y2";
		
		break;
		
		case 4:
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="block";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y1";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y2";
		
		break;
		
		case 5:
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="block";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y1";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y2";
		
		break;
		case 6:
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="block";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y1";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y2";
		
		break;
		case 7:
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="block";
		document .getElementById ("quan8").style .display ="none";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y1";
		document .getElementById("x8").className="y2";
		
		break;
		case 8:
		document .getElementById ("quan1").style .display ="none";
		document .getElementById ("quan2").style .display ="none";
		document .getElementById ("quan3").style .display ="none";
	    document .getElementById ("quan4").style .display ="none";
		document .getElementById ("quan5").style .display ="none";
		document .getElementById ("quan6").style .display ="none";
	    document .getElementById ("quan7").style .display ="none";
		document .getElementById ("quan8").style .display ="block";

		
		document .getElementById("x1").className ="y2";
		document .getElementById("x2").className="y2";
		document .getElementById("x3").className="y2";
		document .getElementById("x4").className ="y2";
		document .getElementById("x5").className="y2";
		document .getElementById("x6").className="y2";
		document .getElementById("x7").className ="y2";
		document .getElementById("x8").className="y1";
		
		break;
		
		
	}
}
function NULL()
{
	return;
}