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) ;
  CY.get("#"+gNewReply['ids']['contentInputId']).focus();
}
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() ;
}