gNewReplyHost = null ;

gNewReply = null

instanciateNewReplyForm = function(iCommentToAppendTo) {

	if (gNewReply == null) {

		gNewReply = {

				'val': {

					'name':gPrefs.get('user','name'),

					'email':gPrefs.get('user','email'), 

					'title':'', 

					'content':'',

					'tags':''},

				'ids': {

					'name':gPrefs.get('user','name'),

					'email':gPrefs.get('user','email'), 

					'title':'', 

					'content':'',

					'tags':'',

					'formId':CY.guid(),

					'nameInputId':CY.guid(),

					'emailInputId':CY.guid(),

					'titleInputId':CY.guid(),

					'contentInputId':CY.guid(),

					'keyInputId':CY.guid(),

					'formatInputId':CY.guid(),

					'tagsInputId':CY.guid(),

					'parentCommentId':CY.guid(),

					'addBtnId':CY.guid(),

					'cancelBtnId':CY.guid()},

				'handlers':{}

				} ;

	}

	gNewReplyHost = iCommentToAppendTo ;

	var headerHtml = '<hr/><center><div class="c-header-title">' + gettext('New reply') + '</div></center>' ;

	var html = gFormHtml['formStart'].replace('###', gNewReply['ids']['formId']) ;

	if (!sv_loggedIn) {

		html = html + gFormHtml['nameInput'].replace('###', gNewReply['ids']['nameInputId']) + gFormHtml['emailInput'].replace('###', gNewReply['ids']['emailInputId']) ;

	}

	html = html + gFormHtml['titleInput'].replace('###', gNewReply['ids']['titleInputId']) + gFormHtml['contentInput'].replace('###', gNewReply['ids']['contentInputId']) + gFormHtml['tagsInput'].replace('###', gNewReply['ids']['tagsInputId']);

	html = html + gFormHtml['hidden'].replace('###', gNewReply['ids']['keyInputId']).replace('???', 'comment_key') ;

	html = html + gFormHtml['hidden'].replace('###', gNewReply['ids']['formatInputId']).replace('???', 'format') ;

	html = html + gFormHtml['hidden'].replace('###', gNewReply['ids']['parentCommentId']).replace('???', 'reply_to_id') ;

	var btnsHtml =   gFormHtml['btns'].replace('###', gNewReply['ids']['addBtnId']).replace('???', gNewReply['ids']['cancelBtnId']) ;

	gNewReplyHost['overlay'].setStdModContent(CY.WidgetStdMod.FOOTER, headerHtml + html + btnsHtml) ;

	var replyNode = gNewReplyHost['overlay'].getStdModNode(CY.WidgetStdMod.FOOTER) ;

	var comment = gDb.getComment(iCommentToAppendTo.commentId) ;

	var REPLYPREF = "Re: " ;

	var newReplyTitle = (gNewReply['val']['title'] == "" || gNewReply['val']['title'].substring(0, REPLYPREF.length) == REPLYPREF) ? REPLYPREF + comment['title'] : gNewReply['val']['title'] ;

	if (!sv_loggedIn) {

		replyNode.query('.n_name').set('value', gNewReply['val']['name']) ;

		replyNode.query('.n_email').set('value', gNewReply['val']['email']) ;

	}

	replyNode.query('.n_title').set('value', newReplyTitle) ;

	replyNode.query('.n_content').set('value', gNewReply['val']['content']) ;

	replyNode.query('.n_tags').set('value', gNewReply['val']['tags']) ;

	replyNode.query('#'+gNewReply['ids']['parentCommentId']).set('value', iCommentToAppendTo['commentId']) ;

	replyNode.query('#'+gNewReply['ids']['formatInputId']).set('value', gConf['defaultCommentFormat']) ;

	gNewReplyHost['overlay'].get('contentBox').query(".c-reply").addClass('displaynone') ;

	gNewReply['handlers']['addBtnId'] = CY.on("click", onAddNewReplyClick, "#"+gNewReply['ids']['addBtnId']);

	gNewReply['handlers']['cancelBtnId'] = CY.on("click", onCancelNewReplyClick, "#"+gNewReply['ids']['cancelBtnId']);

	var width = gLayout.getTopICommentsWidth() ;

	changeFormFieldsWidth(gNewReply['ids']['formId'], width) ;

}

cleanNewReplyForm = function() {

	if (gNewReplyHost != null) {

		var replyNode = gNewReplyHost['overlay'].getStdModNode(CY.WidgetStdMod.FOOTER) ;

		replyNode.queryAll('.comment_input').set('value','') ;

	}

}

cancelNewReplyForm = function() {

	if (gNewReplyHost != null) {

		// DETACH EVENT HANDLERS

		for (var id in gNewReply['handlers']) {

			if (gNewReply['handlers'][id] != null) {

				gNewReply['handlers'][id].detach() ;

				gNewReply['handlers'][id] = null ;

			}

		}

		gNewReplyHost['overlay'].get('contentBox').query(".c-reply").removeClass('displaynone') ;

		var footer = gNewReplyHost['overlay'].getStdModNode(CY.WidgetStdMod.FOOTER) ;

		if (!sv_loggedIn) {

			gNewReply['val']['name'] = footer.query('.n_name').get('value') ;

			gNewReply['val']['email'] = footer.query('.n_email').get('value') ;

		}

		gNewReply['val']['title'] = footer.query('.n_title').get('value') ;

		gNewReply['val']['content'] = footer.query('.n_content').get('value') ;

		gNewReply['val']['tags'] = footer.query('.n_tags').get('value') ;

		footer.set('innerHTML', '') ;

		gNewReplyHost = null ;

	}

}

// event triggered

onAddNewReplyClick = function() {

	if (!sv_loggedIn) {

		var name = CY.get("#"+gNewReply['ids']['nameInputId']).get('value') ;

		gPrefs.persist("user", "name", name) ;	

		var email = CY.get("#"+gNewReply['ids']['emailInputId']).get('value') ;

		gPrefs.persist("user", "email", email) ;

	}

	gSync.saveComment(gNewReply['ids']['formId']) ;

}

onCancelNewReplyClick = function() {

	gSync.cancelReply() ;

}