var columns = 3;

function createLegend(replacedElement, pinsData) {
	var table = document.createElement("table");
	table.className = "pins-legend";
	replacedElement.parentNode.replaceChild(table, replacedElement);

	var row = table.insertRow(0);

	var normalLength = Math.floor(pinsData.length / columns);
	var remainder = pinsData.length % columns;
	var column = 0;
	var length = 0;
	var cell;

	for (var i = 0; i < pinsData.length; i++) {
		if (length == 0)
			cell = row.insertCell(column);
		
		cell.appendChild(document.createTextNode(pinsData[i][0] + ". " + pinsData[i][3]));
		cell.appendChild(document.createElement("br"));
		length++;

		if ((remainder == 0 && length == normalLength) || (remainder > 0 && length == normalLength + 1)) {
			if (remainder > 0 && length == normalLength + 1)
				remainder--;
			
			column++;
			length = 0;
		}
	}
}