$(document).ready(function(){
	var accordeons = $('#content-right .acc_container');
	var first_shown = false;
	accordeons.each(function(){
		var pagecount = $('.item-list', this).length;
		if(pagecount > 1) {
			var pageing = '<div class="newspager">'+
							'<a href="#" class="page_prev"><img src="bilder/efse-link-arrow-back-green.png" /> back</a>'+
        	                '<strong class="page_count"><span class="current_page">1</span>/'+pagecount+'</strong>'+
							'<a href="#" class="page_next">next <img src="bilder/efse-link-arrow-green.png" /></a>'+
                	       '</div>';
			$(this).append(pageing);
		}
		$(this).data('pagecount',pagecount);
		$('.item-list:first', this).show().addClass('vis');
		var il_height = calcElHeight($('.item-list:first', this));
		$(this).height(il_height+'px');
	});

	$('#content-right .page_next').bind('click',function(e){
		e.preventDefault();
		var parent = $(this).parents('.acc_container');
		pressPageFlip('next', parent);
	});

	$('#content-right .page_prev').bind('click',function(e){
		e.preventDefault();
		var parent = $(this).parents('.acc_container');
		pressPageFlip('prev', parent);
	});
});

function pressPageFlip(dir, parent) {

	var current_page = parseInt($('.current_page',parent).text());

	var delta = false;
	if ((dir == 'next') && (parent.data('pagecount') > current_page)) {
		delta = 1;
	} else if((dir == 'prev') && (current_page > 1)) {
		delta = -1;
	}

	if(delta) {
		var newPage = $('.item-list:eq('+(current_page+delta-1)+')',parent).addClass('vis');
		var newHeight = calcElHeight(newPage);
		parent.animate({
			height: newHeight+'px'
		});

		$('.current_page' ,parent).text(current_page + delta);
		$('.item-list.vis' ,parent).slideUp().removeClass('vis');
		newPage.slideDown().addClass('vis');
	}
}
function calcElHeight(el) {
	var elHeight = 0;
		elHeight = el.height();
		elHeight += parseInt(el.css('paddingTop'));
		elHeight += parseInt(el.css('paddingBottom'));
		elHeight += parseInt(el.css('marginTop'));
		elHeight += parseInt(el.css('marginBottom'));
	return elHeight;
}
