function hbzrate(rating, id, elemid) {

	cr = document.getElementById(elemid);

	//var temprating = (rating*20);
	cr.style.width=	temprating.toString() + '%';


	inputbox = document.getElementById(id);
	inputbox.value = rating;

}

function order(n){
	 switch(n)
	 {
		case 11:
  		  area11.style.zIndex=2;
		  area12.style.zIndex=1;
		  break;
		case 12:
  		  area11.style.zIndex=1;
		  area12.style.zIndex=2;
		  break;
		case 21:
  		  area21.style.zIndex=2;
		  area22.style.zIndex=1;
		  break;
		case 22:
  		  area21.style.zIndex=1;
		  area22.style.zIndex=2;
		  break;
		case 31:
  		  area31.style.zIndex=2;
		  area32.style.zIndex=1;
		  break;
		case 32:
  		  area31.style.zIndex=1;
		  area32.style.zIndex=2;
		  break;
		case 41:
  		  area41.style.zIndex=2;
		  area42.style.zIndex=1;
		  break;
		case 42:
  		  area41.style.zIndex=1;
		  area42.style.zIndex=2;
		  break;
	}
}