YAHOO.util.Event.addListener(window, "load", function() {

	this.formatDateNicelyPlease = function(elCell, oRecord, oColumn, oData) {
		var oDate = oData;
		var sMonth;
		switch(oDate.getMonth()) {
			case 0:
					sMonth = "January";
					break;
			case 1:
					sMonth = "February";
					break;
			case 2:
					sMonth = "March";
					break;
			case 3:
					sMonth = "April";
					break;
			case 4:
					sMonth = "May";
					break;
			case 5:
					sMonth = "June";
					break;
			case 6:
					sMonth = "July";
					break;
			case 7:
					sMonth = "August";
					break;
			case 8:
					sMonth = "September";
					break;
			case 9:
					sMonth = "October";
					break;
			case 10:
					sMonth = "November";
					break;
			case 11:
					sMonth = "December";
					break;
		}
		elCell.innerHTML = oDate.getDate() + " " + sMonth + ", " + oDate.getFullYear();
	}
	
	YAHOO.widget.DataTable.Formatter.myDateFormatter = this.formatDateNicelyPlease;
	
	
	this.formatStringAndEmboldenENGAGE = function(elCell, oRecord, oColumn, oData) {
		elCell.innerHTML = "<strong>" + oData + "</strong>";
	}
	
	YAHOO.widget.DataTable.Formatter.myEmboldeningStringFormatter = this.formatStringAndEmboldenENGAGE;
	
	
	this.myColumnDefs = [ 
		{key:"Position", label:"Position", formatter:"myEmboldeningStringFormatter", resizeable:true, sortable:true}, 
		{key:"Description", resizeable:true},
		{key:"Closing", label:"Closing Date", formatter:"myDateFormatter", sortable:true, resizeable:true},
		{key:"Area", sortable:true, resizeable:true}
	]; 
	
	this.myDataSource = new YAHOO.util.DataSource( YAHOO.util.Dom.get("PositionsDataTable") ); 
	this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
	this.myDataSource.responseSchema = { 
		fields: [
			{key:"Position"}, 
			{key:"Description"},
			{key:"Closing", parser:"date"},
			{key:"Area"}
		] 
	};
	
	this.myDataTable = new YAHOO.widget.DataTable("PositionsContainer", this.myColumnDefs, this.myDataSource, {sortedBy:{key:"Closing",dir:"asc"}});
});