gICommentForm = null ;

instanciateICommentForm = function() {

	gICommentForm = {

			'position':[CY.WidgetPositionExt.LC, CY.WidgetPositionExt.LC],

			'formId':CY.guid(),

			'formTitleId':CY.guid(),

			'titleInputId':CY.guid(),

			'contentInputId':CY.guid(),

			'tagsInputId':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() ;

	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.get("#"+gICommentForm['nameInputId']).set('value',gPrefs.get("user","name")) ;

		CY.get("#"+gICommentForm['emailInputId']).set('value',gPrefs.get("user","email")) ;

	}

	CY.get("#"+gICommentForm['formTitleId']).set('innerHTML', gettext('New comment')) ;

	CY.get("#"+gICommentForm['formatInputId']).set('value',gConf['defaultCommentFormat']) ;

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

	CY.get("#"+gICommentForm['currentSelIdI']).set('innerHTML', gNoSelectionYet) ;

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

    hostNode.queryAll(".comment_input").set('value', "") ;

	CY.get("#"+gICommentForm['formatInputId']).set('value',gConf['defaultCommentFormat']) ;// for now ...

	if (!sv_loggedIn) {

		hostNode.queryAll(".user_input").set('value', "") ;

	}

}

onICommentFormHideAnimEnd = function() {

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

	this.overlay.hide() ;

	gSync.resume() ; 		

}

onICommentFormShowAnimEnd = function() {

	gSync.resume() ; 		

}

onSubmitICommentFormClick = function() {

	if (!sv_loggedIn) {

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

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

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

		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) {

	var node = CY.Node.get('#'+ids['currentSelIdI']) ;

	if (node != null)

		node.set('innerHTML', displayedText) ;

    node = CY.get('#'+ids['startWrapperInputId']) ;

	if (node != null)

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

    node = CY.get('#'+ids['startOffsetInputId']) ;

	if (node != null)

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

    node = CY.get('#'+ids['endWrapperInputId']) ;

	if (node != null)

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

    node = CY.get('#'+ids['endOffsetInputId']) ;

	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) {

		if (CY.get("#"+gICommentForm['nameInputId']).get('value') == '') 

			CY.get("#"+gICommentForm['nameInputId']).set('value', gPrefs.get('user','name')) ;

		if (CY.get("#"+gICommentForm['emailInputId']).get('value') == '') 

			CY.get("#"+gICommentForm['emailInputId']).set('value', gPrefs.get('user','email')) ;

	}

	gIComments.hide() ;

	positionICommentForm() ;

	gICommentForm['overlay'].show() ;

	CY.get("#"+gICommentForm['titleInputId']).focus() ;

}

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 ... :

			pos = [CY.WidgetPositionExt.BL, CY.WidgetPositionExt.BL] ;

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

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

	}

}