YAHOO.util.Event.addListener(window, "load", function() {
    YAHOO.example.EnhanceFromMarkup = new function() {
        var myColumnDefs = [
            {key:"beachclub",          label:"Beachclub",    sortable:true},
            {key:"facilities",         label:"Faciliteiten", sortable:false},
            {key:"locality",           label:"Badplaats",    sortable:true},
            {key:"administrativeArea", label:"Provincie",    sortable:true}
        ];
 
        this.myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("beachclubTable"));
        this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
        this.myDataSource.responseSchema = {
            fields: [{key:"beachclub"},
                    {key:"facilities"},
                    {key:"locality"},
                    {key:"administrativeArea"}
            ]
        };
 
        this.myDataTable = new YAHOO.widget.DataTable("markup", myColumnDefs, this.myDataSource,
                {sortedBy:{key:"beachclub",dir:"asc"}}
        );
        
        return {
            oDS: this.myDataSource,
            oDT: this.myDataTable
        };
    };
});