function insertGrade(elemId, grade){
	
var ParentElement=document.getElementById(elemId);
var TdElement= document.createElement("td");
var Grade=document.createTextNode(grade);

TdElement.setAttribute("class", "gradebookItem");
TdElement.setAttribute("className", "gradebookItem");

TdElement.appendChild(Grade);
ParentElement.appendChild(TdElement);
}

function insertRatio(elemId, ratio){


}

function insertTick(elemId, TickValue){


}

function displayComment(Comment){

// jesli nie ma jeszcze wyświetlonego komentarza, budujemy tabelę, od nowa

var test = document.getElementById('CommentTable');

if(null==test){

var ParentElement=document.getElementById('Textbox_ca');
var TrElement= new Array(2);
var TdElement= new Array(4);
var TabElement= document.createElement("table");
var TbodyElement= document.createElement("tbody");
var Grade=document.createTextNode(Comment);
var Name=document.createTextNode("Comment");


for (var j=0;j<2;j++){
TrElement[j]= document.createElement("tr");
}

for (var i=0;i<4;i++){
TdElement[i]= document.createElement("td");
}
TdElement[0].setAttribute("style", "font-size:11px; width: 100px; background:#dadefc;");
TdElement[0].setAttribute("className", "commentTableHeader");
TdElement[0].appendChild(Name);

TdElement[3].setAttribute("id", "CommentItself");
TdElement[3].setAttribute("style", "font-size:9px; text-align:left");
TdElement[3].setAttribute("className", "commentTableFill");
TdElement[3].appendChild(Grade);

TrElement[0].appendChild(TdElement[0]);
TrElement[0].appendChild(TdElement[1]);

TrElement[1].setAttribute("id", "CommentTr");
TrElement[1].appendChild(TdElement[2]);
TrElement[1].appendChild(TdElement[3]);

TabElement.setAttribute("class", "gradebookClassData");
TabElement.setAttribute("className", "gradebookClassData");
TabElement.setAttribute("id", "CommentTable");
TbodyElement.appendChild(TrElement[0]);

TbodyElement.appendChild(TrElement[1]);
TabElement.appendChild(TbodyElement);
ParentElement.appendChild(TabElement);
}

// Jeśli komentarz jest juz wyswietlony, zostaje zastąpiony nowym, poprzez podmianę komórki tabeli 
else {


var Grade=document.createTextNode(Comment);	
var TdElement=document.getElementById('CommentItself');
var NewTdElement=document.createElement("td");
	
var TrElement=document.getElementById('CommentTr');

NewTdElement.setAttribute("id", "CommentItself");
NewTdElement.setAttribute("style", "font-size:9px; text-align:left");
NewTdElement.setAttribute("className", "commentTableFill");
NewTdElement.appendChild(Grade);

TrElement.replaceChild(NewTdElement, TdElement);	
	
		}

}

