// JavaScript Document
function showTables(day){
	if (day==0){
		document.getElementById('bigTable0').style.display = "block";
		document.getElementById('bigTable1').style.display = "none";
		document.getElementById('bigTable2').style.display = "none";		
		
		//SHADOW THE NOT CHOSE DAYS
		for (i=0;i<=7;i++){
			var grayClass=/ grayCell/;
			//normal - I replace the grayClass with an empty one
			document.getElementById('sday0_'+i).className=document.getElementById('sday0_'+i).className.replace(' grayCell','');
			//gray - Check if the gray class is already present
			var check1= grayClass.test(document.getElementById('sday1_'+i).className);
			var check2= grayClass.test(document.getElementById('sday2_'+i).className);
			//if grayClass is not present I add it
			if (check1==false){
				document.getElementById('sday1_'+i).className+=' grayCell';
			}
			if (check2==false){
				document.getElementById('sday2_'+i).className+=' grayCell';
			}
		}
	}else if (day==1){
		document.getElementById('bigTable0').style.display = "none";
		document.getElementById('bigTable1').style.display = "block";
		document.getElementById('bigTable2').style.display = "none";
		//SHADOW THE NOT CHOSE DAYS
		for (i=0;i<=7;i++){
      		var grayClass=/ grayCell/;
			//normal
			document.getElementById('sday1_'+i).className=document.getElementById('sday1_'+i).className.replace(' grayCell','');
			var check0= grayClass.test(document.getElementById('sday0_'+i).className);
			var check2= grayClass.test(document.getElementById('sday2_'+i).className);
			if (check0==false){
				document.getElementById('sday0_'+i).className+=' grayCell';
			}
			if (check2==false){
				document.getElementById('sday2_'+i).className+=' grayCell';
			}
		}	
	}else if (day==2){
		document.getElementById('bigTable0').style.display = "none";
		document.getElementById('bigTable1').style.display = "none";
		document.getElementById('bigTable2').style.display = "block";
		//SHADOW THE NOT CHOSE DAYS
		for (i=0;i<=7;i++){
      		//normal
			document.getElementById('sday2_'+i).className=document.getElementById('sday2_'+i).className.replace(' grayCell','');
			//gray
			var grayClass=/ grayCell/;
			var check1= grayClass.test(document.getElementById('sday1_'+i).className);
			var check0= grayClass.test(document.getElementById('sday0_'+i).className);
			if (check1==false){
				document.getElementById('sday1_'+i).className+=' grayCell';
			}
			if (check0==false){
				document.getElementById('sday0_'+i).className+=' grayCell';
			}
		}	
	}
}