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() ;

}