var Day = [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ];

var WClass01 = new Array();
var WClass02 = new Array();
var WClass03 = new Array();
var WClass04 = new Array();
var TClass01 = new Array();
var TClass02 = new Array();
var TClass03 = new Array();
var TClass04 = new Array();
var QClass01 = new Array();
var QClass02 = new Array();
var QClass03 = new Array();
var SClass01 = new Array();
var SClass02 = new Array();
var SClass03 = new Array();
var PClass01 = new Array();
var PClass02 = new Array();
var PClass03 = new Array();

var WClasses = [
	WClass01, WClass02, WClass03, WClass04
];

var TClasses = [
	TClass01, TClass02, TClass03, TClass04
];

var QClasses = [
	QClass01, QClass02, QClass03
];

var SClasses = [
	SClass01, SClass02, SClass03
];

var PClasses = [
	PClass01, PClass02, PClass03 
];

function renderClassSchedule() {
    renderWClassSchedule();
	renderTClassSchedule();
	renderQClassSchedule()
    renderSClassSchedule();
	renderPClassSchedule();
}

function renderWClassSchedule() {
	var classScheduleTable = document.getElementById("WClassSchedule");
	classScheduleTable.style.border = "1px black solid";
	
	var rowIndex = 0;
	for(var classKey in WClasses) {		
		var classRow = classScheduleTable.insertRow(rowIndex);
		rowIndex++;
		var isEvenRow = (rowIndex % 2 == 0);
		var currentClass = WClasses[classKey];
		
		var cellIndex = 0;
		for(var dayKey in Day) {
			var currentDay = Day[dayKey];
			var cellValue = (currentClass[currentDay]) ? currentClass[currentDay] : " ";

			var currentCell = classRow.insertCell(cellIndex);
			cellIndex++;
			currentCell.style.border = "1px black solid";
			//currentCell.innerText = cellValue;
			currentCell.innerHTML = cellValue;

			var classNames = ("Class Name" == currentDay) ? "HeaderColumn" : "NormalCell";
			if(isEvenRow) {
				classNames += " EvenRow";
			}
			else {
				classNames += " OddRow";
			}

			currentCell.className = classNames;
		}
	}

	// Header
	var headerRow =	classScheduleTable.insertRow(0);
	var dayCellIndex = 0;
	for(var dayKey in Day) {
		var dayCell = headerRow.insertCell(dayCellIndex);
		dayCellIndex++;
		//dayCell.innerText = Day[dayKey];
		dayCell.innerHTML = Day[dayKey];
		dayCell.style.border = "1px black solid";
		dayCell.className = "TableHeader";
	}

}

function renderTClassSchedule() {
	var classScheduleTable = document.getElementById("TClassSchedule");
	classScheduleTable.style.border = "1px black solid";
	
	var rowIndex = 0;
	for(var classKey in TClasses) {		
		var classRow = classScheduleTable.insertRow(rowIndex);
		rowIndex++;
		var isEvenRow = (rowIndex % 2 == 0);
		var currentClass = TClasses[classKey];
		
		var cellIndex = 0;
		for(var dayKey in Day) {
			var currentDay = Day[dayKey];
			var cellValue = (currentClass[currentDay]) ? currentClass[currentDay] : " ";

			var currentCell = classRow.insertCell(cellIndex);
			cellIndex++;
			currentCell.style.border = "1px black solid";
			//currentCell.innerText = cellValue;
			currentCell.innerHTML = cellValue;

			var classNames = ("Class Name" == currentDay) ? "HeaderColumn" : "NormalCell";
			if(isEvenRow) {
				classNames += " EvenRow";
			}
			else {
				classNames += " OddRow";
			}

			currentCell.className = classNames;
		}
	}

	// Header
	var headerRow =	classScheduleTable.insertRow(0);
	var dayCellIndex = 0;
	for(var dayKey in Day) {
		var dayCell = headerRow.insertCell(dayCellIndex);
		dayCellIndex++;
		//dayCell.innerText = Day[dayKey];
		dayCell.innerHTML = Day[dayKey];
		dayCell.style.border = "1px black solid";
		dayCell.className = "TableHeader";
	}


}

function renderQClassSchedule() {
	var classScheduleTable = document.getElementById("QClassSchedule");
	classScheduleTable.style.border = "1px black solid";
	
	var rowIndex = 0;
	for(var classKey in QClasses) {		
		var classRow = classScheduleTable.insertRow(rowIndex);
		rowIndex++;
		var isEvenRow = (rowIndex % 2 == 0);
		var currentClass = QClasses[classKey];
		
		var cellIndex = 0;
		for(var dayKey in Day) {
			var currentDay = Day[dayKey];
			var cellValue = (currentClass[currentDay]) ? currentClass[currentDay] : " ";

			var currentCell = classRow.insertCell(cellIndex);
			cellIndex++;
			currentCell.style.border = "1px black solid";
			//currentCell.innerText = cellValue;
			currentCell.innerHTML = cellValue;

			var classNames = ("Class Name" == currentDay) ? "HeaderColumn" : "NormalCell";
			if(isEvenRow) {
				classNames += " EvenRow";
			}
			else {
				classNames += " OddRow";
			}

			currentCell.className = classNames;
		}
	}

	// Header
	var headerRow =	classScheduleTable.insertRow(0);
	var dayCellIndex = 0;
	for(var dayKey in Day) {
		var dayCell = headerRow.insertCell(dayCellIndex);
		dayCellIndex++;
		//dayCell.innerText = Day[dayKey];
		dayCell.innerHTML = Day[dayKey];
		dayCell.style.border = "1px black solid";
		dayCell.className = "TableHeader";
	}


}

function renderSClassSchedule() {
	var classScheduleTable = document.getElementById("SClassSchedule");
	classScheduleTable.style.border = "1px black solid";
	
	var rowIndex = 0;
	for(var classKey in SClasses) {		
		var classRow = classScheduleTable.insertRow(rowIndex);
		rowIndex++;
		var isEvenRow = (rowIndex % 2 == 0);
		var currentClass = SClasses[classKey];
		
		var cellIndex = 0;
		for(var dayKey in Day) {
			var currentDay = Day[dayKey];
			var cellValue = (currentClass[currentDay]) ? currentClass[currentDay] : " ";

			var currentCell = classRow.insertCell(cellIndex);
			cellIndex++;
			currentCell.style.border = "1px black solid";
			//currentCell.innerText = cellValue;
			currentCell.innerHTML = cellValue;

			var classNames = ("Class Name" == currentDay) ? "HeaderColumn" : "NormalCell";
			if(isEvenRow) {
				classNames += " EvenRow";
			}
			else {
				classNames += " OddRow";
			}

			currentCell.className = classNames;
		}
	}

	// Header
	var headerRow =	classScheduleTable.insertRow(0);
	var dayCellIndex = 0;
	for(var dayKey in Day) {
		var dayCell = headerRow.insertCell(dayCellIndex);
		dayCellIndex++;
		//dayCell.innerText = Day[dayKey];
		dayCell.innerHTML = Day[dayKey];
		dayCell.style.border = "1px black solid";
		dayCell.className = "TableHeader";
	}


}

function renderPClassSchedule() {
	var classScheduleTable = document.getElementById("PClassSchedule");
	classScheduleTable.style.border = "1px black solid";
	
	var rowIndex = 0;
	for(var classKey in PClasses) {		
		var classRow = classScheduleTable.insertRow(rowIndex);
		rowIndex++;
		var isEvenRow = (rowIndex % 2 == 0);
		var currentClass = PClasses[classKey];
		
		var cellIndex = 0;
		for(var dayKey in Day) {
			var currentDay = Day[dayKey];
			var cellValue = (currentClass[currentDay]) ? currentClass[currentDay] : " ";

			var currentCell = classRow.insertCell(cellIndex);
			cellIndex++;
			currentCell.style.border = "1px black solid";
			//currentCell.innerText = cellValue;
			currentCell.innerHTML = cellValue;

			var classNames = ("Class Name" == currentDay) ? "HeaderColumn" : "NormalCell";
			if(isEvenRow) {
				classNames += " EvenRow";
			}
			else {
				classNames += " OddRow";
			}

			currentCell.className = classNames;
		}
	}

	// Header
	var headerRow =	classScheduleTable.insertRow(0);
	var dayCellIndex = 0;
	for(var dayKey in Day) {
		var dayCell = headerRow.insertCell(dayCellIndex);
		dayCellIndex++;
		//dayCell.innerText = Day[dayKey];
		dayCell.innerHTML = Day[dayKey];
		dayCell.style.border = "1px black solid";
		dayCell.className = "TableHeader";
	}


}