oaup9/o2web/source/x_component_ForumDocument/Main.js

MWF.xApplication.Forum = MWF.xApplication.Forum || {};
MWF.xApplication.ForumDocument = MWF.xApplication.ForumDocument || {};
MWF.require("MWF.widget.O2Identity", null,false);
MWF.require("MWF.widget.ImageViewer", null,false);
MWF.require("MWF.widget.ImageLazyLoader", null,false);
//MWF.xDesktop.requireApp("Forum", "Actions.RestActions", null, false);
MWF.xDesktop.requireApp("Forum", "Common", null, false);
MWF.xDesktop.requireApp("Forum", "Attachment", null, false);
MWF.xDesktop.requireApp("Forum", "lp."+MWF.language, null, false);
MWF.xDesktop.requireApp("Forum", "Access", null, false);
MWF.xDesktop.requireApp("Template", "Explorer", null, false);
MWF.xDesktop.requireApp("Template", "MPopupForm", null, false);
MWF.xDesktop.requireApp("Forum", "TopNode", null, false);


MWF.xApplication.ForumDocument.options = {
	multitask: true,
	executable: true
};
MWF.xApplication.ForumDocument.Main = new Class({
	Extends: MWF.xApplication.Common.Main,
	Implements: [Options, Events],

	options: {
		"style": "default",
		"name": "ForumDocument",
		"icon": "icon.png",
		"width": "1324",
		"height": "720",
		"isResize": true,
		"isMax": true,
		"isNew" : false,
		"isEdited" : true,
		"index" : 1,
		"replyIndex" : null,
		"viewPageNum" : 1,
		"title": MWF.xApplication.ForumDocument.LP.title
	},
	onQueryLoad: function(){
		this.lp = MWF.xApplication.Forum.LP;
	},
	onQueryClose: function(){
		if( this.userCache ){
			for( var key in this.userCache ){
				delete this.userCache[key];
			}
		}
		this.userCache;
	},
	loadApplication: function(callback){
		this.userData = layout.desktop.session.user;
		this.userName = this.userData.distinguishedName;
		this.restActions = this.actions = MWF.Actions.get("x_bbs_assemble_control"); //new MWF.xApplication.Forum.Actions.RestActions();

		this.path = "../x_component_ForumDocument/$Main/"+this.options.style+"/";
		this.selectstar = 0;
		if( this.status ){
			this.setOptions( this.status )
		}

		if( this.options.isNew && !this.options.id ){
			if( this.options.advanceId ){
				this.advanceId = this.options.advanceId;
				this.createNode();
				this.loadApplicationContent();
			}else{
				this.actions.getUUID( function( id ){
					this.advanceId = id;
					this.createNode();
					this.loadApplicationContent();
				}.bind(this))
			}
		}else{
			this.createNode();
			this.loadApplicationContent();
		}
	},
	loadController: function(callback){
		this.access = new MWF.xApplication.Forum.Access( this.restActions, this.lp );
		if(callback)callback();
	},
	createNode: function(){
		this.content.setStyle("overflow", "hidden");
		this.node = new Element("div", {
			"styles": this.css.node
		}).inject(this.content);
	},
	loadApplicationContent: function(){
		this.loadController(function(){
			this.access.login( function(){
				this.loadApplicationLayout();
			}.bind(this) )
		}.bind(this))
	},
	clearContent : function(){
		this.node.empty();
		this.pagingBarTop = null;
		this.pagingContainerTop = null;
		delete this.pagingBarTop;
		delete this.pagingContainerTop;
	},
	reload : function(oldid, appid){
		this.node.empty();
		this.pagingBarTop = null;
		this.pagingContainerTop = null;
		delete this.pagingBarTop;
		delete this.pagingContainerTop;

		this.loadApplicationLayout();

		//if( this.appCurrentList.indexOf( this > 0 ){
		//	this.appCurrentList.erase(this);
		//	this.appCurrentList.push(this)
		//}
		if( oldid && appid && (oldid != appid) ){
			delete this.desktop.apps[oldid];
			this.appId = appid;
			this.desktop.apps[appid] = this;
		}
	},
	loadApplicationLayout : function(){
		this.contentContainerNode = new Element("div.contentContainerNode", {
			"styles": this.css.contentContainerNode
		}).inject(this.node);

		if( this.options.id ){
			this.restActions.listSubjectPermission( this.options.id, function( permission ){
				this.permission = permission.data;
				if( this.options.isEdited ){
					this.restActions.getSubject( this.options.id , function( data ){
						this.data = data.data;
						this._loadApplicationLayout( this.data.sectionId , this.data.title );
					}.bind(this))
				}else{
					this.restActions.getSubjectView( this.options.id , function( data ){
						this.data = data.data.currentSubject;
						this.nextSubject = data.data.nextSubject;
						this.lastSubject = data.data.lastSubject;
						this._loadApplicationLayout( this.data.sectionId , this.data.title );
					}.bind(this))
				}
			}.bind(this) )
		}else{
			this._loadApplicationLayout( this.options.sectionId, this.lp.createSubject );
		}
	},
	_loadApplicationLayout : function( sectionId, title ){
		this.options.sectionId = sectionId;
		this.restActions.listSectionPermission( sectionId, function( permission ){
			this.sectionPermission = permission.data;
			this.restActions.getSection( sectionId, function( json ) {
				debugger;
				this.sectionData = json.data;
				//this.access.hasSectionAdminAuthority( this.sectionData , function( flag ){
				//	this.isAdmin = flag;
				this.restActions.getCategory(this.sectionData.forumId, function (forumData) {
					this.forumData = forumData.data;
					this.createTopNode( title );
					var tail = (this.inBrowser && layout.desktop.session.user.name !== "anonymous") ? (MWFForum.getSystemConfigValue( MWFForum.BBS_TITLE_TAIL ) || "") : "";
					this.setTitle( title + tail );
					this.createMiddleNode();
				}.bind(this));
				//}.bind(this) );
			}.bind(this))
		}.bind(this) )
	},
	createTopNode: function( title ){
		var node = new MWF.xApplication.Forum.TopNode(this.contentContainerNode, this, this, {
			type: this.options.style
		});
		this.topNode = node;
		node.load();

		//var forumSetting = MWF.xApplication.Forum.ForumSetting[this.sectionData.forumId];
		//var forumColor = forumSetting ? forumSetting.forumColor : "";

		var topNode = this.topNode = new Element("div.topNode", {
			"styles": this.css.topNode
		}).inject(this.contentContainerNode);

		var topTitleMiddleNode = new Element("div.topTitleMiddleNode", {
			"styles": this.css.topTitleMiddleNode
		}).inject(topNode);

		var topItemTitleNode = new Element("div.topItemTitleNode", {
			"styles": this.css.topItemTitleNode,
			"text": MWFForum.getBBSName() || MWF.xApplication.Forum.LP.title
		}).inject(topTitleMiddleNode);
		topItemTitleNode.addEvent("click", function(){
			var appId = "Forum";
			if (this.desktop.apps[appId]){
				this.desktop.apps[appId].setCurrent();
			}else {
				this.desktop.openApplication(null, "Forum", { "appId": appId });
			}
			if( !this.inBrowser ){
				this.close();
			}
		}.bind(this));

		var topItemSepNode = new Element("div.topItemSepNode", {
			"styles": this.css.topItemSepNode,
			"text" : ">"
		}).inject(topTitleMiddleNode);

		var topItemTitleNode = new Element("div.topItemTitleNode", {
			"styles": this.css.topItemTitleNode,
			"text": this.sectionData.forumName
		}).inject(topTitleMiddleNode);
		topItemTitleNode.addEvent("click", function(){
			var appId = "ForumCategory"+this.forumId;
			if (this.obj.desktop.apps[appId]){
				this.obj.desktop.apps[appId].setCurrent();
			}else {
				this.obj.desktop.openApplication(null, "ForumCategory", { "categoryId" : this.forumId ,"appId": appId });
			}
			if( !this.obj.inBrowser ){
				this.obj.close();
			}
			//this.obj.close();
		}.bind({ obj: this, forumId : this.sectionData.forumId }));

		var topItemSepNode = new Element("div.topItemSepNode", {
			"styles": this.css.topItemSepNode,
			"text" : ">"
		}).inject(topTitleMiddleNode);

		var topItemTitleNode = new Element("div.topItemTitleNode", {
			"styles": this.css.topItemTitleNode,
			"text": this.sectionData.sectionName
		}).inject(topTitleMiddleNode);
		topItemTitleNode.addEvent("click", function(){
			var appId = "ForumSection"+this.sectionData.id;
			if (this.desktop.apps[appId]){
				this.desktop.apps[appId].setCurrent();
			}else {
				this.desktop.openApplication(null, "ForumSection", {
					"sectionId" : this.sectionData.id,
					"appId": appId
				});
			}
			if( !this.inBrowser ){
				this.close();
			}
			//this.close();
		}.bind(this));

		var topItemSepNode = new Element("div.topItemSepNode", {
			"styles": this.css.topItemSepNode,
			"text" : ">"
		}).inject(topTitleMiddleNode);

		var topItemTitleNode = new Element("div.topItemTitleNode", {
			"styles": this.css.topItemTitleLastNode,
			"text": this.options.isNew ? (this.lp.createSubject) : ("["+ this.data.type +"]" + this.data.title )
		}).inject(topTitleMiddleNode);

		//this.topRightTextNode = new Element("div", {
		//	"styles": this.css.topRightTextNode,
		//	"text": this.lp.setting
		//}).inject(this.topRightTextNode)
	},
	createMiddleNode: function(){
		this.middleNode = new Element("div.middleNode", {
			"styles": this.css.middleNode
		}).inject(this.contentContainerNode);

		this.addEvent("resize", function () {
			this.setContentSize();
		}.bind(this));
		this.setContentSize();

		this.middleNode.addEvent("selectstart", function(e){
			e.stopPropagation();
		});

		//MWF.require("MWF.widget.ScrollBar", function () {
		//	this.scrollBar = new MWF.widget.ScrollBar(this.contentContainerNode, {
		//		"indent": false,
		//		"style": "xApp_TaskList",
		//		"where": "before",
		//		"distance": 30,
		//		"friction": 4,
		//		"axis": {"x": false, "y": true},
		//		"onScroll": function (y) {
		//		}
		//	});
		//}.bind(this));
		debugger;
		if( this.options.isNew || this.options.isEdited ){
			this._createMiddleNode_eidt();
		}else{
			this._createMiddleNode_read();
		}
	},
	_createMiddleNode_eidt : function(){
		this.data = this.data || {};
		var _self = this;
		this.contentDiv = new Element("div.contentDiv",{"styles":this.css.contentDiv}).inject(this.middleNode);

		var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='formTable'>" +
			"<tr>" +
			"   <td styles='formTableTitle' lable='title' width='10%' style='min-width:100px;'></td>" +
			"   <td styles='formTableValue' item='typeCategory' width='10%'></td>" +
			"   <td styles='formTableValue' item='type' width='10%'></td>" +
			"   <td styles='formTableValue' item='title' width='70%'></td>" +
			"</tr><tr>" +
			"   <td></td>" +
			"   <td item='tipNode' colspan='3'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableTitle' lable='summary'></td>" +
			"   <td styles='formTableValue' item='summary' colspan='3'></td>" +
			"</tr><tr item='portalImageTr' style='display:none'>" +
			"   <td styles='formTableTitle' lable='picId'></td>" +
			"   <td styles='formTableValue' colspan='3'><div item='picId' styles='portalImageAre' ></div></td>" +
			"</tr><tr>" +
			"   <td styles='formTableTitle' lable='content'></td>" +
			"   <td styles='formTableValue' item='content' colspan='3'></td>" +
			"</tr>" +
			"<tr style='display:none' item='gradeArea'>" +
			"   <td styles='formTableTitle'>"+ this.lp.sectionGrade +"</td>" +
			"   <td item='gradeContainer' colspan='3'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableTitle'>"+ this.lp.attachment +"</td>" +
			"   <td item='attachment' colspan='3'></td>" +
			"</tr><tr style='display:none' item='voteArea'>" +
			"   <td styles='formTableTitle'>"+ this.lp.vote +"</td>" +
			"   <td item='voteContainer' colspan='3'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableTitle' lable=''></td>" +
			"   <td colspan='3'><div item='action' style='float:left;'></div><div item='anonymousSubject' style='float:left;margin-top:25px;margin-left:20px;'></div></td>" +
			"</tr>"+
			"</table>";
		this.contentDiv.set("html", html);
		var tipNode = this.contentDiv.getElement("[item='tipNode']");

		var typeSettings = this._loadTypeSetting();
		var typeSetting = typeSettings[ this.forumData.indexListStyle ];
		if( typeSetting.image ){
			this.contentDiv.getElements("[item='portalImageTr']")[0].setStyle("display","");
		}

		var subjectTypeSelectValue;
		debugger;
		if(this.sectionData.subjectTypeList && this.sectionData.subjectTypeList.length>0){
			subjectTypeSelectValue = this.sectionData.subjectTypeList;
		}else{
			if( this.sectionData.subjectType ){
				subjectTypeSelectValue = this.sectionData.subjectType.split("|");
			}else if( this.forumData.subjectType ){
				subjectTypeSelectValue = this.forumData.subjectType.split("|");
			}else{
				subjectTypeSelectValue = this.lp.subjectTypeDefaultValue.split("|");
			}
		}
		var typeCategorySelectValue;
		if( this.sectionData.typeCategory ){
			typeCategorySelectValue = this.sectionData.typeCategory.split("|");
		}else if( this.forumData.typeCategory ){
			typeCategorySelectValue = this.forumData.typeCategory.split("|");
		}else{
			typeCategorySelectValue = this.lp.typeCategoryDefaultValue.split("|");
		}
		MWF.xDesktop.requireApp("Template", "MForm", function () {
			this.form = new MForm(this.contentDiv, this.data , {
				style: "forum",
				verifyType: "batch",
				isEdited:  true,
				itemTemplate: {
					title: {text: this.lp.subject, notEmpty : true,
						onPostLoad : function(item) {
							item.tipNode = tipNode;
						}
					},
					typeCategory :{ type : "select", selectValue : typeCategorySelectValue , notEmpty : true, event : {
						change : function(item, ev){
							if( item.getValue() == this.lp.vote || item.getValue() == "投票"){
								this.contentDiv.getElements( "[item='voteArea']").setStyle("display","");
								this.loadVoteArea();
							}else{
								this.contentDiv.getElements( "[item='voteArea']").setStyle("display","none");
							}
						}.bind(this)}
					},
					type: {text: this.lp.type, type : "select", selectValue : subjectTypeSelectValue , notEmpty : true },
					summary: {text: this.lp.summary, type : "text", event : { "keyup" : function( item, ev){
						if( item.getValue().length > 70 ){
							item.setValue( item.getValue().substr( 0, 70 ) );
						}
					} } },
					picId: { text: this.lp.portalImage, type : "imageClipper",
						disable : !typeSetting.image,
						style : {
							imageStyle : this.css.portalImageNode,
							actionStyle : this.css.uploadActionNode
						},
						aspectRatio : 1.5,
						reference : this.advanceId || this.data.id,
						referenceType: "forumDocument"
					},
					anonymousSubject: { type: "checkbox",
						disable: !MWFForum.enableAnonymousSubject(),
						selectValue: ['true'],
						selectText: [this.lp.anonymousSubject]
					},
					content: {text: this.lp.content, type : "rtf", notEmpty : true, RTFConfig : {
						isSetImageMaxWidth : true,
						reference : this.advanceId || this.data.id,
						referenceType: "forumDocument"//,
						//skin : "bootstrapck" //,
						//filebrowserCurrentDocumentImage: function (e, callback) {
						//	_self.selectDocImage( callback );
						//}
					}}
				}
			}, this, this.css);
			this.form.load();
		}.bind(this), true);
		if( this.data.typeCategory == this.lp.vote || this.data.typeCategory == "投票"){
			this.contentDiv.getElement( "[item='voteArea']").setStyle("display","");
			this.loadVoteArea();
		}
		// if(this.sectionData.sectionGrade){
		// 	this.contentDiv.getElements( "[item='gradeArea']").setStyle("display","");
		// 	this.loadGradeArea();
		// }


		var actionTd = this.contentDiv.getElements("[item='action']")[0];
		this.saveAction = new Element("div",{
			styles : this.css.actionNode,
			text: this.lp.saveSubject
		}).inject(actionTd);
		this.saveAction.addEvent("click",function(ev){
			this.saveSubject( ev );
		}.bind(this));

		var attachmentArea = this.contentDiv.getElements("[item='attachment']")[0];
		this.loadAttachment(attachmentArea)
	},
	_loadTypeSetting: function(){
		var path = "../x_component_Forum/$ColumnTemplate/template/setting.json";
		var templateSetting;
		MWF.xApplication.Forum.ColumnTemplate = MWF.xApplication.Forum.ColumnTemplate || {};
		if (MWF.xApplication.Forum.ColumnTemplate.Setting){
			templateSetting = MWF.xApplication.Forum.ColumnTemplate.Setting;
		}else{
			var r = new Request.JSON({
				url: path,
				secure: false,
				async: false,
				method: "get",
				noCache: false,
				onSuccess: function(responseJSON, responseText){
					templateSetting = MWF.xApplication.Forum.ColumnTemplate.Setting = responseJSON;
				}.bind(this),
				onError: function(text, error){
					alert(error + text);
				}
			});
			r.send();
		}
		return templateSetting;
	},
	loadVoteArea : function(){
		this.voteContainer = this.contentDiv.getElement("[item='voteContainer']");
		MWF.xDesktop.requireApp("ForumDocument", "Vote", function(){
			this.vote = new MWF.xApplication.ForumDocument.Vote(this.voteContainer, this, {
				isNew : this.options.isNew,
				isEdited : this.options.isEdited
			}, this.data);
			this.vote.load();
		}.bind(this), true)
	},
	loadGradeArea : function(){
		this.gradeContainer = this.contentDiv.getElement("[item='gradeContainer']");
		var content = new Element("div").inject(this.gradeContainer);
		var xingdiv = new Element("div").inject(content);
		var xingpngdiv = new Element("div",{"class":"comment_dlg_png"}).inject(xingdiv);
		var starnode;
		var _self = this;
		debugger;
		for (var tmpi=0;tmpi<5;tmpi++){
			starnode = new Element("img",{"src":_self.path+"icon/whitefiveangular.png","class":tmpi+"star comment_dlg_star"}).inject(xingpngdiv);
			starnode.store("id",tmpi);
			if(this.data.grade && this.data.grade<6){
			    if(this.data.grade>tmpi){
                    var starblacknode = starnode;
                    while(starblacknode){
                        starblacknode.set("src",_self.path+"icon/blackfiveangular.png");
                        starblacknode = starblacknode.previousElementSibling;
                    }
                }
				_self.selectstar = this.data.grade;
            }else{
                starnode.addEvents({
                    "click": function(e){
                        var idnum = this.retrieve("id");
                        _self.selectstar = idnum + 1;
                        var starblacknode = this;
                        var starwhitenode = this.nextElementSibling;
                        while(starwhitenode){
                            starwhitenode.set("src",_self.path+"icon/whitefiveangular.png");
                            starwhitenode = starwhitenode.nextElementSibling;
                        }
                        while(starblacknode){
                            starblacknode.set("src",_self.path+"icon/blackfiveangular.png");
                            starblacknode = starblacknode.previousElementSibling
                        }
                    }
                });
            }
		}
		var cleardiv = new Element("div",{"style":"clear:both"}).inject(content);
		var commentdiv = new Element("div").inject(content);
	},
	reloadAllParents : function(){
		var aid = "Forum";
		if (this.desktop.apps[aid] && this.desktop.apps[aid].reload){
			this.desktop.apps[aid].reload();
		}

		aid = "ForumCategory"+this.sectionData.forumId;
		if (this.desktop.apps[aid] && this.desktop.apps[aid].reload){
			this.desktop.apps[aid].reload();
		}

		aid = "ForumSection"+this.sectionData.id;
		if (this.desktop.apps[aid] && this.desktop.apps[aid].reload){
			this.desktop.apps[aid].reload();
		}
	},
	saveSubject  : function(ev){
		var _self = this;
		var data = this.form.getResult(true, ",", true, false, true);
		if( !data ){ //校验没通过
			// 校验投票
			var typeCategory = this.form.getItem("typeCategory");
			if( typeCategory.getValue() == this.lp.vote || typeCategory.getValue() == "投票"){
				this.vote.getVoteInfor()
			}
			return;
		}
		if( data.typeCategory == this.lp.vote || data.typeCategory == "投票"){
			var voteData = this.vote.getVoteInfor();
			if( !voteData )return;
			for( var key in voteData ){
				data[key] = voteData[key];
			}
			this.confirm("warn", ev, this.lp.confirmPublishVoteDocumentTitle, this.lp.confirmPublishVoteDocumentContent, 350, 120, function(){
				_self._saveSubject( data );
				this.close();
			}, function(){
				this.close();
			});
		}else{
			this._saveSubject( data );
		}
	},
	_saveSubject : function( data ){
		debugger;
		if( this.advanceId )data.id = this.advanceId;
		data.attachmentList = this.attachment.getAttachmentIds();
		// if(this.sectionData.sectionGrade && this.selectstar==0 && this.advanceId){
		// 	MWF.xDesktop.notice("error", {x: "right", y:"top"}, this.lp.gradeNotice);
		// }else{
		//	data.grade = this.selectstar;
			if (data) {
				data.sectionId = this.sectionData.id;
				//data.picId = this.picId || "";
				this.restActions.saveSubject(data, function (json) {
					this.notice(this.options.isNew ? this.lp.createSuccess : this.lp.updateSuccess, "success");
					this.fireEvent("postPublish");

					this.reloadAllParents();

					var oldId = "ForumDocument"+ ( this.options.isNew ? this.sectionData.id : this.data.id );
					var appId = "ForumDocument"+json.data.id;
					this.advanceId = "";
					this.setOptions({
						"id" : json.data.id,
						"appId": appId,
						"isEdited" : false,
						"isNew" : false //,
						//"index" : nextIndex
					});
					this.reload(oldId , appId );

				}.bind(this))
			}
		//}

	},
	_createMiddleNode_read: function(){
		this.isReplyPublisher = this.permission.replyPublishAble; //this.access.isReplyPublisher( this.sectionData );

		this.createSidebar();

		this.createPagingBar();
		this.createToolbar_read();

		var contentConainer = new Element("div.subjectConainer",{
			"styles" : this.css.contentConainer
		}).inject( this.middleNode );

		this.subjectConainer = new Element("div.subjectConainer",{
			"styles" : this.css.subjectConainer
		}).inject( contentConainer );

		if( this.data.typeCategory == this.lp.question || this.data.typeCategory =="问题"){
			this.satisfiedReplyViewConainer = new Element("div.satisfiedReplyViewConainer",{
				"styles" : this.css.replyViewConainer
			}).inject( contentConainer );
		}

		this.replyViewConainer = new Element("div.replyViewConainer",{
			"styles" : this.css.replyViewConainer
		}).inject( contentConainer );

		this.createPagingBar();

		this.createSubject();
		if( this.data.typeCategory == this.lp.question || this.data.typeCategory =="问题") {
			if( this.data.acceptReplyId ){
				this.createSatisfiedReplyView();
			}
		}
		this.createReplyView();
		if( !this.data.stopReply && this.isReplyPublisher ){
			if( this.access.isAnonymous() ){
				this.createReplyEditor_Anonymous()
			}else{
				if( MWFForum.isReplyMuted() ){
					var d = MWFForum.muteData;
					if( d ){
						new Element("div", {
							styles: this.css.muteInfor,
							text: this.lp.muteNote + this.lp.muteInfor.replace("{unmuteDate}", d.unmuteDate).replace("{reason}", d.reason)
						}).inject( this.middleNode )
					}else{
						new Element("div", {
							styles: this.css.muteInfor,
							text: this.lp.muteNote
						}).inject( this.middleNode )
					}
				}else{
					this.createReplyEditor();
				}
			}
		}
		//this.createTurnSubjectNode();

	},
	createPagingBar: function(){
		var pagingArea = new Element("div",{
			styles : this.css.pagingArea
		}).inject(this.middleNode);
		if( this.pagingBarTop ){
			this.pagingBarBottom = pagingArea;
		}else{
			this.pagingBarTop = pagingArea;
		}

		//if( this.access.isSubjectPublisher( this.sectionData ) ){
		if( this.sectionPermission.subjectPublishAble && !MWFForum.isSubjectMuted() ){
			var createActionNode = new Element("div",{
				styles : this.css.pagingActionNode,
				text: this.lp.createSubject
			}).inject(pagingArea);
			createActionNode.addEvents(
				{
					"mouseover": function () {
						this.node.setStyles(this.obj.css.pagingActionNode_over);
					}.bind({obj: this, node: createActionNode}),
					"mouseout": function () {
						this.node.setStyles(this.obj.css.pagingActionNode);
					}.bind({obj: this, node: createActionNode}),
					"click": function () {
						if( this.access.isAnonymousDynamic() ){
							this.openLoginForm(
								function(){ this.createNewDocument(); }.bind(this)
							);
						}else{
							this.createNewDocument();
						}
					}.bind(this)
				}
			)
		}

		//var fileterNode = new Element("div",{
		//	styles : this.css.fileterNode
		//}).inject(pagingArea);

		var pagingContainer = new Element("div").inject(pagingArea);
		if( this.pagingContainerTop ){
			this.pagingContainerBottom = pagingContainer;
		}else{
			this.pagingContainerTop = pagingContainer;
		}
	},
	setContentSize: function () {
		//var topSize = this.topNode ? this.topNode.getSize() : {"x": 0, "y": 0};
		var topSize = {"x": 0, "y": 0};
		var nodeSize = this.node.getSize();
		var pt = this.contentContainerNode.getStyle("padding-top").toFloat();
		var pb = this.contentContainerNode.getStyle("padding-bottom").toFloat();

		var height = nodeSize.y - topSize.y - pt - pb;
		this.contentContainerNode.setStyle("height", "" + height + "px");
	},
	recordStatus: function(){
		return {
			"sectionId" : this.options.sectionId,
			"id" : this.data ? this.data.id : "",
			"advanceId" : this.advanceId,
			"appId": ( this.data && this.data.id ) ? "ForumDocument"+this.data.id : "ForumDocument"+this.advanceId,
			"isEdited" : this.options.isEdited,
			"isNew" : this.options.isNew,
			"viewPageNum" : this.replyView ? this.replyView.getCurrentPageNum() : 1
		};
	},
	loadAttachment: function( area ){
		this.attachment = new MWF.xApplication.Forum.Attachment( area, this, this.restActions, this.lp, {
			documentId : this.advanceId || this.data.id,
			isNew : this.options.isNew,
			isEdited : this.options.isEdited,
			"size" : "min",
			onQueryUploadAttachment : function(){
				this.attachment.isQueryUploadSuccess = true;
			}.bind(this),
			onDelete : function( data ){
				//if( this.pictureData && this.pictureData.id == data.id ){
				//	this.iconNode.set( "src", "" );
				//	this.iconNode.setStyle("display","none");
				//	this.pictureBase64 = "";
				//	this.pictureData = null;
				//}
			}.bind(this)
		});

		this.attachment.isAnonymous = this.data.anonymousSubject;
		this.attachment.anonymousPerson = this.data.creatorName;
		this.attachment.anonymousName = this.data.nickName;
		this.attachment.load();
	},
	createToolbar_read : function(){
		this.toolBarReadTop = new Element("div.toolBarReadTop",{
			"styles" : this.css.toolBarReadTop
		}).inject( this.middleNode );

		this.toolBarRead = new Element("div.toolBarRead",{
			"styles" : this.css.toolBarRead
		}).inject( this.middleNode );

		this.toolbarLeft = new Element("div.toolbarLeft",{
			"styles" : this.css.toolbarLeft
		}).inject( this.toolBarRead );

		var toolbarLeftItem = new Element("div.toolbarViewItem",{
			"styles" : this.css.toolbarViewItem
		}).inject( this.toolbarLeft );
		new Element("span.toolbarLeftTextItem",{
			"styles" : this.css.toolbarLeftTextItem,
			"text" : this.lp.readed + "："
		}).inject( toolbarLeftItem );
		new Element("span.toolbarLeftCountItem",{
			"styles" : this.css.toolbarLeftCountItem,
			"text" : this.data.viewTotal
		}).inject( toolbarLeftItem );

		new Element("div.toolbarSepItem",{
			"styles" : this.css.toolbarSepItem
		}).inject( this.toolbarLeft );

		var toolbarLeftItem = new Element("div.toolbarReplyItem",{
			"styles" : this.css.toolbarReplyItem
		}).inject( this.toolbarLeft );
		new Element("span.toolbarLeftTextItem",{
			"styles" : this.css.toolbarLeftTextItem,
			"text" : this.lp.reply + "："
		}).inject( toolbarLeftItem );
		this.replyTotal = new Element("span.toolbarLeftCountItem",{
			"styles" : this.css.toolbarLeftCountItem,
			"text" : this.data.replyTotal
		}).inject( toolbarLeftItem );

		this.toolbarRight = new Element("div.toolbarRight",{
			"styles" : this.css.toolbarRight
		}).inject( this.toolBarRead );

		//this.createActionBar();
		if(this.data.isTopSubject){
			new Element( "div.top", {
				"styles" : this.css.toolbarZhiding,
				"title" : this.lp.setTop
			}).inject( this.toolbarRight );
		}else if( this.data.isCreamSubject ){
			new Element( "div.prime", {
				"styles" : this.css.toolbarPrime,
				"title" : (this.data.screamSetterName || "").split("@")[0]+ this.lp.at + this.data.screamSetterTime + this.lp.setPrime
			}).inject( this.toolbarRight );
		}else if( this.data.typeCategory == this.lp.vote || this.data.typeCategory == "投票"){
			new Element( "div.vote", { "styles" : this.css.toolbarVote, "title" : this.lp.vote }).inject( this.toolbarRight );
		}else if( this.data.typeCategory == this.lp.question || this.data.typeCategory =="问题"){
			new Element( "div.question", { "styles" : this.css.toolbarQuestion, "title" : this.lp.question }).inject( this.toolbarRight );
		}

		this.toolbarRightTitle = new Element("div.toolbarRightTitle",{
			"styles" : this.css.toolbarRightTitle,
			"text" : "["+ this.data.type +"]"+this.data.title
		}).inject( this.toolbarRight );

		this.toolbarRightTools = new Element("div.toolbarRightTools",{
			"styles" : this.css.toolbarRightTools
		}).inject( this.toolbarRight );

		if( this.nextSubject ){
			this.toolbarNext = new Element("div.toolbarNext",{
				"styles" : this.css.toolbarNext,
				"title" : this.lp.nextSubject + "：" + this.nextSubject.title
			}).inject( this.toolbarRightTools );

			this.toolbarNext.addEvents({
				"click" : function(){ this.gotoDocument( 1 ); }.bind(this),
				"mouseover" : function(){
					this.toolbarNext.setStyles( this.css.toolbarNext_over );
				}.bind(this),
				"mouseout" : function(){
					this.toolbarNext.setStyles( this.css.toolbarNext );
				}.bind(this)
			})
		}

		if( this.lastSubject ){
			this.toolbarPrev = new Element("div.toolbarRightTools",{
				"styles" : this.css.toolbarPrev,
				"title" : this.lp.prevSubject + "：" + this.lastSubject.title
			}).inject( this.toolbarRightTools );
			this.toolbarPrev.addEvents({
				"click" : function(){ this.gotoDocument( -1 ); }.bind(this),
				"mouseover" : function(){
					this.toolbarPrev.setStyles( this.css.toolbarPrev_over );
				}.bind(this),
				"mouseout" : function(){
					this.toolbarPrev.setStyles( this.css.toolbarPrev );
				}.bind(this)
			})
		}

	},
	adjustReplyCount: function( count ){
		this.data.replyTotal = this.data.replyTotal + count;
		this.replyTotal.set("text", this.data.replyTotal )
	},
	createNewDocument: function(){
		var _self = this;
		var appId = "ForumDocument"+this.sectionData.id;
		if (_self.desktop.apps[appId]){
			_self.desktop.apps[appId].setCurrent();
		}else {
			this.desktop.openApplication(null, "ForumDocument", {
				"sectionId": this.sectionData.id,
				"appId": appId,
				"isNew" : true,
				"isEdited" : true,
				"onPostPublish" : function(){
					//this.view.reload();
				}.bind(this)
			});
		}
	},
	edit : function(){
		var appId = "ForumDocument"+this.data.id;
		this.options.isEdited = true;
		this.reload(appId , appId );
	},
	delete : function( ev ){
		var _self = this;
		this.confirm("warn", ev, this.lp.deleteDocumentTitle, this.lp.deleteDocument, 350, 120, function(){
			_self.restActions.deleteSubject( _self.data.id, function(){
				_self.notice( _self.lp.deleteDocumentOK, "ok");
				_self.reloadAllParents();
				_self.close();
			}.bind(this) );
			this.close();
		}, function(){
			this.close();
		});
	},
	postCreateReply : function( id ){
		this.restActions.getReply( id, function( json ){
			var reply = this.replyView._createDocument( json.data );
			this.adjustReplyCount( 1 );
			var t = reply.node.getTop() - this.contentContainerNode.getCoordinates().top + this.contentContainerNode.scrollTop.toFloat();
			this.contentContainerNode.scrollTo( 0, t );
		}.bind(this))
	},
	createReply : function(){
		var form = new MWF.xApplication.ForumDocument.ReplyForm(this, {}, {
			"toMain" : true,
			onPostOk : function( id ){
				this.postCreateReply( id )
			}.bind(this)
		},{
			app : this, lp : this.lp, css : this.css, actions : this.restActions
		});
		form.mainData = this.data;
		form.create()
	},
	createActionBar : function( container ){
		var action;
		this.actionBar = new Element("div", { "styles" : this.css.actionBar, "html" : "&nbsp;"}).inject(container);

		//var action = new Element("div", {
		//	"styles" : this.css.actionItem,
		//	"text" : this.lp.createSubject
		//}).inject( this.actionBar );
		//action.setStyle("background-image" , "url("+this.path+"icon/action_new.png)");
		//action.addEvents({
		//	"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
		//	"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
		//	"click" : function(){ this.createNewDocument() }.bind(this)
		//})


		if( this.permission.manageAble ){

			if( this.data.isCreamSubject ){
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.cancelPrime
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_cancelprime.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.cancelPrime() }.bind(this)
				})
			}else{
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.setPrime
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_prime.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.setPrime() }.bind(this)
				})
			}

			action = new Element("div", {
				"styles" : this.css.actionItem,
				"text" : this.lp.moveto
			}).inject( this.actionBar );
			action.setStyle("background-image" , "url("+this.path+"icon/action_moveto.png)");
			action.addEvents({
				"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
				"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
				"click" : function(){ this.moveTo() }.bind(this)
			});


			if( this.data.stopReply ){
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.unlock
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_unlock.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.unlock() }.bind(this)
				})
			}else{
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.lock
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_lock.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.lock() }.bind(this)
				})
			}

			//if( this.data.isTopSubject ){
			//	action = new Element("div", {
			//		"styles" : this.css.actionItem,
			//		"text" : this.lp.cancelTop
			//	}).inject( this.actionBar );
			//	action.setStyle("background-image" , "url("+this.path+"icon/action_canceltop.png)");
			//	action.addEvents({
			//		"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
			//		"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
			//		"click" : function(){ this.cancelTop() }.bind(this)
			//	})
			//}else{
			action = new Element("div", {
				"styles" : this.css.actionItem,
				"text" : this.lp.setTop
			}).inject( this.actionBar );
			action.setStyle("background-image" , "url("+this.path+ ( this.data.isTopSubject ? "icon/action_canceltop.png" : "icon/action_top.png")+ ")");
			action.addEvents({
				"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
				"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
				"click" : function(){ this.setTop() }.bind(this)
			});
			//}

			action = new Element("div", {
				"styles" : this.css.actionItem,
				"text" : this.lp.editorSetting
			}).inject( this.actionBar );
			action.setStyle("background-image" , "url("+this.path+"icon/action_person.png)");
			action.addEvents({
				"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
				"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
				"click" : function(){ this.setEditPermission() }.bind(this)
			});

		}

		if( MWF.AC.isHotPictureManager() ){
			action = new Element("div", {
				"styles" : this.css.actionItem,
				"text" : this.lp.setHot
			}).inject( this.actionBar );
			action.setStyle("background-image" , "url("+this.path+ "icon/action_popular.png" + ")");
			action.addEvents({
				"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
				"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
				"click" : function(){ this.setHotPicture() }.bind(this)
			});
		}


		//if( this.access.isRecommender( this.sectionData )){
		if( this.permission.recommendAble ){
			if( this.data.recommendToBBSIndex ){
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.cancelRecommend
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_cancelrecommend.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.cancelRecommend() }.bind(this)
				})
			}else if( this.sectionData.sectionVisible == this.lp.allPerson && this.sectionData.indexRecommendable == true  ){
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.setRecommend
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_recommend.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.setRecommend() }.bind(this)
				})
			}
		}


		if( this.permission.manageAble || this.permission.editAble || this.data.creatorName == this.userName || MWFForum.isSubjectEditor(this.data)){
			action = new Element("div", {
				"styles" : this.css.actionItem,
				"text" : this.lp.delete
			}).inject( this.actionBar );
			action.setStyle("background-image" , "url("+this.path+"icon/action_delete.png)");
			action.addEvents({
				"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
				"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
				"click" : function(ev){ this["delete"](ev) }.bind(this)
			})
		}

		if( this.data.typeCategory != this.lp.vote && this.data.typeCategory!="投票"){
			if( this.permission.manageAble || this.permission.editAble || this.data.creatorName == this.userName || MWFForum.isSubjectEditor(this.data) ){
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.edit
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_edit.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){ this.edit() }.bind(this)
				})
			}
		}

		if( !this.data.stopReply && !MWFForum.isReplyMuted()){
			if( this.isReplyPublisher ){
				action = new Element("div", {
					"styles" : this.css.actionItem,
					"text" : this.lp.reply
				}).inject( this.actionBar );
				action.setStyle("background-image" , "url("+this.path+"icon/action_quote.png)");
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.actionItem_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.actionItem ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){
						if( this.access.isAnonymousDynamic() ){
							this.openLoginForm( function(){ this.reload() }.bind(this) );
						}else{
							this.createReply();
						}
					}.bind(this)
				})
			}
		}

	},
	lock : function(){
		this.restActions.lock( this.data.id, function(){
			this.notice( this.lp.lockSuccess );
			this.reload();
		}.bind(this))
	},
	unlock : function(){
		this.restActions.unlock( this.data.id, function(){
			this.notice( this.lp.unlockSuccess );
			this.reload();
		}.bind(this))
	},
	setRecommend : function(){
		this.restActions.setRecommend( this.data.id, function(){
			this.notice( this.lp.setRecommendSuccess );
			this.reload();
		}.bind(this))
	},
	cancelRecommend : function(){
		this.restActions.cancelRecommend( this.data.id, function(){
			this.notice( this.lp.cancelRecommendSuccess );
			this.reload();
		}.bind(this))
	},
	setHotPicture : function(){
		MWF.xDesktop.requireApp("ForumDocument", "HotLinkForm", null, false);

		var form = new MWF.xApplication.ForumDocument.HotLinkForm(this, this.data, {
			documentId : this.data.id,
			summary : this.data.summary,
			onPostOk : function( id ){

			}.bind(this)
		},{
			app : this, lp : this.lp, css : this.css, actions : this.restActions
		});
		form.create()
	},
	setEditPermission: function(){
		var form = new MWF.xApplication.ForumDocument.EditorSettingForm(this, this.data, {
			onPostOk : function( id ){
				this.reload();
			}.bind(this)
		},{
			app : this, lp : this.lp, css : this.css, actions : this.restActions
		});
		form.create();
	},
	setTop : function(){
		var form = new MWF.xApplication.ForumDocument.TopSettingForm(this, this.data, {
			onPostOk : function( id ){
				this.reload();
			}.bind(this)
		},{
			app : this, lp : this.lp, css : this.css, actions : this.restActions
		});
		form.create();
		//this.restActions.topToSection( this.data.id, function(){
		//	this.notice( this.lp.setTopSuccess )
		//	this.reload();
		//}.bind(this))
	},
	cancelTop : function(){
		this.restActions.cancelTopToSection( this.data.id, function(){
			this.notice( this.lp.cancelTopSuccess );
			this.reload();
		}.bind(this))
	},
	setPrime : function(){
		this.restActions.setCream( this.data.id, function(){
			this.notice( this.lp.setPrimeSuccess );
			this.reload();
		}.bind(this))
	},
	cancelPrime : function(){
		this.restActions.cancelCream( this.data.id, function(){
			this.notice( this.lp.cancelPrimeSuccess );
			this.reload();
		}.bind(this))
	},
	createSubject : function(){
		this.subjectView = new MWF.xApplication.ForumDocument.SubjectView( this.subjectConainer, this, this, {
			templateUrl : this.path +  (this.data.anonymousSubject ? "listItemAnonymousSubject.json" :  "listItemSubject.json"),
			scrollEnable : false
		} );
		this.subjectView.data = this.data;
		this.subjectView.load();
	},
	moveTo : function(){
		MWF.xDesktop.requireApp("Forum", "SectionSelector", null, false);
		var selector = new MWF.xApplication.Forum.SectionSelector(this.content, {
			"count": 1,
			"title": this.lp.selectTargetSection,
			"values": [],
			"onComplete": function( array ){
				if( typeOf( array ) == "array" ){
					var sectionId = array[0].data.id;
					this.restActions.changeSection( {"subjectIds":[ this.data.id ],"sectionId" : sectionId }, function(){
						this.notice( this.lp.moveSuccess.replace("{section}", array[0].data.name ) );
						this.reload();
					}.bind(this))
				}
			}.bind(this)
		} );
		selector.load();
	},
	// openLoginForm : function( callback ){
	// 	//MWF.xDesktop.requireApp("Forum", "Login", null, false);
	// 	//var login = new MWF.xApplication.Forum.Login(this, {
	// 	//	onPostOk : function(){ if(callback)callback() }
	// 	//});
	// 	//login.openLoginForm();
	// 	MWF.require("MWF.xDesktop.Authentication", null, false);
	// 	var authentication = new MWF.xDesktop.Authentication({
	// 		style : "application",
	// 		onPostOk : function(){ if(callback)callback() }
	// 	},this);
	// 	authentication.openLoginForm({
	// 		hasMask : true
	// 	});
	// },
	// openSignUpForm : function(callback){
	// 	//MWF.xDesktop.requireApp("Forum", "Login", null, false);
	// 	//var login = new MWF.xApplication.Forum.Login(this, {
	// 	//	onPostOk : function(){ if(callback)callback() }
	// 	//});
	// 	//login.openSignUpForm();
	// 	MWF.require("MWF.xDesktop.Authentication", null, false);
	// 	var authentication = new MWF.xDesktop.Authentication({
	// 		style : "application",
	// 		onPostOk : function(){ if(callback)callback() }
	// 	},this);
	// 	authentication.openSignUpForm({
	// 		hasMask : true
	// 	});
	// },
	openLoginForm : function(){
		MWF.require("MWF.xDesktop.Authentication", null, false);
		var authentication = new MWF.xDesktop.Authentication({
			"style" : "flat",
			"popupStyle_password": "o2platformSignupFlat",
			onPostOk : function(){
				if(callback)callback()
			}
		},this);
		authentication.popupOptions = {
			"draggable": true,
			"closeAction": true,
			"hasMask": true,
			"relativeToApp": true,
			"width": "420",
			"height": "640"
		};
		// authentication.loadLogin(this.app.content);
		authentication.openLoginForm();
	},
	openSignUpForm : function(){
		MWF.require("MWF.xDesktop.Authentication", null, false);
		var authentication = new MWF.xDesktop.Authentication( {
			style : "flat",
			"popupStyle_password": "o2platformSignupFlat",
			onPostOk : function(){
				if(callback)callback()
			}
		}, this);
		authentication.popupOptions = {
			"draggable": true,
			"closeAction": true,
			"hasMask": true,
			"relativeToApp": true,
			"width": "420",
			"height": "640"
		};
		authentication.openSignUpForm();
	},
	gotoReply : function( index ){
		this.replyView.paging.gotoItem( index );
	},
	createSatisfiedReplyView : function( ){
		this.satisfiedReplyView = new MWF.xApplication.ForumDocument.SatisfiedReplyView( this.satisfiedReplyViewConainer, this, this, {
			templateUrl : this.path + "listItemSatisfied.json",
			scrollEnable : false
		} );
		this.satisfiedReplyView.data = this.data;
		this.satisfiedReplyView.load();
	},
	createReplyView : function( ){

		this.replyView = new MWF.xApplication.ForumDocument.ReplyView( this.replyViewConainer, this, this, {
			templateUrl : this.path + "listItemReply.json",
			scrollEnable : false,
			pagingEnable : true,
			documentKeyWord : "orderNumber",
			pagingPar : {
				currentPage : this.options.viewPageNum || 1,
				currentItem : this.options.replyIndex,
				returnText : this.lp.returnToList ,
				countPerPage : 10,
				onPostLoad : function( pagingBar ){
					if(pagingBar.nextPageNode){
						pagingBar.nextPageNode.inject( this.pagingBarBottom, "before" );
					}
				}.bind(this),
				onPageReturn : function( pagingBar ){
					var appId = "ForumSection"+this.sectionData.id;
					if (this.desktop.apps[appId]){
						this.desktop.apps[appId].setCurrent();
					}else {
						this.desktop.openApplication(null, "ForumSection", {
							"sectionId" : this.sectionData.id,
							"appId": appId
						});
					}
					this.close();
				}.bind(this)
			},
			onGotoItem : function( top ){
				debugger;
				var t = top - this.content.getTop();
				this.contentContainerNode.scrollTo( 0, t );
			}.bind(this)
		} );
		this.replyView.pagingContainerTop = this.pagingContainerTop;
		this.replyView.pagingContainerBottom = this.pagingContainerBottom;
		this.replyView.data = this.data;
		this.replyView.filterData = { "subjectId" : this.data.id };
		this.replyView.load();
	},
	createReplyEditor_Anonymous: function(){
		this.replyArea = new Element("div.replyArea",{
			"styles" : this.css.replyArea
		}).inject( this.middleNode );

		new Element("div.replyLeft",{
			"styles" : this.css.replyLeft
		}).inject( this.replyArea );

		var replyPicture = new Element("div.replyPicture",{
			"styles" : this.css.replyPicture
		}).inject( this.replyArea );

		var needloginNode = new Element("div.replyNeedLogin",{
			"styles" : this.css.replyNeedLogin
		}).inject(replyPicture);

		new Element("div.replyNeedLogin",{
			"styles" : this.css.replyNeedLoginText,
			"text" : this.lp.replyNeedLoginText
		}).inject(needloginNode);

		var loginNode = new Element("div.replyLoginAction",{
			"styles" : this.css.replyLoginAction,
			"text" : this.lp.login
		}).inject(needloginNode);
		loginNode.addEvent("click" , function(){
			this.openLoginForm(
				function(){ this.reload() }.bind(this)
			)
		}.bind(this));

		if( this.access.signUpMode != "disable" ){
			new Element("div.replyNeedLogin",{
				"styles" : this.css.replyNeedLoginText,
				"text" : "|"
			}).inject(needloginNode);

			var signupNode = new Element("div.replyLoginAction",{
				"styles" : this.css.replyLoginAction,
				"text" : this.lp.signUp
			}).inject(needloginNode);
			signupNode.addEvent("click" , function(){
				this.openSignUpForm()
			}.bind(this))
		}
	},
	createReplyEditor : function( ){
		this.replyArea = new Element("div.replyArea",{
			"styles" : this.css.replyArea
		}).inject( this.middleNode );

		this.replyEditor = new MWF.xApplication.ForumDocument.ReplyEditor( this.replyArea, this, {
			style : this.options.style,
			isNew : true,
			onPostOk : function( id ){
				this.postCreateReply( id )
			}.bind(this)
		} );
		this.replyEditor.mainData = this.data;
		this.replyEditor.load();
	},
	createTurnSubjectNode : function(){
		if( !this.lastSubject && !this.nextSubject )return;
		var turnSubjectNode = new Element("div.turnSubjectNode", {styles : this.css.turnSubjectNode}).inject( this.middleNode );
		if( this.lastSubject ){
			var lastSubjectNode = new Element( "div.lastSubjectNode", {
				styles : this.css.lastSubjectNode,
				text : this.lp.prevSubject + "：" + this.lastSubject.title
			}).inject( turnSubjectNode );
			lastSubjectNode.addEvents({
				"click" : function(){
					this.gotoDocument(-1)
				}.bind(this),
				"mouseover" : function(){ this.node.setStyles( this.obj.css.lastSubjectNode_over ) }.bind({obj :this, node : lastSubjectNode}),
				"mouseout" : function(){ this.node.setStyles( this.obj.css.lastSubjectNode ) }.bind({obj :this, node : lastSubjectNode})
			})
		}else{
			var lastSubjectNode = new Element( "div.lastSubjectNode", {
				styles : this.css.lastSubjectNoneNode
			}).inject( turnSubjectNode );
		}

		if( this.nextSubject ){
			var nextSubjectNode = new Element( "div.nextSubjectNode", {
				styles : this.css.nextSubjectNode,
				text : this.lp.nextSubject + "：" + this.nextSubject.title
			}).inject( turnSubjectNode );
			nextSubjectNode.addEvents({
				"click" : function(){
					this.gotoDocument(1)
				}.bind(this),
				"mouseover" : function(){ this.node.setStyles( this.obj.css.nextSubjectNode_over ) }.bind({obj :this, node : nextSubjectNode}),
				"mouseout" : function(){ this.node.setStyles( this.obj.css.nextSubjectNode ) }.bind({obj :this, node : nextSubjectNode})
			})
		}else{
			var nextSubjectNode = new Element( "div.nextSubjectNode", {
				styles : this.css.nextSubjectNoneNode
			}).inject( turnSubjectNode );
		}
	},
	gotoDocument : function( count ){
		if( count == 1 ){
			var documentData = this.nextSubject;
		}else{
			var documentData = this.lastSubject;
		}
		var oldId = "ForumDocument"+this.data.id;
		var appId = "ForumDocument"+documentData.id;
		if (this.desktop.apps[appId]){
			this.desktop.apps[appId].setCurrent();
			//this.close();
		}else {
			this.setOptions({
				"sectionId" : null, //this.data.sectionId,
				"id" : documentData.id,
				"appId": appId,
				"isEdited" : false,
				"isNew" : false
			});
			this.reload(oldId , appId );
		}
	},
	createSidebar: function(){
		if( this.inBrowser ){
			var crd = this.middleNode.getCoordinates();
			this.sideBar = new Element("div.sideBar", {
				styles : {
					"position" : "fixed",
					"left" : (crd.right+4)+"px",
					"bottom" : "100px",
					"width" : "50px",
					"height" : "155px",
					"padding-top" : "10px",
					"text-align" : "center",
					"background-color" : "#fff",
					"box-shadow": "0 0 4px rgba(0,0,0,0.20)"
				}
			}).inject( this.middleNode );
			window.onresize = function(){
				var crd = this.middleNode.getCoordinates();
				this.sideBar.setStyles( {
					"left" : (crd.right+4)+"px"
				})
			}.bind(this)
		}else{
			var contentCrd = this.content.getCoordinates();
			var middleNodeCrd = this.middleNode.getCoordinates();
			this.sideBar = new Element("div.sideBar", {
				styles : {
					"position" : "fixed",
					"top" : (contentCrd.top + contentCrd.height-220)+"px",
					"left" : (middleNodeCrd.right+4)+"px",
					"width" : "50px",
					"height" : "155px",
					"padding-top" : "10px",
					"text-align" : "center",
					"background-color" : "#fff",
					"box-shadow": "0 0 4px #ccc"
				}
			}).inject( this.middleNode );
			this.addEvent("moveDrop", function(){
				var contentCrd = this.content.getCoordinates();
				var middleNodeCrd = this.middleNode.getCoordinates();
				this.sideBar.setStyles( {
					"top" : (contentCrd.top + contentCrd.height-220)+"px",
					"left" : (middleNodeCrd.right+4)+"px"
				})
			}.bind(this));
			this.addEvent("resize", function(){
				var contentCrd = this.content.getCoordinates();
				var middleNodeCrd = this.middleNode.getCoordinates();
				this.sideBar.setStyles( {
					"top" : (contentCrd.top + contentCrd.height-220)+"px",
					"left" : (middleNodeCrd.right+4)+"px"
				})
			}.bind(this));
		}
		this._createSidebar();
	},
	_createSidebar: function(){
		var count = 1;
		var sidebarTop = new Element("div",{
			styles : this.css.sidebarTop,
			title: this.lp.gotoTop
		}).inject(this.sideBar);
		sidebarTop.addEvents(
			{
				"mouseover": function () {
					this.node.setStyles(this.obj.css.sidebarTop_over);
				}.bind({obj: this, node: sidebarTop}),
				"mouseout": function () {
					this.node.setStyles(this.obj.css.sidebarTop);
				}.bind({obj: this, node: sidebarTop}),
				"click": function () {
					this.contentContainerNode.scrollTo( 0, 0 );
				}.bind(this)
			}
		);

		if( this.sectionPermission.subjectPublishAble && !MWFForum.isSubjectMuted()){
			count++;
			var createActionNode = new Element("div",{
				styles : this.css.sidebarCreate,
				title: this.lp.createSubject
			}).inject(this.sideBar);
			createActionNode.addEvents(
				{
					"mouseover": function () {
						this.node.setStyles(this.obj.css.sidebarCreate_over);
					}.bind({obj: this, node: createActionNode}),
					"mouseout": function () {
						this.node.setStyles(this.obj.css.sidebarCreate);
					}.bind({obj: this, node: createActionNode}),
					"click": function () {
						if( this.access.isAnonymousDynamic() ){
							this.openLoginForm(
								function(){ this.createNewDocument(); }.bind(this)
							);
						}else{
							this.createNewDocument();
						}
					}.bind(this)
				}
			)
		}

		if( !this.data.stopReply && !MWFForum.isReplyMuted() ){
			if( this.isReplyPublisher ){
				count++;
				var action = new Element("div", {
					"styles" : this.css.sidebarReply,
					"title" : this.lp.reply
				}).inject( this.sideBar );
				action.addEvents({
					"mouseover" : function(){ this.itemNode.setStyles( this.obj.css.sidebarReply_over ) }.bind({ obj : this, itemNode : action }),
					"mouseout" : function(){ this.itemNode.setStyles( this.obj.css.sidebarReply ) }.bind({ obj : this, itemNode : action }),
					"click" : function(){
						if( this.access.isAnonymousDynamic() ){
							this.openLoginForm( function(){ this.reload() }.bind(this) );
						}else{
							this.createReply();
						}
					}.bind(this)
				})
			}
		}

		var container = new Element("div",{}).inject( this.sideBar );
		if( this.nextSubject ){
			count++;
			this.sidebarNext = new Element("div.sidebarNext",{
				"styles" : this.css.sidebarNext,
				"title" : this.lp.nextSubject + "：" + this.nextSubject.title
			}).inject( container );

			this.sidebarNext.addEvents({
				"click" : function(){ this.gotoDocument( 1 ); }.bind(this),
				"mouseover" : function(){
					this.sidebarNext.setStyles( this.css.sidebarNext_over );
				}.bind(this),
				"mouseout" : function(){
					this.sidebarNext.setStyles( this.css.sidebarNext );
				}.bind(this)
			})
		}

		if( this.lastSubject ){
			count++;
			this.sidebarPrev = new Element("div.sidebarPrev",{
				"styles" : this.css.sidebarPrev,
				"title" : this.lp.prevSubject + "：" + this.lastSubject.title
			}).inject( container );
			this.sidebarPrev.addEvents({
				"click" : function(){ this.gotoDocument( -1 ); }.bind(this),
				"mouseover" : function(){
					this.sidebarPrev.setStyles( this.css.sidebarPrev_over );
				}.bind(this),
				"mouseout" : function(){
					this.sidebarPrev.setStyles( this.css.sidebarPrev );
				}.bind(this)
			})
		}

		this.sideBar.setStyle( "height" , (count * 30 + 5 ) +"px" );

	},
	openPerson : function( userName, data ){
		MWFForum.openPersonCenter( userName, data );
	},
	createPersonNode : function( container, personName ){
		var persons = personName.split(",");
		persons.each( function(userName, i){
			var span = new Element("span", {
				"text" : userName,
				"styles" : this.css.person
			}).inject(container);
			span.addEvents( {
				mouseover : function(){ this.node.setStyles( this.obj.css.person_over )}.bind( {node:span, obj:this} ),
				mouseout : function(){ this.node.setStyles( this.obj.css.person )}.bind( {node:span, obj:this} ),
				click : function(){ this.obj.openPerson( this.userName ) }.bind( {userName:userName, obj:this} )
			});
			if( i != persons.length - 1 ){
				new Element("span", {
					"text" : ","
				}).inject(container);
			}
		}.bind(this))
	},
	getUserData : function( name, callback ){
		if( this.userCache && this.userCache[name] ){
			if( callback )callback( this.userCache[name] );
			return
		}
		if( !this.userCache )this.userCache = {};
		if( this.access.isAnonymous() ){
			var url = MWF.Actions.get("x_organization_assemble_personal").getIcon(name);
			if( url ){
				var json =  { data : { icon : url } };
				this.userCache[ name ] = json;
				if( callback )callback( json );
			}else{
				var json =  { data : { icon : "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif" } };
				this.userCache[ name ] = json;
				if( callback )callback( json );
			}
			//MWF.Actions.get("x_organization_assemble_control").getPersonIcon(name, function(url){
			//	var json =  { data : { icon : url } };
			//	this.userCache[ name ] = json;
			//	if( callback )callback( json );
			//}.bind(this), function(){
			//	var json =  { data : { icon : "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif" } };
			//	this.userCache[ name ] = json;
			//	if( callback )callback( json );
			//}.bind(this))
		}else{
			MWF.Actions.get("x_organization_assemble_control").getPerson( function( json ){
				if( !json.data )json.data = {};
				var url = MWF.Actions.get("x_organization_assemble_personal").getIcon(name);
				if( url ){
					if( json.data ){
						json.data.icon = url;
						this.userCache[ name ] = json;
						if( callback )callback( json );
					}
				}else{
					if( json.data ){
						json.data.icon = "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif";
						this.userCache[ name ] = json;
						if( callback )callback( json );
					}
				}
				//MWF.Actions.get("x_organization_assemble_control").getPersonIcon(name, function(url){
				//	if( json.data ){
				//		json.data.icon = url;
				//		this.userCache[ name ] = json;
				//		if( callback )callback( json );
				//	}
				//}.bind(this), function(){
				//	if( json.data ){
				//		json.data.icon = "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif";
				//		this.userCache[ name ] = json;
				//		if( callback )callback( json );
				//	}
				//}.bind(this));
			}.bind(this), function(){
				var json =  { data : { icon : "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif" } };
				this.userCache[ name ] = json;
				if( callback )callback( json );
			}.bind(this), name, true )
		}
	}
});

MWF.xApplication.ForumDocument.SubjectView = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexView,
	_createDocument: function(data, index){
		data.index = index;
		var document;
		this.getUserData( data.creatorName, function(json ){
			if( data.anonymousSubject ){
				data.userIcon = '../x_component_ForumDocument/$Main/default/icon/noavatar_big.gif';
				data.signature = "";
			}else{
				data.userIcon = json.data.icon;
				data.signature = json.data.signature;
			}
			this.actions.getUserInfor( {"userName":data.creatorName}, function( json ){
				data.subject = json.data.subjectCount;
				data.reply = json.data.replyCount;
				data.todaySubject = json.data.subjectCountToday;
				data.todayReply = json.data.replyCountToday;
				data.prime = json.data.creamCount;
				data.accessed = json.data.popularity;
				document = new MWF.xApplication.ForumDocument.SubjectDocument(this.viewNode, data, this.explorer, this, null, data.index );
			}.bind(this))
		}.bind(this) );
		return document;
	},
	getUserData : function( name, callback ){
		this.app.getUserData( name, callback );
	},
	_getCurrentPageData: function(callback, count){
		var json = {
			type: "success",
			count : 1,
			size : 1,
			data : [this.data]
		};
		if (callback)callback(json)
	},
	_removeDocument: function(documentData, all){
		this.actions.deleteSection(documentData.id, function(json){
			this.reload();
			this.app.notice(this.app.lp.deleteDocumentOK, "success");
		}.bind(this));
	},
	_create: function(){

	},
	_queryCreateViewNode: function(){
	},
	_postCreateViewNode: function( viewNode ){
	},
	_queryCreateViewHead:function(){
	},
	_postCreateViewHead: function( headNode ){
	}

});

MWF.xApplication.ForumDocument.SubjectDocument = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
	mouseoverSubject : function(subjectNode, ev){
		//var removeNode = sectionNode.getElements("[styles='sectionRemoveNode']")[0];
		//if( removeNode )removeNode.setStyle("opacity",1)
	},
	mouseoutSubject : function(subjectNode, ev){
		//var removeNode = sectionNode.getElements("[styles='sectionRemoveNode']")[0];
		//if( removeNode )removeNode.setStyle("opacity",0)
	},
	_queryCreateDocumentNode:function( itemData ){
	},
	_postCreateDocumentNode: function( itemNode, itemData ){
		var toolbar = itemNode.getElement("[item='itemSubjectTools']");
		this.app.createActionBar(toolbar);
debugger;
        if(this.data.grade && this.data.grade<6) {
            //itemNode.getElements("[lable='grade']")[0].set("text", this.app.lp.sectionGrade);
            var gradediv = new Element("div", {"class": "comment_dlg_png"}).inject(itemNode.getElements("[item='grade']")[0]);

            for (var tmpi = 0; tmpi < 5; tmpi++) {
                starnode = new Element("img", {
                    "src": this.app.path + "icon/whitefiveangular.png",
                    "class": tmpi + "star comment_dlg_star"
                }).inject(gradediv);
                starnode.store("id", tmpi);
                if (this.data.grade > tmpi) {
                    var starblacknode = starnode;
                    while (starblacknode) {
                        starblacknode.set("src", this.app.path + "icon/blackfiveangular.png");
                        starblacknode = starblacknode.previousElementSibling;
                    }
                }
                //itemNode.getElements( "[item='grade']" )[0].set("text", 222);
            }
        }

        o2.require("o2.widget.ImageLazyLoader", function(){
			var loadder = new o2.widget.ImageLazyLoader(itemNode.getElement("[item='content']"), this.data.content);
			loadder.load(function(){
				this.contentLoaded = true;
				if(this.voteLoaded)this.loadImageViewer(itemNode)
			}.bind(this))
		}.bind(this));

		if( this.data.attachmentList && this.data.attachmentList.length > 0 ){
			var attachmentArea = itemNode.getElement("[item='attachment']");
			this.app.loadAttachment(attachmentArea);
		}

		if( this.data.typeCategory == this.lp.vote  || this.data.typeCategory =="投票"){
			var voteArea = itemNode.getElement("[item='vote']");
			MWF.xDesktop.requireApp("ForumDocument", "Vote", function(){
				this.vote = new MWF.xApplication.ForumDocument.Vote(voteArea, this.app, {
					isNew : false,
					isEdited : false,
					onPostLoad: function () {
						this.voteLoaded = true;
						if(this.contentLoaded)this.loadImageViewer(itemNode)
					}.bind(this)
				}, this.data);
				this.vote.load();
			}.bind(this), true)
		}else{
			this.voteLoaded = true;
			if(this.contentLoaded)this.loadImageViewer(itemNode)
		}
	},
	loadImageViewer: function(node){
		var contentNote = node.getElement("[item='content']");
		var voteNode = node.getElement("[item='vote']");
		o2.require("o2.widget.ImageViewer", function(){
			var imageViewer = new o2.widget.ImageViewer(node, [contentNote, voteNode]);
			imageViewer.load();
		}.bind(this))
	},
	sendMessage : function(itemNode, ev ){
		var self = this;
		if (layout.desktop.widgets["IMIMWidget"]) {
			var IM = layout.desktop.widgets["IMIMWidget"];
			IM.getOwner(function(){
				this.openChat(ev, {
					from : self.data.creatorName
				});
			}.bind(IM));
		}
	},
	createReply : function(itemNode, ev ){
		if( this.app.access.isAnonymousDynamic() ){
			this.app.openLoginForm( function(){ this.app.reload() }.bind(this) );
		}else{
			var form = new MWF.xApplication.ForumDocument.ReplyForm(this, {}, {
				"toMain" : true,
				onPostOk : function( id ){
					this.app.postCreateReply( id );
				}.bind(this)
			});
			form.mainData = this.data;
			form.create()
		}
	}
});

MWF.xApplication.ForumDocument.ReplyEditor = new Class({
	Implements: [Options , Events],
	options: {
		"style": "default",
		"isNew" : true
	},
	initialize: function(node, app, options){
		this.setOptions(options);
		this.node = node;
		this.app = app;
	},
	load: function(){
		this.app.restActions.getUUID( function( id ){
			this.advanceReplyId = id;
			this._load();
		}.bind(this))
	},
	_load: function(){
		var html = "<div styles='itemNode'>" +
			" <div styles='itemLeftNode'>" +
			"   <div styles='itemUserFace'>" +
			"     <div styles='itemUserIcon' item='userIcon'>" +
			"     </div>" +
			"   </div>" +
			"   <div styles='replyUserName' item='creatorName'>" +
			"   </div>" +
			" </div>" +
			" <div styles='replyRightNode'>" +
			"   <div styles='itemRightMidle'>" +
			"     <div styles='itemBodyReply' item='content'></div>" +
			"     <div styles='itemBodyReply' item='action'></div>" +
			"   </div>" +
			" </div>" +
			"</div>";
		this.node.set("html", html);

		var actionTd = this.node.getElements("[item='action']")[0];
		this.saveReplyAction = new Element("div",{
			styles : this.app.css.actionNode,
			text: this.app.lp.saveReply
		}).inject(actionTd);
		this.saveReplyAction.addEvent("click",function(){
			this.saveReply();
		}.bind(this));
		MWF.xDesktop.requireApp("Template", "MForm", function () {
			this.form = new MForm(this.node, this.data || {}, {
				style: "forum",
				isEdited:  true,
				itemTemplate: {
					userIcon: { className : "itemUserIcon2", type : "img", value : function(){
						if( this.app.userData.icon ){
							return "data:image/png;base64," + this.app.userData.icon
						}else{
							var src = "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif";
							this.app.getUserData( this.app.userData.distinguishedName, function(json ){
								src = json.data.icon;
							}.bind(this), function(){
								var src = "../x_component_ForumDocument/$Main/"+this.options.style+"/icon/noavatar_big.gif";
							}, false );
							return src;
						}
					}.bind(this)},
					creatorName: { type : "innerText", value : MWFForum.getDisplayName() },
					content: { type : "rtf", RTFConfig : {
						//skin : "bootstrapck",
						"resize_enabled": false,
						isSetImageMaxWidth : true,
						reference : this.advanceReplyId,
						referenceType: "forumReply",
						//uiColor : '#9AB8F3',
						//toolbarCanCollapse : true,
						toolbar : [
							{ name: 'document', items : [ 'Preview' ] },
							//{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
							{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','-','RemoveFormat' ] },
							//{ name: 'paragraph', items : [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
							{ name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
							{ name: 'colors', items : [ 'TextColor','BGColor' ] },
							{ name: 'links', items : [ 'Link','Unlink' ] },
							{ name: 'insert', items : [ 'Image' ] },
							{ name: 'tools', items : [ 'Maximize','-','About' ] }
						]
					}}
				}
			}, this, this.app.css);
			this.form.load();
		}.bind(this), true);


	},
	saveReply : function(){
		var data = this.form.getResult(true, ",", true, false, true);
		if (data) {
			data.subjectId = this.mainData.id ;
			data.id = this.advanceReplyId;
			this.app.restActions.saveReply(data, function (json) {
				if (json.type == "error") {
					this.app.notice(json.message, "error");
				} else {
					this.app.restActions.getUUID( function( id ){
						this.advanceReplyId = id;
					}.bind(this));
					this.app.notice( this.app.lp.saveReplySuccess, "ok" );
					this.form.getItem("content").setValue("");
					this.fireEvent("postOk", json.data.id);
				}
			}.bind(this))
		}
	}
});

MWF.xApplication.ForumDocument.ReplyForm = new Class({
	Extends: MPopupForm,
	Implements: [Options, Events],
	options: {
		"style": "default",
		"width": "860",
		"height": "470",
		"hasTop": true,
		"hasIcon": false,
		"hasTopIcon" : true,
		"hasTopContent" : true,
		"hasBottom": true,
		"title": MWF.xApplication.Forum.LP.replyFormTitle,
		"draggable": true,
		"closeAction": true,
		"toMain" : true
	},
	_createTableContent: function(){
		if( this.isNew ){
			this.app.restActions.getUUID( function(id){
				this.advanceReplyId = id;
				this._createTableContent_();
			}.bind(this) )
		}else{
			this._createTableContent_()
		}
	},
	_createTableContent_: function () {
		var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='formTable'>" +
			"<tr>" +
			"   <td styles='formTableValue14' item='mainSubject'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableValue' item='mainContent'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableValue' item='content'></td>" +
			"</tr>"+
			"</table>";
		this.formTableArea.set("html", html);

		if( !this.options.toMain && this.parentData ){
			var mainContentEl = this.formTableArea.getElements("[item='mainContent']")[0];

			var quoteTop = new Element( "div", {styles : this.css.quoteTop} ).inject( mainContentEl );
			new Element( "div", {styles : this.css.quoteLeft} ).inject( quoteTop );
			new Element( "div", {
				styles : this.css.quoteInfor,
				text : MWFForum.getReplyCreatorName(this.parentData) + this.lp.publishAt + this.parentData.createTime
			}).inject( quoteTop );

			var quoteBottom = new Element( "div", {styles : this.css.quoteBottom} ).inject( mainContentEl );
			var text = this.parentData.contentText;
			new Element( "div", {
				styles : this.css.quoteText,
				text :  text.length > 50 ? (text.substr(0, 50) + "...") : text
			}).inject( quoteBottom );
			new Element( "div", {styles : this.css.quoteRight} ).inject( quoteBottom );
		}
		MWF.xDesktop.requireApp("Template", "MForm", function () {
			this.form = new MForm(this.formTableArea, this.data, {
				style: "forum",
				isEdited: true,
				itemTemplate: {
					mainSubject: { type: "innertext", defaultValue : "RE:" + this.mainData.title },
					content: { type : "rtf", RTFConfig : {
						//skin : "bootstrapck",
						"resize_enabled": false,
						isSetImageMaxWidth : true,
						reference : this.advanceReplyId || this.data.id,
						referenceType: "forumReply",
						toolbar : [
							{ name: 'document', items : [ 'Preview' ] },
							//{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
							{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','-','RemoveFormat' ] },
							//{ name: 'paragraph', items : [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
							{ name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
							{ name: 'colors', items : [ 'TextColor','BGColor' ] },
							{ name: 'links', items : [ 'Link','Unlink' ] },
							{ name: 'insert', items : [ 'Image' ] },
							{ name: 'tools', items : [ 'Maximize','-','About' ] }
						]
					}}
				}
			}, this.app, this.css);
			this.form.load();
		}.bind(this), true);
	},
	_createBottomContent: function () {
		if (this.isNew || this.isEdited) {
			this.okActionNode = new Element("div.formOkActionNode", {
				"styles": this.css.formOkActionNode,
				"text": this.app.lp.saveReply
			}).inject(this.formBottomNode);

			this.okActionNode.addEvent("click", function (e) {
				this.ok(e);
			}.bind(this));
		}

		this.cancelActionNode = new Element("div.formCancelActionNode", {
			"styles": this.css.formCancelActionNode,
			"text": this.app.lp.close
		}).inject(this.formBottomNode);

		this.cancelActionNode.addEvent("click", function (e) {
			this.cancel(e);
		}.bind(this));

	},
	ok: function (e) {
		this.fireEvent("queryOk");
		var data = this.form.getResult(true, ",", true, false, true);
		if (data) {
			this._ok(data, function (json) {
				if (json.type == "error") {
					this.app.notice(json.message, "error");
				} else {
					if(this.formMaskNode)this.formMaskNode.destroy();
					this.formAreaNode.destroy();
					this.app.notice(this.isNew ? this.app.lp.createReplySuccess : this.app.lp.updateSuccess, "success");
					this.fireEvent("postOk", json.data.id);
				}
			}.bind(this))
		}
	},
	_ok: function (data, callback) {
		data.subjectId = this.mainData.id ;
		if( this.advanceReplyId )data.id = this.advanceReplyId;
		if( !this.options.toMain ){
			data.parentId = this.parentData.id ;
		}
		this.app.restActions.saveReply( data, function(json){
			if( callback )callback(json);
		}.bind(this));
	}
});

MWF.xApplication.ForumDocument.ReplyView = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexView,
	_createDocument: function(data, index){
		data.index = index;
		return  new MWF.xApplication.ForumDocument.ReplyDocument(this.viewNode, data, this.explorer, this, null, data.index );
	},
	_getCurrentPageData: function(callback, count, pageNum){
		this.clearBody();
		if(!count)count=10;
		if(!pageNum)pageNum = 1;
		if( pageNum == 1 ){
			this.app.subjectConainer.setStyle("display","block");
			if( this.app.satisfiedReplyViewConainer )this.app.satisfiedReplyViewConainer.setStyle("display","block");
		}else{
			this.app.subjectConainer.setStyle("display","none");
			if( this.app.satisfiedReplyViewConainer )this.app.satisfiedReplyViewConainer.setStyle("display","none");
		}
		//page, count,  filterData, success,failure, async
		//if( !this.page ){
		//	this.page = 1;
		//}else{
		//	this.page ++;
		//}
		//var id = (this.items.length) ? this.items[this.items.length-1].data.id : "(0)";
		var filter = this.filterData || {};
		this.actions.listReplyFilterPage( pageNum, count, filter, function(json){
			if( !json.data )json.data = [];
			if( !json.count )json.count=0;
			if( callback )callback(json);
		}.bind(this))
	},
	_removeDocument: function(documentData, all){
		this.actions.deleteReply( documentData.id, function(){
			this.reload();
			this.app.notice( this.lp.deleteReplySuccess, "ok")
		}.bind(this) )
	},
	_create: function(){

	},
	_queryCreateViewNode: function(){
	},
	_postCreateViewNode: function( viewNode ){
	},
	_queryCreateViewHead:function(){
	},
	_postCreateViewHead: function( headNode ){
	}

});

MWF.xApplication.ForumDocument.ReplyDocument = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
	mouseoverSubject : function(subjectNode, ev){
		//var removeNode = sectionNode.getElements("[styles='sectionRemoveNode']")[0];
		//if( removeNode )removeNode.setStyle("opacity",1)
	},
	mouseoutSubject : function(subjectNode, ev){
		//var removeNode = sectionNode.getElements("[styles='sectionRemoveNode']")[0];
		//if( removeNode )removeNode.setStyle("opacity",0)
	},
	getUserData : function( name, callback ){
		this.app.getUserData( name, callback );
	},
	_queryCreateDocumentNode:function( itemData ){
	},
	_postCreateDocumentNode: function( itemNode, itemData ){
		var userIcon = itemNode.getElements( "[item='userIcon']" )[0];
		var signatureContainer = itemNode.getElements("[item='signatureContainer']")[0];
		this.getUserData( itemData.creatorName, function(json ){
			userIcon.src = json.data.icon;
			if( json.data.signature && json.data.signature!="" ){
				var signatureNode = signatureContainer.getElements("[item='signature']")[0];
				signatureNode.set("text", json.data.signature )
			}else{
				signatureContainer.destroy();
			}
		}.bind(this) );

		this.actions.getUserInfor( {"userName":itemData.creatorName}, function( json ){
			var d = json.data;
			itemNode.getElements( "[item='subject']" )[0].set("text", d.subjectCount);
			itemNode.getElements( "[item='reply']" )[0].set("text", d.replyCount);
			itemNode.getElements( "[item='prime']" )[0].set("text", d.creamCount);
			itemNode.getElements( "[item='todaySubject']" )[0].set("text", d.subjectCountToday);
			itemNode.getElements( "[item='todayReply']" )[0].set("text", d.replyCountToday);
		}.bind(this));

		var contentNode = itemNode.getElement( "[item='content']");
		o2.require("o2.widget.ImageLazyLoader", function(){
			var loadder = new o2.widget.ImageLazyLoader(contentNode, this.data.content);
			loadder.load(function(){
				this.loadImageViewer(contentNode);
			}.bind(this))
		}.bind(this));



		if( itemData.parentId && itemData.parentId != "" ){
			var quoteContainer = itemNode.getElements( "[item='quoteContent']" )[0];
			this.actions.getReply( itemData.parentId, function( json ){
					var data = this.parentData =  json.data;
					var quoteContent = new Element("div", {  "styles" : this.css.itemQuote }).inject(quoteContainer);
					var content = quoteContent.set("html", data.content).get("text");
					quoteContent.empty();
					data.contentText = content;

					new Element( "div", {styles : this.css.quoteLeftBig} ).inject( quoteContent );

					var quoteArea = new Element( "div", {styles : this.css.quoteAreaBig } ).inject( quoteContent );
					var quoteInfor = new Element( "div", {
						styles : this.css.quoteInforBig,
						text : data.orderNumber + this.lp.floor + "：" + MWFForum.getReplyCreatorName(data) + this.lp.publishAt + data.createTime
					}).inject( quoteArea );
					quoteInfor.addEvent("click", function(){
						this.obj.app.gotoReply( this.index )
					}.bind({obj : this, index : data.orderNumber || (data.index + 2) }));
					new Element( "div", {
						styles : this.css.quoteTextBig,
						text :  content.length > 100 ? (content.substr(0, 100) + "...") : content
					}).inject( quoteArea );

					new Element( "div", {styles : this.css.quoteRightBig} ).inject( quoteContent );
				}.bind(this) , function( json ){
					new Element( "div" , {
						"styles" : this.css.replyBeinngDelete,
						"text" : this.lp.quoteReplyBeingDeleted
					}).inject(quoteContainer)
				}.bind(this)
			)
		}

	},
	loadImageViewer: function(node){
		o2.require("o2.widget.ImageViewer", function(){
			var imageViewer = new o2.widget.ImageViewer(node);
			imageViewer.load();
		}.bind(this))
	},
	sendMessage : function(itemNode, ev ){
		var self = this;
		if (layout.desktop.widgets["IMIMWidget"]) {
			var IM = layout.desktop.widgets["IMIMWidget"];
			IM.getOwner(function(){
				this.openChat(ev, {
					from : self.data.creatorName
				});
			}.bind(IM));
		}
	},
	createReply : function(itemNode, ev ){ // 对回复进行回复
		if( this.app.access.isAnonymousDynamic() ){
			this.app.openLoginForm( function(){ this.app.reload() }.bind(this) );
		}else{
			var form = new MWF.xApplication.ForumDocument.ReplyForm(this, {}, {
				toMain: false,
				onPostOk: function (id) {
					this.app.postCreateReply(id)
				}.bind(this)
			});
			this.data.contentText = this.node.getElements("[item='content']")[0].get("text");
			form.mainData = this.app.data;
			form.parentData = this.data;
			form.create()
		}
	},
	editReply : function(itemNode, ev ){	//编辑当前回复
		var form = new MWF.xApplication.ForumDocument.ReplyForm(this, this.data, {
			toMain : (this.data.parentId && this.data.parentId!="") ? false : true,
			onPostOk : function( id ){
				this.actions.getReply( id, function( json ){
					var content = this.node.getElements("[item='content']")[0];
					content.set( "html", json.data.content );
				}.bind(this))
			}.bind(this)
		});
		form.mainData = this.app.data;
		form.parentData = this.parentData;
		form.edit()
	},
	deleteReply : function( itemNode, ev ){
		var _self = this;
		this.app.confirm("warn", ev, this.lp.deleteReplyTitle, this.lp.deleteReplyText, 350, 120, function(){
			//_self.view._removeDocument(_self.data, false);
			_self.actions.deleteReply( _self.data.id, function(){
				if( MWFForum.getSystemConfigValue("BBS_REPLY_DELETETYPE").toLowerCase() === "recursively" ){
					_self.destroy();
					_self.app.adjustReplyCount( -1 );
					_self.view.reload();
					_self.app.notice( _self.lp.deleteReplySuccess, "ok")
				}else{
					_self.destroy();
					_self.app.adjustReplyCount( -1 );
					_self.app.notice( _self.lp.deleteReplySuccess, "ok")
				}
			}.bind(this) );
			this.close();
		}, function(){
			this.close();
		});
	},
	satisfiedAction : function(){
		this.actions.acceptReply({"id": this.data.id }, function(){
			this.app.notice( this.lp.acceptReplySuccess, "ok");
			this.app.reload();
		}.bind(this))
	}
});

MWF.xApplication.ForumDocument.SatisfiedReplyView = new Class({
	Extends: MWF.xApplication.ForumDocument.ReplyView,
	_createDocument: function (data, index) {
		data.index = index;
		return new MWF.xApplication.ForumDocument.SatisfiedReplyDocument(this.viewNode, data, this.explorer, this, null, data.index);
	},
	_getCurrentPageData: function(callback, count, pageNum){
		this.clearBody();
		if(!count)count=1;
		if(!pageNum)pageNum = 1;
		var filter = this.filterData || {};
		this.actions.getAcceptedReply( this.data.acceptReplyId, function(json){
			if( !json.data ){
				json.data = [];
			}else if( typeOf( json.data ) == "object" ){
				json.data = [ json.data ];
				json.count = 1;
			}
			if( !json.count )json.count=0;
			if( callback )callback(json);
		}.bind(this))
	}
});

MWF.xApplication.ForumDocument.SatisfiedReplyDocument = new Class({
	Extends: MWF.xApplication.ForumDocument.ReplyDocument
});

MWF.xApplication.ForumDocument.TopSettingForm = new Class({
	Extends: MPopupForm,
	Implements: [Options, Events],
	options: {
		"style": "default",
		"width": "420",
		"height": "250",
		"hasTop": true,
		"hasIcon": false,
		"hasTopIcon" : true,
		"hasTopContent" : true,
		"hasBottom": true,
		"title": MWF.xApplication.Forum.LP.topFormTitle,
		"draggable": true,
		"closeAction": true
	},
	createTopNode: function () {

		if (!this.formTopNode) {
			this.formTopNode = new Element("div.formTopNode", {
				"styles": this.css.formTopNode
			}).inject(this.formNode);

			if(this.options.hasTopIcon){
				this.formTopIconNode = new Element("div", {
					"styles": this.css.formTopIconNodeDocument
				}).inject(this.formTopNode)
			}

			this.formTopTextNode = new Element("div", {
				"styles": this.css.formTopTextNodeTopSetting,
				"text": this.options.title
			}).inject(this.formTopNode);

			if (this.options.closeAction) {
				this.formTopCloseActionNode = new Element("div", {"styles": this.css.formTopCloseActionNode}).inject(this.formTopNode);
				this.formTopCloseActionNode.addEvent("click", function () {
					this.close()
				}.bind(this))
			}
		}
	},
	_createTableContent: function () {
		var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='formTable'>" +
			"<tr>" +
			"   <td styles='formTableValue' style='font-size:14px;' lable='topType'></td>" +
				//"</tr><tr>" +
				//"   <td styles='formTableValue' item='topToBBS'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableValue' item='topToForum'></td>" +
			"</tr><tr>" +
			"   <td styles='formTableValue' item='topToSection'></td>" +
			"</tr>"+
			"</table>";
		this.formTableArea.set("html", html);

		this.topToBBS = this.data.topToBBS;
		this.topToForum = this.data.topToForum;
		this.topToSection = this.data.topToSection;
		MWF.xDesktop.requireApp("Template", "MForm", function () {
			this.form = new MForm(this.formTableArea, this.data, {
				style: "forum",
				isEdited: this.isEdited || this.isNew,
				itemTemplate: {
					topType : { text : this.lp.topType },
					//topToBBS: { type: "checkbox", selectValue : [true],  selectText : [this.lp.topToBBS] },
					topToForum: { type: "checkbox", selectValue : ["true"],  selectText : [this.lp.topToForum]},
					topToSection: { type: "checkbox", selectValue : ["true"],  selectText : [this.lp.topToSection] }
				}
			}, this.app, this.css);
			this.form.load();
		}.bind(this), true);
	},
	_createBottomContent: function () {
		if (this.isNew || this.isEdited) {
			this.okActionNode = new Element("div.formOkActionNode", {
				"styles": this.css.formOkActionNode,
				"text": this.app.lp.ok
			}).inject(this.formBottomNode);

			this.okActionNode.addEvent("click", function (e) {
				this.ok(e);
			}.bind(this));
		}

		this.cancelActionNode = new Element("div.formCancelActionNode", {
			"styles": this.css.formCancelActionNode,
			"text": this.app.lp.close
		}).inject(this.formBottomNode);

		this.cancelActionNode.addEvent("click", function (e) {
			this.cancel(e);
		}.bind(this));

	},
	ok: function (e) {
		this.fireEvent("queryOk");
		var data = this.form.getResult(true, ",", true, false, true);
		if (data) {
			var flag = true;
			//if( data.topToBBS === true || data.topToBBS === "true" ){
			//	this.actions.topToBBS( this.app.data.id , function( json ){
			//		if (json.type == "error") {
			//			this.app.notice(json.userMessage, "error");
			//			flag = false;
			//		}
			//	}, function(){
			//		flag = false;
			//	}, false )
			//}else if( this.topToBBS === true || this.topToBBS === "true" ){
			//	this.actions.cancelTopToBBS( this.app.data.id , function( json ){
			//		if (json.type == "error") {
			//			this.app.notice(json.userMessage, "error");
			//			flag = false;
			//		}
			//	}, function(){
			//		flag = false;
			//	}, false )
			//}
			if( data.topToForum === true || data.topToForum === "true" ){
				this.actions.topToForum( this.app.data.id , function( json ){
					if (json.type == "error") {
						this.app.notice(json.message, "error");
						flag = false;
					}
				}, function(){
					flag = false;
				}, false )
			}else if( this.topToForum === true || this.topToForum === "true" ){
				this.actions.cancelTopToForum( this.app.data.id , function( json ){
					if (json.type == "error") {
						this.app.notice(json.message, "error");
						flag = false;
					}
				}, function(){
					flag = false;
				}, false )
			}
			if( data.topToSection === true || data.topToSection === "true" ){
				this.actions.topToSection( this.app.data.id , function( json ){
					if (json.type == "error") {
						this.app.notice(json.message, "error");
						flag = false;
					}
				}, function(){
					flag = false;
				}, false )
			}else if( this.topToSection === true || this.topToSection === "true" ){
				this.actions.cancelTopToSection( this.app.data.id , function( json ){
					if (json.type == "error") {
						this.app.notice(json.message, "error");
						flag = false;
					}
				}, function(){
					flag = false;
				}, false )
			}
			if( flag ){
				if(this.formMaskNode)this.formMaskNode.destroy();
				this.formAreaNode.destroy();
				this.app.notice( this.app.lp.setTopSuccess );
				this.fireEvent("postOk");
			}else{
				this.app.notice( this.app.lp.setToFail , "error");
			}
		}
	}
});


MWF.xApplication.ForumDocument.EditorSettingForm = new Class({
	Extends: MWF.xApplication.ForumDocument.TopSettingForm,
	Implements: [Options, Events],
	options: {
		"style": "default",
		"width": "420",
		"height": "250",
		"hasTop": true,
		"hasIcon": false,
		"hasTopIcon" : true,
		"hasTopContent" : true,
		"hasBottom": true,
		"title": MWF.xApplication.Forum.LP.editPermissionFormTitle,
		"draggable": true,
		"closeAction": true
	},
	_createTableContent: function () {
		var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='formTable'>" +
			"<tr>" +
			"   <td styles='formTableValue' item='editorList'></td>" +
			"</tr>" +
			"</table>";
		this.formTableArea.set("html", html);

		MWF.xDesktop.requireApp("Template", "MForm", function () {
			this.form = new MForm(this.formTableArea, this.data, {
				style: "forum",
				isEdited: this.isEdited || this.isNew,
				itemTemplate: {
					editorList: { type: "org", style: {height:"100px"}, count: 0 }
				}
			}, this.app, this.css);
			this.form.load();
		}.bind(this), true);
	},
	ok: function (e) {
		this.fireEvent("queryOk");
		debugger;
		var data = this.form.getResult(true, ",", true, false, true);
		if (data) {
			var flag = true;
			this.data.editorList = data.editorList.split(",");
			o2.Actions.load("x_bbs_assemble_control").SubjectInfoManagerUserAction.save( this.data , function( json ){
				if (json.type == "error") {
					this.app.notice(json.message, "error");
					flag = false;
				}
			}, function(){
				flag = false;
			}, false )
			if( flag ){
				if(this.formMaskNode)this.formMaskNode.destroy();
				this.formAreaNode.destroy();
				this.app.notice( this.app.lp.setEditorSuccess );
				this.fireEvent("postOk");
			}else{
				this.app.notice( this.app.lp.setEditorFail , "error");
			}
		}
	}
});