function hideCommentReplyForm(form_id) 

{

	var div_id = "div_" + form_id;

	toggleVisibility(div_id, false);

}



function printCommentReplyForm(form_id, comment_parent_id) 

{

	var div_id = "div_" + form_id;

	var reply_comment_form = "comment_form" + form_id;

	

	var innerHTMLContent = '\

			<form name="' + reply_comment_form + '" id="' + reply_comment_form + '" onSubmit="return false;" >\

			<input type="hidden" name="media_id" value="' + media_id + '">\

			<input type="hidden" name="add_comment" value="">\

			<input type="hidden" name="form_id" value="' + reply_comment_form + '">\

			<input type="hidden" name="reply_parent_id" value="' + comment_parent_id + '">\

			<textarea name="comment" cols="45" rows="5"></textarea>\

			<br/>\

			<div style="float:left;clear:left">\

				<input align="left" type="button" class="button" name="add_comment_button" value="Post Comment" onclick="postComment(\'' + reply_comment_form + '\');">\

			</div>\

			</form><br style="clear:both"><br>';

	

	setInnerHTML(div_id, innerHTMLContent);

}



var postCommentSuccess = function(t) 

{		

	response_str = t.responseText;

	response_code = response_str.substr(0, response_str.indexOf(" "));

	form_id = response_str.substr(response_str.indexOf(" ")+1);



	var form = document.forms[form_id];

	var dstDiv = form.add_comment_button;

	var commentDiv = form.comment;

	

	if (response_code == "OK") 

	{

		setInnerHTML('div_main_comment', "Your comment has successfully been posted!");

		fetchComments(media_id, '1');

	}

	else

	{

		if(response_code == "NOPERM") 

		{

			alert("You do not have permission to post comments!");

			dstDiv.disabled = false;

		}

		else if(response_code == "TOOSHORT") 

		{

			alert("The comment you have entered is too short. Please write a longer comment and try again");

			dstDiv.disabled = false;

			commentDiv.disabled = false;

			commentDiv.focus();

		}

		else 

		{

			dstDiv.disabled = false;

		}

	

		dstDiv.value = "Post Comment";

	}

}



function postComment(comment_form_id) 

{

	/*if(!is_logged_in)

		return alert("You must login to post a comment!");*/



	var form = document.forms[comment_form_id];

		

	if (checkComment(form, comment_form_id)) 

	{

		var add_button = form.add_comment_button;

		add_button.value = "Adding comment...";

		form.comment.disabled = true;

		add_button.disabled = true;

		

		comment_escaped = encodeURIComponent(document.forms[comment_form_id].comment.value);

		

		var url = base_url+'common/ajax/media_add_comment.php';

		//var pars = Form.serialize($(comment_form_id)) + '&comment=' + comment_escaped;

		var pars = $(comment_form_id).serialize() + '&comment=' + comment_escaped;

		var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onSuccess: postCommentSuccess });

	} 

}



function checkComment(comment_form, comment_form_id)

{

	var comment = comment_form.comment;

	var comment_button = comment_form.comment_button;

	

	if (comment.value.length == 0 || comment.value == null)

	{

		alert("You must enter a comment!");

		comment.disabled = false;

		comment.focus();

		return false;

	}



	if (comment.value.length > 500)

	{

		alert("Your comment must be shorter than 500 characters!");

		comment.disabled = false;

		comment.focus();

		return false;

	}

	

	return true;

}



function fetchComments(file_id, page)

{

	showLoading('div_display_comments');

	

	var url = base_url+'common/ajax/media_load_comments.php';

	var pars = 'file_id='+escape(file_id)+'&p='+escape(page);

	var target = 'div_display_comments';

	var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});

}