// Declare a unique namespace.
var l5textbox = {};

// Class constructor. Parameter container is a DOM elementon the client that
// that will contain the visualization.
l5textbox.MyTable = function(container) {

  this.containerElement = container;
}

// Main drawing logic.
// Parameters:
//   data is data to display, type google.visualization.DataTable.
//   options is a name/value map of options. Our example takes one option.
l5textbox.MyTable.prototype.draw = function(column,header,data, options) {

  // Create an HTML table
  var showLineNumber2 = options.showLineNumber; // Boolean configuration option. 

  var html = [];
 html.push('<div class="art-Block">');  
  html.push('<div class="art-BlockContent-tl"></div>'); 
  html.push('<div class="art-BlockContent-tr"></div>'); 
  html.push('<div class="art-BlockContent-bl"></div>'); 
  html.push('<div class="art-BlockContent-br"></div>'); 
  html.push('<div class="art-BlockContent-tc"></div>'); 
  html.push('<div class="art-BlockContent-bc"></div>'); 
  html.push('<div class="art-BlockContent-cl"></div>'); 
  html.push('<div class="art-BlockContent-cr"></div>'); 
  html.push('<div class="art-BlockContent-cc"></div>'); 
  html.push('<div class="art-BlockContent-body">');  
  html.push('<div class="art-BlockHeader">');  
  html.push('<div class="l"></div>');  
  html.push('<div class="r"></div> '); 
  html.push('<div class="art-header-tag-icon">');
  html.push('<div class="t">'+header+'</div>'); 
  html.push('</div>'); 
  html.push('</div><div class="art-BlockContent">'); 
  html.push('<div class="art-BlockContent-body">'); 
  html.push('<div>'); 
     var txt = ""; 
    for (var row = 1; row < data.getNumberOfRows(); row++) {
      txt = "<p>"+this.escapeHtml(data.getFormattedValue(row, column))+"</p>";
      
      html.push(txt);
      txt = "";
     
    }
      html.push('</div>');
  html.push('</div>');
  html.push('<div class="cleared"></div>');
  html.push('</div>');  
  html.push('</div> '); 
  html.push('</div>');  
  html.push('</div> '); 
  this.containerElement.innerHTML = html.join('');

}

// Utility function to escape HTML special characters
l5textbox.MyTable.prototype.escapeHtml = function(text) {
  if (text == null)
    return '';
  return text.replace(/&/g, '&').replace(/</g, '<')
      .replace(/>/g, '>').replace(/"/g, '"');
}
