var FileUploader = Class.create({
initialize: function(element) {
	this.root=$(element);
	this.ID_=element;

//	this.IFrame=$('FRAME_'+element);
	this.file=$('FI_'+element);
	this.multiple_ = !!this.file.getAttributeNode("multiple");
	this.buttClear=$('CLEAR_'+element);
	this.fakeInput=$('FAKE_'+element);
	this.fakeButton=$('SELECT_'+element);
	this.isFileRef=(this.root.getAttribute("fileref")=="true");

	if(this.fakeInput && this.fakeButton) {
		var m=new Element('div', {style: 'position: absolute; left: -2000px; top: -2000px; width: 1000px; height: 1000px; visibility: hidden;'});
		var n=$(element).cloneNode(true);
		var all=$(n).descendants();
		var pr='CLONE'+Math.uuid();
		for (var i=0; i<all.length; ++i) {
			var e=all[i];
			var id=e.getAttribute('id');
			if (!id) continue;
			e.setAttribute('id', pr+id);
		}
		m.appendChild(n);
		document.body.appendChild(m);
		var fB=$(pr+'SELECT_'+element);
		var fI=$(pr+'FAKE_'+element);
		var fbOffset=getAbsoluteOffset(fB, 'offsetLeft');
		var fiOffset=getAbsoluteOffset(fI, 'offsetLeft');
		var padding=parseInt(fI.getStyle('padding-left'), 10)+parseInt(fI.getStyle('padding-right'), 10);
		var border=parseInt(fI.getStyle('border-left-width'), 10)+parseInt(fI.getStyle('border-right-width'), 10);
		var width=Math.max(fbOffset-fiOffset-padding-border, 0);
		document.body.removeChild(m);
		this.fakeInput.setStyle({width: width+'px'});
	}

	this.root.JSControl=this;
	this.file.observe('change', this.FileSelected.bind(this));
	if(this.fakeButton) {
		this.file.observe('focus', this.Focus.bind(this, this.fakeButton));
		this.file.observe('blur', this.Blur.bind(this, this.fakeButton));
		this.file.observe('mouseover', this.Focus.bind(this, this.fakeButton));
		this.file.observe('mouseout', this.Blur.bind(this, this.fakeButton));
	}
	if(this.buttClear) {
		this.buttClear.observe('focus', this.Focus.bind(this, this.buttClear));
		this.buttClear.observe('blur', this.Blur.bind(this, this.buttClear));
		this.buttClear.observe('mouseover', this.Focus.bind(this, this.buttClear));
		this.buttClear.observe('mouseout', this.Blur.bind(this, this.buttClear));
	}
	if(this.buttClear) this.buttClear.observe('click', this.Clear.bind(this));
},

Focus: function(button, evt) {
	if(button) button.addClassName('FocusedButton');
},

Blur: function(button, evt) {
	if(button) button.removeClassName('FocusedButton');
},

FileSelected: function(evt) {
	this.base64 = undefined;
	this.filename = this.multiple_ && typeof this.file.files !== "undefined" ?//
		$A(this.file.files).collect(function(file){ return file["name"] || file["fileName"]; }).join(", ") ://
		this.file.value.replace(/.*\//, "").replace(/.*\\/, "");
	if(this.fakeInput) this.fakeInput.value=this.filename;
	if(this.filename) {
		// undefined means that file is selected, but still not transfered to server side
		this.sFileID=undefined;
	}
	else {
		// null is not an undefined!!! null means that there is no file selected
		this.sFileID=null;
	}
	new AEvent("CHANGE", {}, this);
},

SetTabOrder: function(nTabBase) {
//	this.root.tabIndex=nTabBase++;
  this.file.tabIndex=nTabBase++;
	if(this.buttClear) this.buttClear.tabIndex=nTabBase++;
  return nTabBase;
},

SendBase64Data: function(filename, base64) {
	this.filename = filename;
	this.fakeInput.value = filename;
	this.sFileID=undefined;
	this.base64= base64;

	new AEvent("CHANGE", {}, this);
},

formSubmit: function() {
	if( this.file.readAttribute("nocontent")=="yes" ||
		  this.file.readAttribute("nocontent")=="true" ) {
		this.base64="";
	}
	if (this.base64 === undefined) {
		ActiveFileUploaders[this.ID()]=true;
		this.root.submit();
		return;
	}

	try {
		new AjaxRequest("POSTMULTIPART", "/srv/system/BlobStore/AddBlob", [{
			'Content-Disposition': 'form-data; name="FI_' + this.ID_ + '"; filename="' + this.filename + '"',
			'Content-Transfer-Encoding': 'base64',
			data: this.base64
		}, {
			'Content-Disposition': 'form-data; name="externalId"',
			data: this.ID_
		}], {
			onSuccess: function(r) {
				var scr = r.XML().xml
					.replace(/^.*onload="/, '')
					.replace(/"[^"]*$/, '')
					.replace('parent.', '');

				eval(scr);
			}
		});
	}
	catch (e) {
		window.alert (e.message);
	}


},

SubscribeOnValue: function(fCallback) {
LogL("Subscribe on file "+this.filename);
	if (this.sFileID !== undefined) {
		fCallback();
		return;
	}

	if (!this.filename) {
		this.sFileID=null;
		fCallback();
		return;
	}

	this.fOnReadyCallback=fCallback;
	this.formSubmit();
},

Clear: function() {
	var changed=true;
	if(this.sFileID==null && !this.filename) changed=false;
	this.sFileID=null; // null is not an undefined!!! null means that there will be NO file
	this.file.stopObserving('change');
	$(this.file.parentNode).update(this.file.parentNode.innerHTML);
	this.fakeButton=$('SELECT_'+this.ID());
//	this.file=this.root.select('INPUT#FI_'+this.ID())[0];

	this.file=$('FI_'+this.ID());
	this.file.observe('change', this.FileSelected.bind(this));
	if(this.fakeButton) {
		this.file.observe('focus', this.Focus.bind(this, this.fakeButton));
		this.file.observe('blur', this.Blur.bind(this, this.fakeButton));
		this.file.observe('mouseover', this.Focus.bind(this, this.fakeButton));
		this.file.observe('mouseout', this.Blur.bind(this, this.fakeButton));
	}
	this.filename = null;
	this.base64 = null;
	if(this.fakeInput) {
		if(this.filename) this.fakeInput.value=this.filename;
		else this.fakeInput.value="";
	}
	if(changed) new AEvent("CHANGE", {}, this);
},

SetValue: function(value) {
	if(value.IsNull && value.IsNull()) {
// 		this.sFileID=null; // null is not an undefined!!! null means that there will be NO file
		this.sFileID = this.multiple_ ? [] : null;
		this.fOnReadyCallback=undefined;
		this.file.stopObserving('change');
		$(this.file.parentNode).update(this.file.parentNode.innerHTML);
		this.fakeButton=$('SELECT_'+this.ID());
		
		this.file=$('FI_'+this.ID());
		this.file.observe('change', this.FileSelected.bind(this));
		if(this.fakeButton) {
			this.file.observe('focus', this.Focus.bind(this, this.fakeButton));
			this.file.observe('blur', this.Blur.bind(this, this.fakeButton));
			this.file.observe('mouseover', this.Focus.bind(this, this.fakeButton));
			this.file.observe('mouseout', this.Blur.bind(this, this.fakeButton));
		}
		this.filename = null;
		this.base64 = null;
		if(this.fakeInput) this.fakeInput.value="";
		
		return;
	}
	this.sFileID = this.multiple_ ? (Object.isArray(value) ? value : [value.toString()]) : value.toString();
	if(this.sFileID && this.fOnReadyCallback) {
		this.fOnReadyCallback();
		this.fOnReadyCallback=undefined;
	}
},

Value: function() {
	if (this.multiple_) return $A(this.sFileID).collect(function(fileref){ return new BlobRef(fileref.toString(), this.isFileRef); });
	if(this.sFileID===undefined && this.filename) return new BlobRef(" ", this.isFileRef);
	return new BlobRef(this.sFileID, this.isFileRef);
},

ID: function() {
	return this.ID_;
}
});

var ActiveFileUploaders={};

function SetElementValue(id, fileID) {
	if(id) { 
		var fileUploader=$(id).JSControl;
		fileUploader.SetValue(fileID);
		delete ActiveFileUploaders[id];
	}
	else {
		for(var i in ActiveFileUploaders) {
			var fu=$(i).JSControl;
			fu.fOnReadyCallback(true);
			fu.fOnReadyCallback=undefined;
			delete ActiveFileUploaders[i];
		}
		alert(fileID);
	}
}

//============================= DownloadButton =============================
var DownloadButton = Class.create(SimpleButton, {
initialize: function($super, element) {
	$super(element);
	this.iframe=$(element+"_iframe");
	this.src=this.elControl.readAttribute('src');
	// 'defer' attribute behaves strange in HTML (at least under Chrome, so we use other name) // mvel@
	this.bDeferred=(this.elControl.readAttribute('et-defer')=='yes');
},

OnClick: function(evt) {
	if (!this.bDeferred) {
		this.updateIFrame();
	} else {
		this.bClicked = true;
	}
	evt.stop();
	new AEvent("CLICK", {}, this);
},

Attribute: function(sName) {
	return this.elControl.readAttribute(sName);
},

SetAttribute: function(sName, sValue) {
	var c=this.elControl;
	if (sName=='visibility') {
		this.visibility=sValue;
		this.setVisibility(sValue);
	}
	// 'disabled' support left for backward compatibility. TODO: remove in Effi-1.8.x version
	else if (sName=='disabled') {
		var vis=(sValue=='yes' || sValue=='disabled') ? 'vo' : 'yes';
		this.visibility=vis;
		this.setVisibility(vis);
	}
	else if (sName=='src') {
		c.writeAttribute(sName, sValue);
		this.src = sValue;
		// update attribute, then process click if necessary
		if (this.bClicked) {
			this.bClicked = false;
			this.updateIFrame();
		}
	}
	else this.elControl.writeAttribute(sName, sValue);
},

updateIFrame: function() {
	var newIFrame=new Element('iframe', {
		id: this.ID_+'download', name: 'download',
		height: 0, width: 0,
		style: 'position: absolute; top: -1000px; left:-1000px',
		src: this.src,
		onload: 'this.OnLoad()',
		tabindex: -1
	});
	newIFrame.OnLoad=function() {
		var ele = this.contentDocument.documentElement;
		if(ele && ele.textContent) alert("Error: "+ele.textContent);
		else if(ele && ele.outerText) alert("Error: "+ele.outerText);
		
	};
	this.iframe.update(newIFrame);
}
});


/********************* FileDownloader *********************/
var FileDownloader = Class.create({
	initialize: function(cont){
		this.cont_ = cont || document.body;
	},
	Download: function(url){
		if (typeof url == "undefined" || String(url).length == 0) return;
		var iframe = new Element("iframe", { "src": url, "height": 0, "width": 0,
				"style": 'position: absolute; top: -1000px; left:-1000px', "tabindex": -1});
		iframe.onload = function(){ /*iframe.parentNode.removeChild(iframe);*/ }
		if(!this.cont_) this.cont_=document.body;
		this.cont_.appendChild(iframe);
	}
});

var GFileDownloader = new FileDownloader();

var FILEEventListener = Class.create({
	initialize: function(element){
		var elem = $(element);
		var cont = null;
		if (elem){
			Element.setStyle(elem, {"display": "none"});
			elem.JSControl = this;
			cont = ["INPUT", "IMG"].indexOf(elem.tagName) === -1 ? elem : elem.parentNode;
		}
		SubscribeOnEvent("FILE", "document", this.onFILE, this);
		this.downloader = new FileDownloader(cont);
	},
	onFILE: function(aevent){
		var data = aevent.Data();
		var url = data["src"];
		this.downloader.Download(url);
	}
});