MWF.xApplication.process.FormDesigner.Module = MWF.xApplication.process.FormDesigner.Module || {};
MWF.xDesktop.requireApp("process.FormDesigner", "Module.$Element", null, false);
MWF.xApplication.process.FormDesigner.Module.Image = MWF.FCImage = new Class({
	Extends: MWF.FC$Element,
	Implements: [Options, Events],
	options: {
		"style": "default",
		"propertyPath": "../x_component_process_FormDesigner/Module/Image/image.html"
	},
	
	initialize: function(form, options){
		this.setOptions(options);
		
		this.path = "../x_component_process_FormDesigner/Module/Image/";
		this.cssPath = "../x_component_process_FormDesigner/Module/Image/"+this.options.style+"/css.wcss";

		this._loadCss();
		this.moduleType = "element";
		this.moduleName = "image";
		
		this.form = form;
		this.container = null;
		this.containerNode = null;
	},
	
	_createMoveNode: function(){
		this.moveNode = new Element("img", {
			"MWFType": "image",
			"id": this.json.id,
			"src": this.json.src || this.path+this.options.style+"/icon/image1.png",
			"styles": this.css.moduleNodeMove,
			"events": {
				"selectstart": function(){
					return false;
				}
			}
		}).inject(this.form.container);
	},
	
	_getCopyNode: function(){
		if (!this.copyNode) this._createCopyNode();
		this.copyNode.setStyle("display", "inline-block");
		return this.copyNode;
	},
	
	_setEditStyle_custom: function(name){
		if (name=="src"){
			if (this.json.src){
                var src = this.json.src.imageSrc;
				this.node.src = src;
                this.setPropertiesOrStyles("styles");
			}else{
                if (this.json.properties.src) {
                    this._setEditStyle_custom("properties");
                }else if( this.json.srcfile ){
			        this._setEditStyle_custom("srcfile");
                }else{
                    this.node.set("src", this.path +this.options.style+"/icon/image1.png");
                }
			}
		}
		if (name=="srcfile"){
            var value = this.json.srcfile;
            if (value==="none"){
                this.json.srcfile = "";
                value = "";
            }
            if (value){
                if (typeOf(value)==="object"){
                    var url = MWF.xDesktop.getProcessFileUr(value.id, value.application);
                    try{
                        this.node.set("src", url);
                    }catch(e){}
                }else{
                    var host = MWF.Actions.getHost("x_processplatform_assemble_surface");
                    var action = MWF.Actions.get("x_processplatform_assemble_surface");
                    var uri = action.action.actions.readFile.uri;
                    uri = uri.replace("{flag}", value);
                    uri = uri.replace("{applicationFlag}", this.form.json.application);
                    value = host+"/x_processplatform_assemble_surface"+uri;

                    try{
                        this.node.set("src", value);
                    }catch(e){}
				}
            }else{
                if (this.json.properties.src) {
                    this._setEditStyle_custom("properties");
                }else if (this.json.src){
                    this._setEditStyle_custom("src");
                }else{
                    this.node.set("src", this.path +this.options.style+"/icon/image1.png");
                }
            }
		}
		if (name=="properties"){
			this._setNodeProperty();
		}
	},
    _setNodeProperty: function(){
        if (this.form.moduleList.indexOf(this)==-1) this.form.moduleList.push(this);
        if (this.form.moduleNodeList.indexOf(this.node)==-1) this.form.moduleNodeList.push(this.node);
        if (this.form.moduleElementNodeList.indexOf(this.node)==-1) this.form.moduleElementNodeList.push(this.node);
        this.node.store("module", this);

        if (typeOf(this.json.src)==="object"){
            var src = MWF.xDesktop.getImageSrc( this.json.src.imageId );
            this.node.set("src", src);
        }
		if (this.json.properties && this.json.properties["src"]){
            var value = this.json.properties["src"];
            if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1 || value.indexOf("x_cms_assemble_control")!=-1)){
                var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
                var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
                var host3 = MWF.Actions.getHost("x_cms_assemble_control");
                if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
                    value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
                }else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
                    value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
                }
                if (value.indexOf("/x_portal_assemble_surface")!==-1){
                    value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
                }else if (value.indexOf("x_portal_assemble_surface")!==-1){
                    value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
                }
                if (value.indexOf("/x_cms_assemble_control")!==-1){
                    value = value.replace("/x_cms_assemble_control", host2+"/x_cms_assemble_control");
                }else if (value.indexOf("x_cms_assemble_control")!==-1){
                    value = value.replace("x_cms_assemble_control", host2+"/x_cms_assemble_control");
                }
                value = o2.filterUrl(value);
            }
            if (value){
                this.node.set("src", value);
			}else{
                if (this.json.srcfile && this.json.srcfile!="none") {
                    this._setEditStyle_custom("srcfile");
                }else if (this.json.src){
                    this._setEditStyle_custom("src");
                }else{
                    this.node.set("src", this.path +this.options.style+"/icon/image1.png");
                }
			}
		}else{
            if (this.json.srcfile && this.json.srcfile!="none") {
                this._setEditStyle_custom("srcfile");
            }else if (this.json.src){
                this._setEditStyle_custom("src");
            }else{
                this.node.set("src", this.path +this.options.style+"/icon/image1.png");
            }
		}

	}

	
});