YAHOO.util.Event.addListener(window, "load", function() {
    YAHOO.example.EnhanceFromMarkup = new function() {
        var myColumnDefs = [
            {key:"eventdate", label:"Datum",      sortable:false},
            {key:"eventtime", label:"Tijd",       sortable:false},
            {key:"event",     label:"Event",      sortable:false},
            {key:"admission", label:"Entree",     sortable:false},
            {key:"beachclub", label:"Beachclub",  sortable:false},
            {key:"locality",  label:"Badplaats",  sortable:false}
        ];
 
        this.myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("beacheventTable"));
        this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
        this.myDataSource.responseSchema = {
            fields: [{key:"eventdate"},
                    {key:"eventtime"},
                    {key:"event"},
                    {key:"admission"},
                    {key:"beachclub"},
                    {key:"locality"}
            ]
        };
 
        var oConfigs = {
                /*paginator: new YAHOO.widget.Paginator({
                    rowsPerPage: 20
                }),*/
                sortedBy:{key:"eventdate",dir:"asc"}
        };
        this.myDataTable = new YAHOO.widget.DataTable("markup", myColumnDefs, this.myDataSource, oConfigs);
        
        return {
            oDS: this.myDataSource,
            oDT: this.myDataTable
        };
    };
});