var loop = 0;
var top = 27;
var timer = 5000;
// JavaScript Document
function ani(r){
	x=r-1;
	y="comment"+x;
	xnode=document.getElementById(y);
	setOpacity(xnode);
	$("#"+y).hide();

	var cnode=document.getElementById("comment"+r);
	cnode.parentNode.insertBefore(xnode,cnode);

	$("#"+y).slideToggle('fast');
	setTimeout("fadeIn(y, x)",100);
}
function fadeIn(_bb,x){
	$("#"+_bb).animate({ opacity: 1 });

	var otime=(timer*Math.random())+timer;

	if(x!=0){
		setTimeout("ani(x)",otime);
	} else {
		if( loop > 0 ) {
			x += top; loop++;
			setTimeout("ani(27)",otime);
		}
	}
}
function setOpacity(obj){
	obj.style.opacity=0;
	obj.style.filter="alpha(opacity=0)";
}
function aniloop(r){
	x=r-1;
	y="comment"+x;
	xnode=document.getElementById(y);
	// xnode is the comment to be placed above cnode which is already vis
	// we need to add xnode as child of the main parent, in front of cnode
	var pnode = xnode.parentNode;
	pnode.removeChild(xnode);
	
	setOpacity(xnode);
	$("#"+y).hide();

	var cnode=document.getElementById("comment"+r);
	cnode.parentNode.insertBefore(xnode,cnode);

	$("#"+y).slideToggle('fast');
	setTimeout("fadeIn(y, x)",100);
}