
<%= render :partial=>'layouts/pretty_toolbar' %>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<ul id="themengruppen" class="sort" >
<% @themengruppen.each do |themengruppe| %>
<li id="themengruppen_<%= themengruppe.id %>" class="sort" style="background:white;display:block;" ><%= themengruppe.title %>-<%= themengruppe.priority %></li>
<% end %>
</ul>
<ul id="themengruppen_intern" class="sort" >
<% @themengruppen_intern.each do |themengruppe| %>
<li id="themengruppen_<%= themengruppe.id %>" class="sort" style="background:white;display:block;" ><%= themengruppe.title %>-<%= themengruppe.priority %></li>
<% end %>
</ul>

</div>
</div>
<div>
<script>
$( document ).ready(function(){
  $("#themengruppen").sortable({
    cursor: 'crosshair',
    drag:true,
    update: function(){
      $.ajax({
        url: '<%= sort_themengruppen_themengruppen_path() %>',
        type: 'post',
        data: $('#themengruppen').sortable('serialize'),
        dataType: 'script',
        complete: function(request){
         }
      })
    }
  });
});
$( document ).ready(function(){
  $("#themengruppen_intern").sortable({
    cursor: 'crosshair',
    drag:true,
    update: function(){
      $.ajax({
        url: '<%= sort_themengruppen_themengruppen_path() %>',
        type: 'post',
        data: $('#themengruppen_intern').sortable('serialize'),
        dataType: 'script',
        complete: function(request){
         }
      })
    }
  });
});

</script>
