// JavaScript Document
var ds1 = new Spry.Data.HTMLDataSet("courses/coursedata/data.html", "courses");
ds1.setColumnType("Next_Start_Dates", "date");

Spry.Utils.addLoadListener(function()
{
	Spry.$$("#spryRegion").setAttribute("spry:region","ds1");
	Spry.$$("#loader").setAttribute("spry:state", "loading");
	Spry.$$("#courseUpcomingTable").setAttribute("spry:state","ready");
	Spry.$$("#courseUpcomingTable").setAttribute("spry:repeatchildren","ds1");
	Spry.$$("#courseUpcomingTable").setAttribute("spry:test","{ds_RowNumber}<=10");
	Spry.$$("#courseUpcomingTable tr").setAttribute("spry:odd", "oddrow");
});

var myFilterFunc = function(dataSet, row, rowNumber)
{
	if(row["Timeslot"].search(/TBC/)!= 0){
		return row;
	}
}
  
function onPostLoad(notificationType, dataSet, data)
{
	if(notificationType == "onPostLoad"){
		ds1.sort("Next_Start_Dates", "ascending");
		ds1.filterData(myFilterFunc);
		Spry.Effect.DoHighlight("courseUpcomingTable",{duration:500,from:'#ccf', to:'#fff', restoreColor:'#fff'});
	}
	
	
};

ds1.addObserver(onPostLoad);

myObserver = new Object;
myObserver.onPostUpdate = function(notifier, data)
{
	var fadeDuration = 600;
	$("#courseUpcomingTable tr").hover(function(){
		$(this).stop().animate({backgroundColor:'#ccf'}, fadeDuration-500);
	}, function(){
		$(this).animate({backgroundColor:'#fff'}, fadeDuration);
	});
	$("#courseUpcomingTable tr.oddrow").hover(function(){
		$(this).stop().animate({backgroundColor:'#ccf'}, fadeDuration-500);
	}, function(){
		$(this).animate({backgroundColor:'#F1F5FA'}, fadeDuration);
	});
};

Spry.Data.Region.addObserver("spryRegion", myObserver);