var Mediathek = new Class({
	Implements: [Selectors],

	initialize: function() {
		$$('#mediathek h3 a').each(function(link){
			link.removeEvents('click');
			link.addEvent('click', function(event){
				event.stop();

				var div = link.getParent('h3').getNext('div');
				$$('#mediathek > ul > li').each(function(li){
					li.removeClass('active');
				});
				div.getParent('li').addClass('active');

				var options = {
					url: link.href,
					update: div,
					onComplete: function() {
						this.initialize();
					}.bind(this)
				}

				var req = new Request.HTML(options).send();

				return false;
			}.bind(this));
		}.bind(this));


		$$('#mediathek .media .prev a', '#mediathek .media .next a').each(function(link){
			link.removeEvents('click');
			link.addEvent('click', function(event){
				event.stop();

				var div = link.getParent('div');

				var options = {
					url: link.href,
					update: div,
					onComplete: function() {
						this.initialize();
					}.bind(this)
				}

				var req = new Request.HTML(options).send();

				return false;
			}.bind(this));
		}.bind(this));
	}
})