gICommentForm = null ;

instanciateICommentForm = function() {

  gICommentForm = {

      'formId':CY.guid(),

      'formTitleId':CY.guid(),

      'titleInputId':CY.guid(),

      'contentInputId':CY.guid(),

      'tagsInputId':CY.guid(),

      'categoryInputId':CY.guid(),

      'formatInputId':CY.guid(),

      'startWrapperInputId':CY.guid(),

      'endWrapperInputId':CY.guid(),

      'startOffsetInputId':CY.guid(),

      'endOffsetInputId':CY.guid(),

      'selectionPlaceId':CY.guid(),

      'keyId':CY.guid(),

      'currentSelId':CY.guid(),

      'currentSelIdI':CY.guid(),

      'addBtnId':CY.guid(),

      'cancelBtnId':CY.guid(),

      'closeBtnId':CY.guid()

  } ;

  if (!sv_loggedIn) {

    gICommentForm ['nameInputId'] = CY.guid() ;

    gICommentForm ['emailInputId'] = CY.guid() ;

  }

  var overlayHtml = getHtml(gICommentForm) ;

  var width = gLayout.getTopICommentsWidth() ;

  width += gLayout.iCommentsRequiredThreadPadding (); // SID: use max available space as there is no indentation on that box

  var overlay = new CY.Overlay( {

    zIndex :3,

    shim :false, // until we really need it, no shim 

    visible :false,

    headerContent :overlayHtml['headerContent'],

    bodyContent :overlayHtml['bodyContent'],

    xy :[10,10],

    width : width

  });

  overlay.get('contentBox').addClass("c-newcomment") ;

  // attach to DOM

  overlay.render('#leftcolumn');

  if (!sv_loggedIn) {

  }

  CY.on("click", onSubmitICommentFormClick, "#"+gICommentForm['addBtnId']);

  CY.on("click", onCancelICommentFormClick, "#"+gICommentForm['cancelBtnId']);

  CY.on("click", onCancelICommentFormClick, "#"+gICommentForm['closeBtnId']);

  gICommentForm['overlay'] = overlay ;

  var animationHide = null ;

  animationHide = new CY.Anim({

        node: overlay.get('boundingBox'),

        duration: .3, //gPrefs['general']['animduration'],

        easing: CY.Easing.easeOut

    });   

  gICommentForm['animationHide'] = animationHide ; 

  animationHide.set('to', { opacity: 0});// height : 0 doesn't work

  gICommentForm['animationHide-handle'] = animationHide.on('end', onICommentFormHideAnimEnd, gICommentForm);

  var animationShow = null ;

  animationShow = new CY.Anim({

        node: overlay.get('boundingBox'),

        duration: .3, //gPrefs['general']['animduration'],

        easing: CY.Easing.easeOut

    });   

  gICommentForm['animationShow'] = animationShow ; 

  animationShow.set('to', { opacity: 1});

  gICommentForm['animationShow-handle'] = animationShow.on('end', onICommentFormShowAnimEnd, gICommentForm);

  changeFormFieldsWidth(gICommentForm['formId'], width) ;

}

cleanICommentForm = function() {

    var hostNode = gICommentForm['overlay'].getStdModNode(CY.WidgetStdMod.BODY) ;

  if (!sv_loggedIn) {

  }

}

onICommentFormHideAnimEnd = function() {

//  iComment['overlay'].blur() ;

  this.overlay.hide() ;

  gSync.resume() ;    

}

onICommentFormShowAnimEnd = function() {

  gSync.resume() ;    

}

onSubmitICommentFormClick = function() {

  if (!sv_loggedIn) {

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

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

  }

  gSync.saveComment(gICommentForm['formId']) ;

}

onCancelICommentFormClick = function() {

  gSync.cancelICommentForm() ;

}

// record selection info in hidden form fields

_updateICommentFormSelection = function(ids, displayedText, csStartSelection, csEndSelection) {

  if (node != null)

    node.set('innerHTML', displayedText) ;

  if (node != null)

    node.set('value', csStartSelection['elt'].id.substring("sv_".length)) ;

  if (node != null)

    node.set('value', csStartSelection['offset']) ;

  if (node != null)

    node.set('value', csEndSelection['elt'].id.substring("sv_".length)) ;

  if (node != null)

    node.set('value', csEndSelection['offset']) ;

}

updateICommentFormSelection = function(selection) {

  var text = (selection == null) ? "" : selection['text'] ;

  if (text != "") {

    // display text to be commented 

    var displayedText = text ; 

    var maxLength = 100 ; // even number only

    if (text.length > maxLength ) {

      var start = text.substring(0, (text.substring(0, maxLength/2)).lastIndexOf(" ")) ;

      var endPart = text.substring(text.length - maxLength/2) ;

      var end = endPart.substring(endPart.indexOf(" ")) ;

      displayedText = start + " ... " + end ;

    }

        var csStartSelection = _convertSelectionFromCCToCS(selection['start']) ;

        var csEndSelection = _convertSelectionFromCCToCS(selection['end']) ;

        _updateICommentFormSelection(gICommentForm, displayedText, csStartSelection, csEndSelection);

        if (gEdit != null)

          _updateICommentFormSelection(gEdit['ids'], displayedText, csStartSelection, csEndSelection);

      positionICommentForm() ;

  }

}

showICommentForm= function () {

  removeFormErrMsg(gICommentForm['formId']) ;

  if (!sv_loggedIn) {

  }

  gIComments.hide() ;

  hideToc();

  positionICommentForm() ;

  gICommentForm['overlay'].show() ;

}

isICommentFormVisible = function () {

  if (gICommentForm != null)

    return gICommentForm['overlay'].get('visible') ;

  return false ;

}

positionICommentForm = function () {

  if (gICommentForm != null) { 

    var overlay = gICommentForm['overlay'] ;

    var boundingBox = overlay.get('boundingBox') ;

    var commentFormHeight = boundingBox.get('offsetHeight') ;

    var windowHeight = boundingBox.get('winHeight') ;

    var pos = gICommentForm['position'] ;

    if (commentFormHeight > windowHeight) // trying to have save comment visible ... :

    overlay.set("align", {points:pos});

    if (commentFormHeight <= windowHeight)

      overlay.set("y", overlay.get("y") + 30);

    boundingBox.setX(boundingBox.getX() + gConf['iCommentLeftPadding']);

  }

}