MWF.xApplication.cms.FormDesigner.Module = MWF.xApplication.cms.FormDesigner.Module || {};
MWF.xDesktop.requireApp("process.FormDesigner", "Module.Actionbar", null, false);
MWF.require("MWF.widget.SimpleToolbar", null, false);
MWF.xApplication.cms.FormDesigner.Module.Actionbar = MWF.CMSFCActionbar = new Class({
	Extends: MWF.FCActionbar,
	options: {
		"style": "default",
		"propertyPath": "/x_component_cms_FormDesigner/Module/Actionbar/actionbar.html"
	},
	Implements : [MWF.CMSFCMI],
	initialize: function(form, options){
		this.setOptions(options);

		this.path = "/x_component_cms_FormDesigner/Module/Actionbar/";
		this.cssPath = "/x_component_cms_FormDesigner/Module/Actionbar/"+this.options.style+"/css.wcss";

		this._loadCss();
		this.moduleType = "component";
		this.moduleName = "actionbar";

		this.Node = null;
		this.form = form;
		this.container = null;
		this.containerNode = null;
		this.systemTools = [];
	},
	_createNode: function(callback){
		this.node = new Element("div", {
			"id": this.json.id,
			"MWFType": "actionbar",
			"styles": this.css.moduleNode,
			"events": {
				"selectstart": function(e){
					e.preventDefault();
				}
			}

		}).inject(this.form.node);
		if (this.form.options.mode == "Mobile"){
			this.node.set("text", MWF.APPFD.LP.notice.notUseModuleInMobile+"("+this.moduleName+")");
			this.node.setStyles({"height": "24px", "line-height": "24px", "background-color": "#999"});
		}else{
			this.toolbarNode = new Element("div").inject(this.node);

			this.toolbarWidget = new MWF.widget.SimpleToolbar(this.toolbarNode, {"style": this.json.style}, this);

			MWF.getJSON(this.path+"toolbars.json", function(json){
				this.setToolbars(json, this.toolbarNode);
				this.toolbarWidget.load();
				this._setEditStyle_custom( "hideSetPopularDocumentTool" );
			}.bind(this), false);
			//      if (this.json.sysTools.editTools){
			//          this.setToolbars(this.json.sysTools.editTools, this.toolbarNode);
			////          this.setToolbars(this.json.tools.editTools, this.toolbarNode);
			//      }else{
			//          this.setToolbars(this.json.sysTools, this.toolbarNode);
			////          this.setToolbars(this.json.tools, this.toolbarNode);
			//      }

//        this.resetIcons();

		}

	},
	_refreshActionbar: function(){
		if (this.form.options.mode == "Mobile"){
			this.node.set("text", MWF.APPFD.LP.notice.notUseModuleInMobile+"("+this.moduleName+")");
			this.node.setStyles({"height": "24px", "line-height": "24px", "background-color": "#999"});
		}else{
			this.toolbarNode = this.node.getFirst("div");
			this.toolbarNode.empty();
			this.toolbarWidget = new MWF.widget.SimpleToolbar(this.toolbarNode, {"style": this.json.style}, this);

			MWF.getJSON(this.path+"toolbars.json", function(json){
				//if( this.json.style == "xform_red_simple" ){
				//	json.each( function( j ){
				//		var names = j.img.split(".");
				//		j.img = names[0] + "_red." + names[1];
				//	});
				//}
				this.setToolbars(json, this.toolbarNode);
				this.toolbarWidget.load();
				this._setEditStyle_custom( "hideSetPopularDocumentTool" );
			}.bind(this), false);

			//   if (this.json.sysTools.editTools){
			//       this.setToolbars(this.json.sysTools.editTools, this.toolbarNode);
			////       this.setToolbars(this.json.tools.editTools, this.toolbarNode);
			//   }else{
			//       this.setToolbars(this.json.sysTools, this.toolbarNode);
			////       this.setToolbars(this.json.tools, this.toolbarNode);
			//   }

		}

	},
	setToolbars: function(tools, node){
		tools.each(function(tool){
			var actionNode = new Element("div", {
				"MWFnodetype": tool.type,
				"MWFButtonImage": this.path+""+this.options.style +"/tools/"+ (this.json.style || "default") +"/"+tool.img,
				"MWFButtonImageOver": this.path+""+this.options.style+"/tools/"+ (this.json.style || "default") +"/"+tool.img_over,
				"title": tool.title,
				"MWFButtonAction": tool.action,
				"MWFButtonText": tool.text
			}).inject(node);
			this.systemTools.push(actionNode);
			if (tool.sub){
				var subNode = node.getLast();
				this.setToolbars(tool.sub, subNode);
			}
		}.bind(this));
	},
	_setEditStyle_custom: function(name){
		if (name=="hideSetPopularDocumentTool"){
			if (this.json.hideSetPopularDocumentTool){
				this.systemTools.each(function(tool){
					if( tool.get("MWFButtonAction") == "setPopularDocument" ){
						tool.setStyle("display", "none");
					}
				});
			}else{
				this.systemTools.each(function(tool){
					if( tool.get("MWFButtonAction") == "setPopularDocument" ){
						tool.setStyle("display", "block");
					}
				});
			}
		}
	}
});