var lsCmtTreeClass = new Class({
					   
	Implements: Options,	
	
	options: {
		img: {
			path: 		'images/',			
			openName:  	'open.gif', 
			closeName: 	'close.gif'
		},
		classes: {
			visible: 	'lsCmtTree_visible',
			hidden:  	'lsCmtTree_hidden',			
			openImg:  	'lsCmtTree_open',
			closeImg:  	'lsCmtTree_close'
		}
	},

	typeComment: {
		topic: {
			url_add: aRouter.blog+'ajaxaddcomment/',			
			url_response: aRouter.blog+'ajaxresponsecomment/'
		},
		talk: {
			url_add: aRouter.talk+'ajaxaddcomment/',
			url_response: aRouter.talk+'ajaxresponsecomment/'
		}
	},
	
	initialize: function(options){		
		this.setOptions(options);		
		this.make();		
		this.aCommentNew=[];
		this.iCurrentShowFormComment=0;	
		this.iCommentIdLastView=null;	
		this.countNewComment=0;
		this.docScroller = new Fx.Scroll(document.getDocument());	
		this.hideCommentForm(this.iCurrentShowFormComment);
	},

	make: function(){
		var thisObj = this;
		var aImgFolding=$$('img.folding');
		aImgFolding.each(function(img, i){
			var divComment = img.getParent('div').getChildren('div.comment-children')[0];
			if (divComment && divComment.getChildren('div.comment')[0]) {
				thisObj.makeImg(img);
			} else {
				img.setStyle('display','none');
			}
		});
	},
	
	makeImg: function(img) {
		var thisObj = this;
		img.setStyle('cursor', 'pointer');
		img.setStyle('display','inline');
		img.addClass(this.options.classes.closeImg);
		img.removeEvents('click');
		img.addEvent('click',function(){
			thisObj.toggleNode(img);
		});
	},
	
	toggleNode: function(img) {	
		var b = img.hasClass(this.options.classes.closeImg);		
		if (b) {				
			this.collapseNode(img);
		} else {					
			this.expandNode(img);
		}
	},
	
	expandNode: function(img) {				
		var thisObj = this;
		img.setProperties({'src': this.options.img.path + this.options.img.closeName});
		img.removeClass(this.options.classes.openImg);
		img.addClass(this.options.classes.closeImg);		  
		var divComment = img.getParent('div').getChildren('div.comment-children')[0];		
		
		divComment.removeClass(thisObj.options.classes.hidden);
		divComment.addClass(thisObj.options.classes.visible);		
	},
	
	collapseNode: function(img) {
		var thisObj = this;
		img.setProperties({'src': this.options.img.path + this.options.img.openName});
		img.removeClass(this.options.classes.closeImg);
		img.addClass(this.options.classes.openImg);		    
		var divComment = img.getParent('div').getChildren('div.comment-children')[0];		
		
		divComment.removeClass(thisObj.options.classes.visible);
		divComment.addClass(thisObj.options.classes.hidden);
	},
	
	expandNodeAll: function() {
		var thisObj = this;
		var aImgFolding=$$('img.'+this.options.classes.openImg);		
		aImgFolding.each(function(img, i){			
			thisObj.expandNode(img);
		});
	},
	
	collapseNodeAll: function() {
		var thisObj = this;
		var aImgFolding=$$('img.'+this.options.classes.closeImg);		
		aImgFolding.each(function(img, i){			
			thisObj.collapseNode(img);
		});
	},
	
	injectComment: function(idCommentParent,idComment,sHtml) {		
		var newComment = new Element('div',{'class':'comment', 'id': 'comment_id_'+idComment});
		newComment.set('html',sHtml);		
		if (idCommentParent) {
			this.expandNodeAll();	
			var divChildren = $('comment-children-'+idCommentParent);		
			var imgParent = divChildren.getParent('div').getChildren('img.folding')[0];		
			this.makeImg(imgParent);
			divChildren.appendChild(newComment);
		} else {
			var divChildren = $('comment-children-0');
			newComment.inject(divChildren,'before');
		}	
	},	
	
	responseNewComment: function(idTarget,typeTarget,objImg,selfIdComment,bNotFlushNew) {
		var thisObj=this;		
		
		if (!bNotFlushNew) {
			var aDivComments=$$('.comment');
			aDivComments.each(function(item,index){
				var divContent=item.getChildren('div.content')[0];
				if (divContent) {
					divContent.removeClass('new');
					divContent.removeClass('view');
				}
			});
		}
		
		var idCommentLast=this.idCommentLast;
		objImg=$(objImg);
		objImg.setProperty('src',DIR_STATIC_SKIN+'/images/update_act.gif');	
		(function(){	
			
			var aParams={ idCommentLast: idCommentLast, idTarget: idTarget, typeTarget: typeTarget, security_ls_key: LIVESTREET_SECURITY_KEY  };
			if (selfIdComment) {
				aParams.selfIdComment=selfIdComment;
			}
			if (thisObj.bUsePaging) {
				aParams.bUsePaging=thisObj.bUsePaging;
			}
			new Request.JSON({
				url: thisObj.typeComment[typeTarget].url_response,
				noCache: true,
				data: aParams,
				onSuccess: function(result){
					objImg.setProperty('src',DIR_STATIC_SKIN+'/images/update.gif');
					if (!result) {
						msgErrorBox.alert('Error','Please try again later');
					}
					if (result.bStateError) {
						msgErrorBox.alert(result.sMsgTitle,result.sMsg);
					} else {
						var aCmt=result.aComments;
						if (aCmt.length>0 && result.iMaxIdComment) {
							thisObj.setIdCommentLast(result.iMaxIdComment);
							var countComments=$('count-comments');
							countComments.set('text',parseInt(countComments.get('text'))+aCmt.length);
							if ($('block_stream_comment') && lsBlockStream) {
								lsBlockStream.toggle($('block_stream_comment'),'comment_stream');
							}
						}
						var iCountOld=0;
						if (bNotFlushNew) {
							iCountOld=thisObj.countNewComment;
						} else {
							thisObj.aCommentNew=[];
						}
						if (selfIdComment) {
							thisObj.setCountNewComment(aCmt.length-1+iCountOld);
							thisObj.hideCommentForm(thisObj.iCurrentShowFormComment);
						} else {
							thisObj.setCountNewComment(aCmt.length+iCountOld);
						}
						aCmt.each(function(item,index) {
							if (!(selfIdComment && selfIdComment==item.id)) {
								thisObj.aCommentNew.extend([item.id]);
							}
							thisObj.injectComment(item.idParent,item.id,item.html);
						});

						if (selfIdComment && $('comment_id_'+selfIdComment)) {
							thisObj.scrollToComment(selfIdComment);
						}
					}
				},
				onFailure: function(){
					msgErrorBox.alert('Error','Please try again later');
				}
			}).send();
			
       }).delay(1000);
	},
	
	setIdCommentLast: function(id) {
		this.idCommentLast=id;
	},
	
	setUsePaging: function(b) {
		this.bUsePaging=b;
	},
	
	setCountNewComment: function(count) {
		this.countNewComment=count;		
		var divCountNew=$('new-comments');
        if (this.countNewComment>0) {
        	divCountNew.set('text',this.countNewComment); 
        	divCountNew.setStyle('display','block');        	
        } else {
        	this.countNewComment=0;
        	divCountNew.set('text',0);         	
        	divCountNew.setStyle('display','none');
        }
	},
	
	goNextComment: function() {		
		if (this.aCommentNew[0]) {
			if ($('comment_id_'+this.aCommentNew[0])) {
				this.scrollToComment(this.aCommentNew[0]);
			}			
			this.aCommentNew.erase(this.aCommentNew[0]);
		}		
		this.setCountNewComment(this.countNewComment-1);
	},
	
	scrollToComment: function(idComment) {
		this.docScroller.setOptions({ 
			duration:500, 
			offset: {
        		'x': 0,
        		'y': 0
   			}
 		}); 		
 		var cmt=$('comment_content_id_'+idComment);
 		var deltaY=cmt.getDimensions().height/2-window.getSize().y/2;
 		if (deltaY>0) {
 			deltaY=0;
 		}
		this.docScroller.start(0,cmt.getPosition().y+deltaY);
		if (this.iCommentIdLastView) {
			$('comment_content_id_'+this.iCommentIdLastView).removeClass('view');
		}				
		$('comment_content_id_'+idComment).addClass('view');
		this.iCommentIdLastView=idComment;
	},
	
	addComment: function(formObj,targetId,targetType) {
		var thisObj=this;
		formObj=$(formObj);		
		var params=formObj.toQueryString();
		params=params+'&security_ls_key='+LIVESTREET_SECURITY_KEY;
		if (BLOG_USE_TINYMCE) {
                    $('form_comment').getElement('input[name=submit_comment]').set('disabled', 'disabled');
                  }
		new Request.JSON({
			url: thisObj.typeComment[targetType].url_add,
			noCache: true,
			data: params,
			onSuccess: function(result){
                                if (!result) {
                                    thisObj.enableFormComment();
                                    msgErrorBox.alert('Error','Please try again later');  
                                    return;         
                                }      
                                if (result.bStateError) {        			
                                    thisObj.enableFormComment();        			
                                    msgErrorBox.alert(result.sMsgTitle,result.sMsg);
                                } else {
                                    thisObj.responseNewComment(targetId,targetType,$('update-comments'),result.sCommentId,true);        			   								
                                }
                                if (BLOG_USE_TINYMCE) {
                                    $('form_comment').getElement('input[name=submit_comment]').set('disabled', '');
                                  }
			},
			onFailure: function(){
                                    if (BLOG_USE_TINYMCE) {
                                        $('form_comment').getElement('input[name=submit_comment]').set('disabled', '');
                                    }
				msgErrorBox.alert('Error','Please try again later');
			}
		}).send();

      	$('form_comment_text').addClass('loader');		
      	$('form_comment_text').setProperty('readonly',true);		
	},
	
	enableFormComment: function() {
		$('form_comment_text').removeClass('loader');
		$('form_comment_text').setProperty('readonly',false);
	},
	
	addCommentScroll: function(commentId) {
		this.aCommentNew.extend([commentId]);
		this.setCountNewComment(this.countNewComment+1);
	},
	
	toggleComment: function(obj,commentId) {
		var divContent=$('comment_content_id_'+commentId);
		if (!divContent) {
			return false;
		}
		
		var thisObj=this;
		
		new Request.JSON({
			url: aRouter['ajax']+'comment/delete/',
			noCache: true,
			data: { idComment: commentId, security_ls_key: LIVESTREET_SECURITY_KEY },
			onSuccess: function(result){
				if (!result) {
                	msgErrorBox.alert('Error','Please try again later');           
        		}      
        		if (result.bStateError) {        			
                	msgErrorBox.alert(result.sMsgTitle,result.sMsg);
        		} else {   
        			msgNoticeBox.alert(result.sMsgTitle,result.sMsg);     			
        			divContent.removeClass('old').removeClass('self').removeClass('new').removeClass('del');
        			obj.removeClass('delete').removeClass('repair');
        			if (result.bState) {
        				divContent.addClass('del');
        				obj.addClass('repair');
        			} else {
        				obj.addClass('delete');
        			}
					obj.set('text',result.sTextToggle);        			        								
        		}
				
			},
			onFailure: function(){
				msgErrorBox.alert('Error','Please try again later');
			}
		}).send();

	},
	
	toggleCommentForm: function(idComment) {
		if (!$('reply_'+this.iCurrentShowFormComment) || !$('reply_'+idComment)) {
			return;
		} 
		divCurrentForm=$('reply_'+this.iCurrentShowFormComment);
		divNextForm=$('reply_'+idComment);
				
		var slideCurrentForm = new Fx.Slide(divCurrentForm);
		var slideNextForm = new Fx.Slide(divNextForm);
		
		$('comment_preview_'+this.iCurrentShowFormComment).set('html','').setStyle('display','none');
		if (this.iCurrentShowFormComment==idComment) {
			slideCurrentForm.toggle();			
			slideCurrentForm.addEvent('complete', function() {
        		$('form_comment_text').focus();
			});
			return;
		}
		
		slideCurrentForm.slideOut();
		divNextForm.set('html',divCurrentForm.get('html'));
		divCurrentForm.set('html','');		
		divNextForm.setStyle('display','block');
		slideNextForm.hide();
		
		slideNextForm.slideIn();
		
		$('form_comment_text').setProperty('value','');
		$('form_comment_reply').setProperty('value',idComment);
		this.iCurrentShowFormComment=idComment;
		slideNextForm.addEvent('complete', function() {
        	$('form_comment_text').focus();
		});
	},
	
	hideCommentForm: function(idComment) {
		if ($('reply_'+idComment)) {
			this.enableFormComment();
			$('comment_preview_'+this.iCurrentShowFormComment).set('html','').setStyle('display','none');
			var slideForm = new Fx.Slide('reply_'+idComment);							
			slideForm.hide();
		}
	},
	
	preview: function() {
		ajaxTextPreview('form_comment_text',false,'comment_preview_'+this.iCurrentShowFormComment);		
	},
	
	goToParentComment: function(obj) {
		var idCmt = obj.href.substr(obj.href.indexOf('#')+8);
		var objCmtParent=$('comment_id_'+idCmt);
		var objCmt=obj.getParent('div.comment');
		objCmtParent.getElement('.goto-comment-child').removeClass('hidden');
		objCmtParent.getElement('.goto-comment-child a').href = '#comment' + objCmt.id.substr(11);
		this.docScroller.setOptions({ 			
			offset: {'y': 0}
 		});
		this.docScroller.toElement(objCmtParent);
		return false;
	},
	
	goToChildComment: function(obj) {
		var idCmt = obj.href.substr(obj.href.indexOf('#')+8);
		var objCmtChild=$('comment_id_'+idCmt);
		var objCmt=obj.getParent('div.comment');
		objCmt.getElement('.goto-comment-child').addClass('hidden');
		this.docScroller.setOptions({ 			
			offset: {'y': 0}
 		});
		this.docScroller.toElement(objCmtChild);
		return false;
	}
});


var lsCmtTree;
var formCommentSlide;

window.addEvent('domready', function() {  	
    lsCmtTree = new lsCmtTreeClass({
    	img: {
    		path: DIR_STATIC_SKIN+'/images/'
    	},
    	classes: {
    		openImg: 'folding-open',
    		closeImg: 'folding'
    	}
    });
});

window.addEvent('keyup', function(e) {
	if(e.control && e.key == 'enter') {
		$('form_comment').getElement('input[name=submit_comment]').click();
		return false;
	}
});

if(BLOG_USE_TINYMCE) {
  lsCmtTreeClass.prototype._addComment = lsCmtTreeClass.prototype.addComment;
  
  lsCmtTreeClass.prototype.addComment = function(formObj,targetId,targetType) {
    $(formObj).getElement('textarea').value = tinyMCE.activeEditor.getContent();
    return this._addComment(formObj,targetId,targetType);
  };  
  
  lsCmtTreeClass.prototype.toggleCommentForm = function(idComment) {
    if (!$('reply_'+this.iCurrentShowFormComment) || !$('reply_'+idComment)) {
      return;
    } 
    divCurrentForm=$('reply_'+this.iCurrentShowFormComment);
    divNextForm=$('reply_'+idComment);
        
    var slideCurrentForm = new Fx.Slide(divCurrentForm);
    var slideNextForm = new Fx.Slide(divNextForm);
    
    tinyMCE.execCommand('mceRemoveControl',true,'form_comment_text');
    
    $('comment_preview_'+this.iCurrentShowFormComment).set('html','').setStyle('display','none');
    if (this.iCurrentShowFormComment==idComment) {
      tinyMCE.execCommand('mceAddControl',true,'form_comment_text');
      slideCurrentForm.toggle();      
      slideCurrentForm.addEvent('complete', function() {
        tinyMCE.activeEditor.focus();
      });
      
      return;
    }
    
    slideCurrentForm.slideOut();
    divNextForm.set('html',divCurrentForm.get('html'));
    divCurrentForm.set('html','');    
    divNextForm.setStyle('display','block');
    slideNextForm.hide();
    tinyMCE.execCommand('mceAddControl',true,'form_comment_text');
      
    slideNextForm.slideIn();
    
    $('form_comment_text').setProperty('value','');
    $('form_comment_reply').setProperty('value',idComment);
    this.iCurrentShowFormComment=idComment;
    slideNextForm.addEvent('complete', function() {
      tinyMCE.activeEditor.focus();
    });
  }
}