{header}
<div class="block_narrow">
{menu_page}
</div>
<div class="block_main">
    <h2>{l_title_current}</h2>

    <div class="bl_form">
        <form action="{url_page}" method="POST">
        <input type="hidden" name="cmd" value="update">

		<div class="label_home_page">{l_homepage_of_the_website}</div>

		<!--<ul id="sortable">
        <!-- begin_button -->
			<!--<li class="ui-state-default2"><input type="hidden" name="menu[]" value="{menu_key}">{menu_title}</li>
        <!-- end_button -->
		<!--</ul>-->

        
        
        <table class="tb_fields" id="sortable" style="width: 230px;">
        <thead>
                <tr id="no_sortable" >
                    <th class="decor_l">&nbsp;</th>
                    <th class="right" >{l_table_name}</th>
                    <th class="last" style="text-align: center; width:30px; padding-left: 10px;">{l_table_active}</th>
                    <th class="decor_r">&nbsp;</th>
                </tr>
        </thead>
        <!-- begin_button -->
        <tr class="color" style="cursor:move;">
            <td id ="decor_l" class="decor_l">&nbsp;</td>
                <td class="right">
                    <input type="hidden" name="menu[]" value="{menu_key}">{menu_title}
                </td>
                <td  class="last" style="text-align: center; width:40px; padding-left: 3px;">
                    <input type="checkbox" name="status[{menu_key}]" {checked} style="margin:0px; padding:0px; width: 20px;">
                </td>
            <td id ="decor_r" class="decor_r">&nbsp;</td>
        </tr>
        <!-- end_button -->
		</table>
        
        <div class="wrap_button fl_right">
            <button class="button submit" type="submit">{l_save}</button>
            <div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
        </div>
        </form>
        
    </div>

<script>
/*$(function() {
	$("#sortable").sortable();
	$("#sortable").disableSelection();
});*/


$(function() {
    $('#sortable tbody').sortable({
        containment: 'parent',
	    tolerance: 'pointer',
	    opacity: 0.5,
        axis: 'y',
        cancel: '#no_sortable',
        cursor: 'move',
        items: 'tr[id != no_sortable]',
        helper: fixHelperModified,
        update: function(e, ui){
            ui.item.attr('class', 'color_set');
            ui.item.children('.decor_l').attr('class', 'decor_set_l');
            ui.item.children('.decor_r').attr('class', 'decor_set_r');
        }
    });
});

var fixHelperModified = function(e, tr) {
    var $originals = tr.children();
    var $helper = tr.clone();
    $helper.children().each(function(index)
    {
      $(this).width($originals.eq(index).width());
      $(this).parent().css({'border-collapse' : 'collapse'});
    });
    return $helper;
};
</script>

<!--<style>

.label_home_page {
	margin-left: 220px;
    margin-top: 5px;
    position: absolute;
}

#sortable li {
    background: url("{url_tmpl_administration}images/input_bg.gif") repeat-x 0 0;
    border: 1px solid #C9C9C9;
    font-family: Tahoma;
    margin: 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 200px;
	cursor: move;
}
</style>-->

    <div class="empty"></div>
</div>
{footer}