function TemplateAnnatation(elementId,annatations){
this.elementId = elementId;
this.annatations = annatations;
this.update  = TemplateAnnatation_update;
this.updateById  = TemplateAnnatation_updateById;
}
function TemplateAnnatation_update(templateIdSelect){
var element = document.getElementById(this.elementId);
var templateId = templateIdSelect.value;
if(this.annatations[templateId]=='undefined'){
annatationHTML = '';
}else{
annatationHTML = "<p>" + this.annatations[templateId]  + "</p>";
} 
element.innerHTML = annatationHTML;
}
function TemplateAnnatation_updateById(templateId){
var element = document.getElementById(this.elementId);
if(this.annatations[templateId]=='undefined'){
annatationHTML = '';
}else{
annatationHTML = "<p>" + this.annatations[templateId]  + "</p>";
} 
 
element.innerHTML = annatationHTML;
}