jQuery Datatables + Active Admin

active_admin.css.scss

@import "dataTables/jquery.dataTables";

/* A modifier pour avoir les bons espacements */

body.active_admin .data_table {
  padding-bottom: 10px;
}

body.active_admin .dataTables_paginate {
  margin-top: -10px;
}

active_admin.js

//= require active_admin/base
//= require chosen-jquery
//= require dataTables/jquery.dataTables

$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
{
    return {
        "iStart":         oSettings._iDisplayStart,
        "iEnd":           oSettings.fnDisplayEnd(),
        "iLength":        oSettings._iDisplayLength,
        "iTotal":         oSettings.fnRecordsTotal(),
        "iFilteredTotal": oSettings.fnRecordsDisplay(),
        "iPage":          Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
        "iTotalPages":    Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
    };
}

$.extend( $.fn.dataTableExt.oPagination, {
    "active_admin": {
        "fnInit": function( oSettings, nPaging, fnDraw ) {
            var oLang = oSettings.oLanguage.oPaginate;
            var fnClickHandler = function ( e ) {
                e.preventDefault();
                if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
                    fnDraw( oSettings );
                }
            };
 
            $(nPaging).addClass('pagination').append(
                
                '<span class="prev disabled"><a href="#">'+oLang.sPrevious+'</a></span>'+
                '<span class="next disabled"><a href="#">'+oLang.sNext+'</a></span>'
            );
            var els = $('a', nPaging);
            $(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
            $(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
        },
 
        "fnUpdate": function ( oSettings, fnDraw ) {
            var iListLength = 5;
            var oPaging = oSettings.oInstance.fnPagingInfo();
            var an = oSettings.aanFeatures.p;
            var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
 
            if ( oPaging.iTotalPages < iListLength) {
                iStart = 1;
                iEnd = oPaging.iTotalPages;
            }
            else if ( oPaging.iPage <= iHalf ) {
                iStart = 1;
                iEnd = iListLength;
            } else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
                iStart = oPaging.iTotalPages - iListLength + 1;
                iEnd = oPaging.iTotalPages;
            } else {
                iStart = oPaging.iPage - iHalf + 1;
                iEnd = iStart + iListLength - 1;
            }
 
            for ( i=0, iLen=an.length ; i<iLen ; i++ ) {
                // Remove the middle elements
                $('span:gt(0)', an[i]).filter(':not(:last)').remove();
                // Add the new list items and their event handlers
                for ( j=iStart ; j<=iEnd ; j++ ) {
                    //sClass = (j==oPaging.iPage+1) ? 'class="current page"' : 'class="page"';
										sElement = (j==oPaging.iPage+1) ? $('<span class="current page">'+j+'</span>') : $('<span class="page"><a href="#">'+j+'</a></span>');
                    sElement.insertBefore( $('span:last', an[i])[0] )
                        .bind('click', function (e) {
                            e.preventDefault();
                            oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
                            fnDraw( oSettings );
                        } );
                }
 
                // Add / remove disabled classes from the static elements
                if ( oPaging.iPage === 0 ) {
                    $('span:first', an[i]).addClass('disabled');
                } else {
                    $('span:first', an[i]).removeClass('disabled');
                }
 
                if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
                    $('span:last', an[i]).addClass('disabled');
                } else {
                    $('span:last', an[i]).removeClass('disabled');
                }
            }
        }
    }
} );

$(document).ready(function() {
	$(".filter_select select").chosen();
	
	
	$('.data_table').dataTable({
	  "sDom": "t<p>",
		"sPaginationType": "active_admin"
	});
	
});

gemfile

gem 'jquery-datatables-rails'

projects.rb

# ...
table_for(project.all_media, {:class => "data_table"}) do
# ...

Hi, I'm trying to use this but I'm getting the following error in active_admin.js.coffee
SyntaxError: [stdin]:5:39: reserved word "function"
Any ideas?
Thanks