function writeTable(filename,title){

    loadNew(filename);

    table = document.getElementById('integrame-grid');

    deleteTableContent(document.getElementById('rebus-grid'));
    $("#hdef").html("");
    $("#vdef").html("");
	$("#int-adds").show();
    
	$('#rebus-title').text(title);
	$.ajax({
		url:"data/integrame/" + filename + ".xml",
		success: loadCallback
	});
	
	Logger.log(filename, 1);
	
}


function loadCallback(response){
	var xml = $(response);
	
	var i, j, p;
	
	n = xml.find("inaltime:first").text();
	m = xml.find("latime:first").text();
	//solutie = xmlDoc.getElementsByTagName("solutie")[0].firstChild.nodeValue;

	if( m > 10){
		$("#int-adds").hide();
	}
	
	table.oncontextmenu = function(){
		return false;
	};
	
	p = table.rows.length;
	for (i = 0; i < p; i++) {
		table.deleteRow(0);
	}
	activeCell = null;
	
	for (i = 0; i < n; i++) {
		row = table.insertRow(i);
		
		for (j = 0; j < m; j++) {
			cell = row.insertCell(j);
			cell.className = "editable-cell integrama-editable-cell";
			cell.innerHTML = "&nbsp;";
			cell.unselectable = "on";
		}
	}
	
	
	xml.find('definitie').each(function(){
		var str = $(this).text();
		var substr = str.split("|")
		var x = parseInt(substr[0])
		var y = parseInt(substr[1])
		table.rows[x].cells[y].className = "definition-integrama"
		table.rows[x].cells[y].innerHTML = ""
		
		for (j = 2; j < substr.length; j += 2) {
			newDef = document.createElement("div")
			newDef.innerHTML = substr[j];
			newDef.className = "def";
			if(substr.length > 6 || str.length > 35) {
				newDef.className += " no-padding large-def";
			}
			
			table.rows[x].cells[y].appendChild(newDef)
			
			
			if (j < substr.length - 2) {
				newDef.style.borderBottom = "1px solid black";
			}
			
			switch (substr[j + 1]) {
				case "1":
				case "2":
				case "6":
					table.rows[x].cells[y + 1].style.backgroundImage = "url('images/arrows/" + substr[j + 1] + ".gif')";
					break
				case "3":
				case "4":
					table.rows[x + 1].cells[y].style.backgroundImage = "url('images/arrows/" + substr[j + 1] + ".gif')"
					table.rows[x + 1].cells[y].style.backgroundPosition = "top center";
					break
				case "5":
					table.rows[x + 1].cells[y].style.backgroundImage = "url('images/arrows/" + substr[j + 1] + ".gif')";
					break;
				case "7":
					table.rows[x].cells[y - 1].style.backgroundImage = "url('images/arrows/" + substr[j + 1] + ".gif')";
					table.rows[x].cells[y - 1].style.backgroundPosition = "top right";
					break
				case "8":
					table.rows[x].cells[y + 1].style.backgroundImage = "url('images/arrows/2.gif')";
					table.rows[x].cells[y + 1].style.backgroundPosition = "center left";
					break
				case "9":
					table.rows[x - 1].cells[y].style.backgroundImage = "url('images/arrows/9.gif')";
					table.rows[x - 1].cells[y].style.backgroundPosition = "bottom center";
					break
				case "11":
					table.rows[x].cells[y + 1].style.backgroundImage = "url('images/arrows/1.gif')";
					table.rows[x].cells[y + 1].style.backgroundPosition = "center left";
					break
			}
			
		}
		
	});
	
	$('#vdef').html("<p class='rebus-author'><b>" + xml.find("autor").text() + "</b></p>");
	
	solution = xml.find("solutie").text();
	if (solution && solution.length > 0) {
		$("#check-button").show();
		$("#solve-button").show();
	}
	else{
		$("#check-button").hide();
		$("#solve-button").hide();
	}

	xml.find('special').each(function(){
	
		var data = $(this).text().split("-");
		if (data[0] == 'h') {
			for (j = 0; j < data[3]; j++) {
				table.rows[data[1]].cells[new Number(data[2]) + j].style.backgroundColor = '#dedede';
			}
		}
		else if (data[0] == 'v') {
			for (j = 0; j < data[3]; j++) {
				table.rows[new Number(data[2]) + j].cells[data[1]].style.backgroundColor = '#dedede';
			}
		}
		
	});
	
	$(".editable-cell").bind("mousedown", mouseClickHandler);

	setupHighlighting();
}