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');
			},
			onBackground:function(toggler, element){
        	  toggler.removeClass('active');
			}
		}
	);
	
	$('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].addClass('active');
		}
	
		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');
		});				
		
	}
	
	var eventx = $$('#viewbox ul li');
	for(i=0;i<eventx.length;i++){
		//alert(programs[i].getParent().getSize().y);
		if(eventx[i].id == selProgram){
			var scroller = new Fx.Scroll(eventx[i].getParent().getParent());
			scroller.toElement(eventx[i]);
			//alert(scroller);
		}
	}
	
	
});