{#
INPUT:

- worksheet -- Worksheet object

- publish -- boolean whether this is for the published version

- do_print -- boolean whether this is for a print version

#}

{% set wrap = conf['word_wrap_cols'] %}
{% if not publish %}
    {% set publish = worksheet.is_published() %}
{% endif %}
<div id="temp_debugging"></div>
<div class="cell_input_active" id="cell_resizer"></div>
{% if not publish %}
<div class="worksheet_cell_list" id="worksheet_cell_list">
{% endif %}

{% for cell in worksheet.cell_list() %}
    {{ cell.html(wrap = wrap, div_wrap = true, do_print = do_print or publish) }}
{% endfor %}

{% if not do_print and not publish %}
</div>
<div class="insert_new_cell" id="insert_last_cell"></div>
<script type="text/javascript">
    $("#insert_last_cell").plainclick(function (e) {
        insert_new_cell_after(cell_id_list[cell_id_list.length - 1]);
    });
{% if not worksheet.docbrowser() %}
    $("#insert_last_cell").shiftclick(function (e) {
        insert_new_text_cell_after(cell_id_list[cell_id_list.length - 1]);
    });
{% endif %}

    $(document).ready(function() {
        $("#worksheet_cell_list").sortable({
            update: function(){
                var order = $("#worksheet_cell_list").sortable("serialize");
                order = order.replace(/cell_outer\[\]\=/g,"").split("&");
                var i = 0;
                var j = 0;
                var flag = true;
                while(flag){
                    if(cell_id_list[i] != order[i]){
                        flag = false;
                    }else{
                        i++;
                    }
                }
                var j = i+1;
                while(!flag  && order.length > j ){
                    if(cell_id_list[j] == order[j]){
                        flag = true;
                    }else if(order.length == j+1){
                        flag = true;
                        j++;
                    }else{
                        j++;
                    }
                }
                j--;

                var next_elm = toint(order[i+1]);
                var pivot_elm = 0;
                var orig_pos = 0;
                var after_pos = 0;
                var drag = 0
                if(cell_id_list[i]==next_elm){ // the element came from behind.
                    orig_pos = j;
                    after_pos= i;
                }else{
                    drag = 1;
                    orig_pos = i;
                    after_pos= j;
                }

                var moving_cell_id = cell_id_list[orig_pos];
                var text = $("#cell_"+moving_cell_id+" textarea")[0].innerHTML;
                var prev_cell_id;
                if (after_pos == cell_id_list.length-1){
                    insert_new_cell_after(cell_id_list[cell_id_list.length-1], text);
                }else{
                    prev_cell_id = cell_id_list[after_pos+drag];
                    insert_new_cell_before(prev_cell_id, text);
                }
                
                cell_delete(moving_cell_id);

            }
        });
    });
</script>
{% endif %}