function switch_display(hide,show) {

	var fadeFx = new Fx.Morph(hide, { 'duration': '200' } );

	fadeFx.start({'opacity': [1,0]}).chain(function(){ 
		hide.setStyles({'display':'none','height':0});
		var fadeFx2 = new Fx.Morph(show, { 'duration': '200' } );
		fadeFx2.set({'opacity': [0]});
		show.setStyles({'display':'block','height':'auto'});
		fadeFx2.start({'opacity': [0,1]});
	});	
}

function change_page(page,direction,Links,max) {
	var return_page = page;
	var element = null;

	Links.each(function(el,counter){

		if ( counter == page ) {

			if ( direction == 'next' ) {
				element = el.getNext('div');
				return_page = (page + 1);
			} else {
				element = el.getPrevious('div');
				return_page = (page - 1);
			}

			switch_display(el,element);

		}
	});

	if ( return_page >= max ) {
		$('next').setStyle('display','none');
		$('next_span').setStyle('display','inline');
	} else {
		$('next').setStyle('display','inline');
		$('next_span').setStyle('display','none');
	}

	if ( return_page < 3 ) {
		$('prev').setStyle('display','none');
		$('prev_span').setStyle('display','inline');
	} else {
		$('prev').setStyle('display','inline');
		$('prev_span').setStyle('display','none');
	}		

	return return_page;
}

if ( typeof(MooTools) == 'object' ) {

	window.addEvent('domready', function(){
		var segments = window.location.href.split('/');
		
		if ( segments.getLast() == 'print.html' ) {
			return;
		}


		$$('.box').each(function(box){

			var Links = [];
			var box_inner = box.getElement('div.box_inner');



			var wrapper = new Element('div', {
				'html': box_inner.get('html'),
				'class': 'wrapper'
			});


			box_inner.empty();
			wrapper.inject(box_inner,'top');

			var current_pos = 2;
			var containers = box.getElements('div.container');
			var max = (containers.length - 1);

			if ( max < 3 ) {
				containers.each(function(el,counter){

					if ( counter == 0 ) {
						el.setStyles({
							'width': '180px',
							'overflow': 'hidden',
							'float': 'left',
							'margin-bottom': '20px'
						});
					}
				});
			} else {		
				containers.each(function(el,counter){

					if ( counter == 0 ) {
						el.setStyles({
							'width': '180px',
							'overflow': 'hidden',
							'float': 'left'
						});
					}

					if ( counter > 1 ) {			
						el.addClass('page');
					}

					if ( counter > 2 ) {
						el.setStyles({
							'display': 'none'
						});
					}
					Links[counter] = el;
				});

				var paging = new Element('div', {
					'class': 'paging'
				});

				var prev = new Element('a', {
					'href': '#',
					'events': {
						click: function(e) {
							e = new Event(e);
							e.stop();
							current_pos = change_page(current_pos,'prev',Links,max);
						}
					},
					'html': '<< vorherige Seite',
					'id': 'prev'
				});

				var prev_span = new Element('span', {
					html: '<< vorherige Seite',
					id: 'prev_span'
				});			

				var next = new Element('a', {
					href: '#',
					events: {
						click: function(e) {
							e = new Event(e);
							e.stop();
							current_pos = change_page(current_pos,'next',Links,max);
						}
					},
					html: 'nächste Seite >>',
					id: 'next'
				});

				var next_span = new Element('span', {
					html: 'nächste Seite >>',
					id: 'next_span'
				});			

				var spacer = new Element('span', { html: '|' });


				prev.inject(paging,'top');
				prev_span.inject(paging,'bottom');
				spacer.inject(paging,'bottom');
				next.inject(paging,'bottom');
				next_span.inject(paging,'bottom');
				paging.inject(box_inner,'bottom');

				$('next_span').setStyle('display','none');
				$('prev').setStyle('display','none');

			}
		});
	});
}