(function(d){d.fn.shuffle=function(c){c=[];return this.each(function(){c.push(d(this).clone(true))}).each(function(a,b){d(b).replaceWith(c[a=Math.floor(Math.random()*c.length)]);c.splice(a,1)})};d.shuffle=function(a){return d(a).shuffle()}})(jQuery);

$(document).ready(function(){
	$(".AC").css({visibility: "visible"}).hide();
	//$("div.AB").shuffle();
	
	var mySpeed = 300;
	var	myOldClickedHeadline;
	$("div.AB").wrapAll("<div id='AAll'></div>");
	$(".AC").css({visibility: "visible"}).hide().eq(0).css({visibility: "visible"}).show();
	$(".AH").eq(0).addClass("AHActiv");
	$("#AAll").css({ height: $("#AAll").innerHeight() }); 
	$(".AH").click(function () { openCloseAccordion ($(".AH").index(this)); });
	function openCloseAccordion (myIndexThis){
		var myClickedHeadline = myIndexThis;
		if(!myOldClickedHeadline){ myOldClickedHeadline = 0; }
		if(myClickedHeadline != myOldClickedHeadline){
			$(".AC").eq(myOldClickedHeadline).slideUp(mySpeed);
			$(".AC").eq(myClickedHeadline).slideDown(mySpeed);
			$(".AH:lt("+myClickedHeadline+")").removeClass("AHActiv AHBottom").addClass("AHTop");
			$(".AH:gt("+myClickedHeadline+")").removeClass("AHActiv AHTop").addClass("AHBottom");
			$(".AH").eq(myClickedHeadline).addClass("AHActiv");
			myOldClickedHeadline = myClickedHeadline;
		}	
	}
});