unmerge.js

/**
 * Unmerge the specified <td> element
 * @param td td to unmerge
 */
function unmerge(td) {
    var colspan = td.attr("colspan");
    td.attr("colspan", 1);
    var id = td.attr("id").split("x");

    for (var i = colspan - 1; i > 0; i--) {
        var tdclass = td.attr("class");
        var tdid = id[0] + "x" + (parseInt(id[1]) + i);
        var div = td.children().first();
        var divclass = div.attr("class");
        var divcontent = div.text();
        var newTD = "<td class=\"" + tdclass + "\" colspan=\"" + 1 + "\" id=\"" + tdid + "\">" +
            "<div class=\"" + divclass + "\">" +
            divcontent +
            "</div>" +
            "</td>";
        console.log(newTD);
        td.after(newTD);
        $("#" + tdid).droppable(timetableDroppable);
        $("#" + tdid).children().click(onclick).draggable({
            revert: true
        });
    }
}