$extend( Site, {

	initTeachers: function()
	{
		Site._teacherEl = $( 'teacher-popup' ).getElement( '.teacher_profile' );
		Site._teacherBtn = $( 'teacher-popup' ).getElement( '.aurora-button.teacher.selected' );
		
		Site._teacherBtn.addClass( 'selected' );
		
		var teachers = $$( '#teacher-popup .aurora-button.teacher' );
		
		var showTeacher = (function(t) {
		
			t.addClass( 'selected' );
			
			var id = t.getProperty( 'id' ).slice( 13 );
			
			var $el = $( 'teacher-' + id );
			var $btn = t;
			
			if ( Site._teacherEl == $el )
				return;
			
			Site._teacherBtn.removeClass( 'selected' );
			
			Site._teacherEl.get( 'tween' )
				.setOptions({
					duration: 250,
					transition: 'circ:in:out'
				})
				.start( 'opacity', 0 )
				.chain( function() {
				
					Site._teacherEl.hide();
					
					$el.show().setOpacity( 0 );
						
					$el.get( 'tween' )
						.setOptions({
							duration: 250,
							transition: 'circ:in:out'
						})
						.start( 'opacity', 1 );
					
					$btn.addClass( 'selected' );
					
					Site._teacherEl = $el;
					Site._teacherBtn = $btn;
				
				});
		
		});
		
		teachers.each( function(t) {
			t.addEvent( 'click', function() { showTeacher(t) } );
		});
	}

});