;(function($){
    $(function() {
        function bln_update_order() {
            var result = [];
            $('#feat-page .page-elem').each(function(){
                result.push($(this).attr('data-id'));
            });
            result = result.join('_');
            $('#order').val(result);
        }
        
        bln_update_order();
        
        $('#norm-page').sortable(
            {
                connectWith: '#feat-page',
                placeholder : 'thumb-placeholder',
                forcePlaceholderSize: true,
                stop: function(ev, ui){
                    bln_update_order();
                },
            }
        );
        
        $('#feat-page').sortable(
            {
                connectWith: '#norm-page',
                placeholder : 'thumb-placeholder',
                forcePlaceholderSize: true,
                stop: function(ev, ui){
                    bln_update_order();
                },
            }
        );
    });
})(jQuery);