function HideUserinfo() {
    var userinfo = document.getElementById( 'userinfo' );
    new Effect.BlindUp( userinfo.getElementsByTagName('div')[4] );
    new Effect.Fade( userinfo.getElementsByTagName('div')[4] );
    userinfo.className += " collapsed";
}

function collapseThread( theId )
{
    var comment = document.getElementById(theId);
    if(!comment)
    {
	alert("ERROR:\nThe document structure is different\nfrom what Threaded Comments expects.\nYou are missing the element '"+theId+"'");
	return;
    }

    if(comment.className.indexOf("collapsed") > -1)
    {
	new Effect.BlindDown( comment.getElementsByTagName('div')[4] );
	new Effect.Appear( comment.getElementsByTagName('div')[4] );
	comment.className = comment.className.replace(" collapsed", "");
    }
    else
    {
	new Effect.BlindUp( comment.getElementsByTagName('div')[4] );
	new Effect.Fade( comment.getElementsByTagName('div')[4] );
	comment.className += " collapsed";
    }
}

function expandThread( theId )
{
    var comment = document.getElementById(theId);
    if(!comment)
    {
	alert("ERROR:\nThe document structure is different\nfrom what Threaded Comments expects.\nYou are missing the element '"+theId+"'");
	return;
    }
    var theBody = findBody(comment);
    if(comment.className.indexOf("collapsed") > -1)
    {
	comment.className = comment.className.replace(" collapsed", "");;
    }
}
		
function findBody(el)
{
    var divs = el.getElementsByTagName("div");
    var ret;
    for(var i = 0; i < divs.length; ++i)
    {
	if(divs.item(i).className.indexOf("body") > -1)
	{
	    return divs.item(i);
	}
    }
    return false;
}
	
function onAddComment() {
    var error = 0;
    var el = document.getElementById("commentform");
    if( el.comment.value == "" )
    {
	new Effect.Pulsate( $('comment') );
	error = 1;
    }
    if( el.username == undefined ) { // if user is not logged in
	if( el.author.value == "" )
	{
	    new Effect.Pulsate( $('author') );
	    if( $('userinfo').className.indexOf('collapsed') > -1 )
	    {
		collapseThread('userinfo');
	    }
	    error = 1;
	}
	if( el.email.value == "" )
	{
	    new Effect.Pulsate( $('email') );
	    if( $('userinfo').className.indexOf('collapsed') > -1 )
	    {
		collapseThread('userinfo');
	    }
	    error = 1;
	}
    }
    new Effect.Fold($('addcomment'));
    if( !error ) { el.submit(); }
}
		
function moveAddCommentBelow(theId, threadId, collapse)
{
    expandThread( theId );
    var addComment = document.getElementById("addcomment");
    if(!addComment)
    {
  	alert("ERROR:\nThreaded Comments can't find the 'addcomment' div.\nThis is probably because you have changed\nthe comments.php file.\nMake sure there is a tag around the form\nthat has the id 'addcomment'"); 
	return
    }
    var comment = document.getElementById(theId);
    if(collapse)
    {
	for(var i = 0; i < comment.childNodes.length; ++i)
	{
	    var c = comment.childNodes.item(i);
	    if(typeof(c.className) == "string" && c.className.indexOf("collapsed")<0)
	    {
		c.className += " collapsed";
	    }
	}
    }
    addComment.parentNode.removeChild(addComment);

    comment.appendChild(addComment);
    if(comment.className.indexOf("alt")>-1)
    {
	addComment.className = addComment.className.replace(" alt", "");					
    }
    else
    {
	addComment.className += " alt";
    }
    var replyId = document.getElementById("comment_reply_ID");
    if(replyId == null)
    {
	alert("Brians Threaded Comments Error:\nThere is no hidden form field called\n'comment_reply_ID'. This is probably because you\nchanged the comments.php file and forgot\nto include the field. Please take a look\nat the original comments.php and copy the\nform field over.");
    }
    replyId.value = threadId;
    var reRootElement = document.getElementById("reroot");
    if(reRootElement == null)
    {
	alert("Brians Threaded Comments Error:\nThere is no anchor tag called 'reroot' where\nthe comment form starts.\nPlease compare your comments.php to the original\ncomments.php and copy the reroot anchor tag over.");
    }
    reRootElement.style.display = "block";
    var aTags = comment.getElementsByTagName("A");
    var anc = aTags.item(0).id;
    //document.location.href = "#"+anc;

    addComment.style.background = "#222";
    addComment.style.border = "1px solid #444";

    document.getElementById("comment").focus();
}

function checkElement(theId, elDesc)
{
    var el = document.getElementById(theId);
    if(!el)
    {
	if(elDesc == null)
	{
	    elDesc = "element";
	}
	return "- The "+elDesc+" with the ID '" +theId + "' is missing\n"; 
    }
    else 
    {
	return "";
    }
}
		
function reRoot()
{
    var addComment = document.getElementById("addcomment");
    var reRootElement = document.getElementById("reroot");
    reRootElement.style.display = "none";
    var content = document.getElementById("commentlist");
    addComment.parentNode.removeChild(addComment);
    content.appendChild(addComment);
    addComment.className = addComment.className.replace(" alt", "");
    document.location.href = "#addcommentanchor";
    document.getElementById("comment").focus();				
    document.getElementById("comment_reply_ID").value = "0";

    addComment.style.background = "transparent";
    addComment.style.border = "0";
    addComment.style.fontSize = "1.6em";
}			
		
function changeCommentSize(d)
{
    var el = document.getElementById("comment");
    var height = parseInt( el.style.height );
    if( !height && el.offsetHeight )
    {
	height = el.offsetHeight;
    }
    height += d;
    if( height < 20 )
    {
	height = 20;
    }
    el.style.height = height+"px";
}