window.addEvent('domready',function(){
	var titles = $$('.lstSubject');
	var contents = $$('.lstProgram');
	
	var accEffect = new Accordion(titles,contents, {
			show:selSubject,
			alwaysHide:true,
			onActive:function(toggler, element){
        	  toggler.addClass('active');
			  element.getChildren('ul').setStyle('height', '150px');
			},
			onBackground:function(toggler, element){
        	  toggler.removeClass('active');
			  element.getChildren('ul').setStyle('height', '0px');
			}
		}
	);
	
	$('loadwait').setStyle('display','none');
	$('lstAccordion').setStyle('visibility','visible');
	
	//attach clickevent handler for the subjects
	var subjects = $$('.lstSubject');
	for(i=0;i<subjects.length;i++){
		subjects[i].addEvent('click', function(){
			selSubject = this.id;
		});
	}	
	
	// attach event handler for the program list
	var programs = $$('.lstProgram ul li');

	for(i=0;i<programs.length;i++){
	
		if(programs[i].id == selProgram){
			programs[i].addClass('selectedProgram');
			var scroller = new Fx.Scroll(programs[i].getParent());
			scroller.toElement(programs[i]);
		}
	
		programs[i].addEvent('click', function(){
			selProgram = this.id;
			location.search= 'discip=' + selSubject + '&prg=' + selProgram;
		});
		
		programs[i].addEvent('mouseover', function(){
			this.addClass('active');
		});
		
		programs[i].addEvent('mouseout', function(){
			this.removeClass('active');
		});				
		
	}
	
	
	
});