var haslo=-1;
var count=0;
var fadeTime=0;
var changeEvery=0;
var objects = null;
var loop=0;

function flip()
{
	if(count==0)
		return true;
	if(haslo==count-1)
	{
		objects[haslo].fadeOut(fadeTime,function(){
			haslo=0;
			objects[0].fadeIn(fadeTime);
		});
		loop++;
	}
	else if (haslo==-1)
	{
		haslo=0;
		objects[haslo]=jQuery(objects[haslo]);
		objects[haslo].fadeIn(fadeTime);
	}
	else
	{
		objects[haslo+1]=jQuery(objects[haslo+1]);
		objects[haslo].fadeOut(fadeTime,function(){
			objects[haslo+1].fadeIn(fadeTime);
			haslo++;
		});
	}
	setTimeout("flip();",changeEvery);
	return true;
}

function rolledup(object)
{
	object.removeClass("rolledup").addClass("rolleddown");
	var child = object.children(".noimage");
	child.clearQueue();
    child.stop();
	child.animate({height:child.css("max-height")});
	object.bind('click', function () { 
		rolleddown($(this));
		return true;
	});
	return true;
}

function rolleddown(object)
{
	object.removeClass("rolleddown").addClass("rolledup");
	var child = object.children(".noimage");
	child.clearQueue();
    child.stop();
	child.animate({height:child.css("min-height")});
	object.bind('click', function () { 
		rolledup($(this));
		return true;
	});
	return true;
}

$(document).ready(function() {
	loop=0;
	haslo=-1;
	changeEvery=8000;
	fadeTime=1000;
	objects=$('.haslo');
	count = objects.length;
	setTimeout("flip();",0); 
	
	$(".rolledup").bind('click', function () { 
    	rolledup($(this));
	});

	$(".rolleddown").bind('click', function () { 
		rolleddown($(this));
	});  
});