var RouteGroupListView = new Class({
	
	routeGroup: null,
	routeGroupTimetables: null,

	initialize: function()
	{
		this.routeGroup = $('routeGroup');
		this.routeGroupTimetables = this.routeGroup.getElements('div.routeGroupTimetable');
		this.routeGroupTimetables.each(function(routeGroupTimetable) {routeGroupTimetable.addEvent('click', this.toggleRouteGroupTimetable.bind(this,routeGroupTimetable))}, this);	
	},
	
	toggleRouteGroupTimetable: function(routeGroupTimetable)
	{
		var routeGroupListId = 'routeGroupList' + routeGroupTimetable.id.replace(/\D/g, '');
		var routeGroupList = $(routeGroupListId);
		if (!routeGroupList.fx) routeGroupList.fx = new Fx.Tween(routeGroupList, {property:'height', link:'cancel'});
		
		if (routeGroupList.hasClass('collapse')) {
			//routeGroupList.fx.start(0);
			//routeGroupList.removeClass('collapse');
		}
		
		if (routeGroupTimetable.hasClass('collapse')) {
			routeGroupTimetable.removeClass('collapse');
			routeGroupList.fx.start(0, routeGroupList.getScrollSize().y);
		} else {
			routeGroupTimetable.addClass('collapse');
			routeGroupList.fx.start(0);
		}
	}
});

var routeGroupListView;
window.addEvent('domready', function() {
	routeGroupListView = new RouteGroupListView();
});