// JavaScript Document
Choquin.Control = {
	options:{
		captionTag: 'span' //este setting se puede cambiar por def, para mejor contenido semántico. 
	}
};

Choquin.Control.Base = Choquin.EventDispatcher.extend({
	constructor: function(element,options){
		this.id = String.randomString(20);

		this.constructor.controls = this.constructor.controls || [];
		this.constructor.controls.push(this);  /// guarda una lista de todos los controles creados en cada clase


		this.history = [];
		this.controls = this.controls||[];
		this.options = Object.extend(this.options||{},options||{});
		if(!element) element = new Element('div'); /// se puede crear un control de la nada, luego habrá que colgarlo en algún lugar.
		var _element = element;
		element = $(element);
		this.element = element;
		if(this.element){
			this.element.handler = this;
			this._container = $(this.element.identify()+'_container');
			this.create();
			this._setAttributes();		
			this._label = $('label_'+this.element.identify());
			if(this.options.onblur) this.element.observe('blur',Choquin.eval.bind(this.element,this.options.onblur));
		};
		
		//a continuacion codigo neuvo potencialmente danger..
		this.controls.each(function(control){
			if(!control.handler) control.handler = this;
		},this);
		//this._removeAutocomplete.bind(this).defer();
	},
	
	onvalidate: function(element,options){
		if (this.container()) 
			this.container() [ element.error ? 'addClassName' : 'removeClassName' ] (options.cssClassError || 'error');
	},
		
	_setAttributes: function(element){
		element = element || this.element;
		if(this.options.onvalidate) element.onvalidate = this.options.onvalidate;
		if(this.options.autocomplete) element.setAttribute("autocomplete","off");
	},

	_getCaptionTag: function(){
		return this.options.captionTag || Choquin.Control.options.captionTag;
	},
	
	create: function(){
		//throw new Error('you must override Choquin.Control.Base.create()');
		this._container = $(this.element.identify()+'_container');
		if(this._container && this.element.readAttribute('class')) this._container.addClassName(this.element.readAttribute('class'));

		if(this._container) this._caption = this._container.select('.caption')[0];
		if(!this._caption && this.options.caption){
			this._caption = new Element(this._getCaptionTag(),{'class':'caption'}).update(this.options.caption);
			this._container.insert(this._caption);
			this.controls.push(this.controls.caption = this._caption);
		}
		
		this.element.observe('focus',this._onfocus);
		this.element.observe('blur',this._onblur);
		this.element.observe('keydown',this._onkeydown.bindAsEventListener(this).delayedCurry(.1));

		this._checkForEmtpyness.bind(this).delay(.1);

	},

	_checkForEmtpyness: function(){
		if(!this.container() || !this.element.getValue) return;
		this.container()[this.element.getValue()?'removeClassName':'addClassName']('empty');
	},

	_onkeydown: (function(){
		this._checkForEmtpyness();
	}),
	
	_onfocus: function(evt){
		var handler = evt.element().handler;
		handler._hasFocus = true;
		handler.container() && handler.container().addClassName('focus');
		//Element.addClassName.delay(handler.options.focusdelay||.01,handler.container(),'focus');
	},

	_onblur: function(evt){
		var handler = evt.element().handler;
		handler._hasFocus = false;
		evt.element().fire('control:blur');
		handler.container() && handler.container().removeClassName('focus');
		//Element.removeClassName.delay(handler.options.blurdelay||.01,handler.container(),'focus');
	},
	
	hasFocus: function(){
		return this._hasFocus;
	},


	setValue:function(value,prevent_callbacks,dontSaveToHistory){
		if(!dontSaveToHistory) this.saveToHistory();
		this.value = value;
		if(!prevent_callbacks) this.fire('control:change',this);
	},

	saveToHistory: function(){
		//this.history = this.history || [];
		this.history.push(this.value);
		//this.lastValue = this.value;
	},
	
	undo: function(prevent_callbacks){
		//this.history = this.history || [];
		this.setValue(this.history.pop(),prevent_callbacks,true);
		//this.setValue(this.lastValue,prevent_callbacks,true);
	},

	
	valueOf: function(){return this.element},
	
	toString: function(){
		return '[control Choquin.Control]';
	},
	
	container: function(){
		return $(this._container);
	},

	label: function(){
		return $(this._label);
	},


	caption: function(){
		return this._caption;
	},
	
	setId: function(newId){
		this.element.id = newId;
		this.container().id = this.element.id+'_container';
	},
	
	_removeAutocomplete: function(){
		var defaultValue = this.element.readAttribute('value');
		if(defaultValue=="") this.element.setValue("");
	},

	_createControls: function(control_options_array){
		var result = [];
		control_options_array.each(function(control_options){		
			var newControl = this.container().select(control_options.tagName+'.'+control_options.cssClass)[0];
			if(!newControl) {
				newControl = this._createControl(control_options);
			}
			this.controls[control_options.controlName] = newControl;
			this.controls.push(newControl);
			result.push(newControl);
		},this);
		return result;
	},

	_createControl: function(control_options){
		var elementOptions = Object.withoutKeys(control_options,['tagName','controlName']);
		if(control_options.tagName!='input') delete elementOptions.value;
		newControl = new Element(control_options.tagName,elementOptions);
		if(control_options.tagName!='input') newControl.update(control_options.value);
		return newControl;
	}

});


Choquin.Control.Checkbox = Choquin.Control.Base.extend({
	constructor: function(element,options){
		this.base.apply(this,$A(arguments));
		this.element.observe('change',this._onchange);
		this._setCheckedClassName.bind(this).defer();
	},

	create: function(){
		this.base();

		this.controls.alternate = this.container().select('input.alternate')[0];;
		if(!this.controls.alternate){
			this.controls.alternate = new Element('input',{
				name:		this.element.readAttribute('name'),
				id:			this.element.readAttribute('id')+'_alternate',
				type:		'hidden',
				'class':	'alternate'
			});
			this.container().insert(this.controls.alternate);
		}

		this.controls.push(this.controls.alternate);

	},	
	
	_onchange: function(event){
		var element = event.element();
		element.handler._setCheckedClassName();
	},
	
	_setCheckedClassName: function(){
		this.container()[this.element.checked?'addClassName':'removeClassName']('checked');
		if(!this.element.checked) this.container().insert(this.controls.alternate);
		else this.controls.alternate.remove();
	}
});




/**
////////////////////////////////////////////////////////////
Choquin.Control.File es para la suba de archivos
*/

Choquin.Control.File = Choquin.Control.Base.extend({
	constructor: function(element,options){
		this.base(element,options);

		if(this.filename) this.revert();
		else this.newFile();
	},

	create: function(){
		this.base();
		
		if(!this.container()){
			this._container = new Element('div',{id:this.element.identify()+'_container',className:'choquinControlContainer choquinControlFileContainer'});
			this.container().setParentNode(this.element.parentNode)
			this.container().insert(this.element);
		}

		this.controls.fileinput = $(this.element);
		if(this.controls.fileinput.type!='file'){
			this.controls.fileinput = new Element('input',{name:this.options.name || this.controls.fileinput.readAttribute('name'),id:this.controls.fileinput.readAttribute('id'), type:'file'});
			this.container().insert(this.controls.fileinput);
		}

		this.controls.push(this.controls.fileinput);
		$(this.controls.fileinput).observe('change',this.changeFile.bindAsEventListener(this));
		
		this.filename = this.controls.fileinput.readAttribute("value")||this.options.value||"";



		var control_options_array = [
			{
				controlName:	'filenamecontent',
				'className':	'filenamecontent',
				tagName:		'span',
				value:			this.filename
			}
			,
			{
				controlName:	'filepathlink',
				'className':	'filepathlink',
				target:			this.options.target || '_blank',
				tagName:		'a'
			}
			,
			{
				controlName:	'deleted',
				tagName:		'input',
				type:			'text',
				name:			this.controls.fileinput.readAttribute('name'),
				className:		'deleted',
				readonly:		true,
				value:			'deleted'

			}
			,
			{
				controlName:	'trash',
				tagName:		'input',
				type:			'button',
				className:		'delete',
				value:			'delete'

			}			
			,
			{
				controlName:	'newFile',
				tagName:		'input',
				type:			'button',
				className:		'new',
				value:			'new'
			}			
			,
			{
				controlName:	'revert',
				tagName:		'input',
				type:			'button',
				className:		'revert',
				value:			'revert'

			}			

		];
		
		var createdControls = this._createControls(control_options_array);
		createdControls.invoke('setParentNode',this.container());
		
		this.controls.dummy = this._createControl(
			{
				controlName:	'dummy',
				tagName:		'input',
				type:			'hidden',
				id:				this.controls.fileinput.readAttribute('id'),
				name:			this.controls.fileinput.readAttribute('name'),
				className:		'dummy',
				readonly:		true,
				value:			''

			}
		);
		this.controls.push(this.controls.dummy);
		//console.debug(this.controls.filenamecontent);

		
		////// this.controls.filenamecontent	
		//this.controls.filenamecontent = this.container().select('span.filename')[0];
		//if(!this.controls.filenamecontent) this.controls.filenamecontent = new Element('span',{className:'filename'}).update(this.filename);		
		//ESTO NO VA!: this.controls.push(this.controls.filenamecontent);

		////// this.controls.filename
		this.controls.filepathlink.insert(this.controls.filenamecontent);
		this.setFilepath(this.options.filepath || this.filename);

		///// this.controls.dummy
/*		this.controls.push (
			this.controls.dummy = this.container().select('input.dummy')[0] || new Element("input",{type:"hidden",id:this.controls.fileinput.readAttribute('id'), name:this.controls.fileinput.readAttribute('name'),value:'',readonly:true,className:"dummy"})
		);
*/

		///// this.controls.trash
		/*this.controls.push (
			this.controls.trash = this.container().select('input.delete')[0] || new Element("input",{type:"button",value:"delete",className:"delete"})
		);*/
		this.controls.trash.onclick = this.deleteFile.bind(this);

		///// this.controls.newFile		
		/*this.controls.push (
			this.controls.newFile = this.container().select('input.new')[0] || new Element("input",{type:"button",value:"new",className:"new"})
		);*/
		this.controls.newFile.onclick = this.newFile.bind(this);

		///// this.controls.revert
/*		this.controls.push (
			this.controls.revert = this.container().select('input.revert')[0] || new Element("input",{type:"button",value:"revert",className:"revert"})
		);*/
		this.controls.revert.onclick = this.revert.bind(this);
	},

	setValue: function(newValue){
		this.base(newValue);
		this.filename = newValue;
		this.controls.filenamecontent.update(this.filename);
		this.revert();
	},

	setFilepath: function(filename){
		this.controls.filepathlink.href = filename;
	},	
	
	changeFile:function(){
		this._showTrash();
		//this.controls.trash.show();
	},
	
	_showTrash:function(){
		if(!this.controls.trash.hasParentNode()) this.container().insert(this.controls.trash);
		if(this._caption) this.container().insert(this._caption);
		return this.controls.trash.show();
	},
	
	_showRevert:function(){
		if(!this.controls.revert.hasParentNode()) this.container().insert(this.controls.revert);
		if(this._caption) this.container().insert(this._caption);
		return this.controls.revert.show();		
	},
	
	_showDeleted: function(){
		if(!this.controls.deleted.hasParentNode()) this.container().insert(this.controls.deleted);
		if(this._caption) this.container().insert(this._caption);
		return this.controls.deleted.show();		
	},
	
	_showNewFile: function(){
		if(!this.controls.newFile.hasParentNode()) this.container().insert(this.controls.newFile);
		if(this._caption) this.container().insert(this._caption);
		return this.controls.newFile.show();		
	},
	
	_showFilename: function(){
		if(!this.controls.filepathlink.hasParentNode()) this.container().insert(this.controls.filepathlink);
		if(!this.controls.dummy.hasParentNode()) this.container().insert(this.controls.dummy);
		if(this._caption) this.container().insert(this._caption);
		return this.controls.filepathlink.show();		
	},
	
	_showFileinput: function(){
		if(!this.controls.fileinput.hasParentNode()) this.container().insert(this.controls.fileinput);
		if(this._caption) this.container().insert(this._caption);
		return this.controls.fileinput.show();		
	},

	_isControlRemovable: function(control){
		return (![this.controls.filenamecontent,this._caption].include(control));
	},
	
	_removeAll: function(){
		this.controls.each(function(control){
			if(this._isControlRemovable(control)) control.removeFromParent();
		},this);
		//this.controls.without(this._caption).invoke('removeFromParent');
	},
	
	deleteFile: function(){
		/*this.controls.fileinput = this.controls.fileinput.setType('hidden'); //setType may return a new node...
		this.controls.fileinput.value="delete";
		this.controls.filename.setValue("deleted").show();
		this.controls.trash.hide();
		if(!this.filename.blank()) this.controls.revert.show();
		this.controls.newFile.show();
		*/
		if(!this.filename) {
			this.controls.fileinput.setValue('');
			this.controls.trash.removeFromParent();
		}
		else {
			this._removeAll();
			this._showDeleted();
			this._showRevert();
		}

		this.fire("choquin.control:delete");
		this._setAttributes();
	},
	
	revert: function(){
		/*this.controls.fileinput = this.controls.fileinput.setType('hidden');//setType may return a new node...
		this.controls.fileinput.value="";
		this.controls.filename.setValue(this.filename).show();
		this.controls.revert.hide();
		this.controls.trash.show();
		this.controls.newFile.show();*/
		this._removeAll();
		if(this.filename){
			this._showFilename();//.setValue(this.filename);
			this._showNewFile();
		} else this._showFileinput();
		this._showTrash();
		this.fire("choquin.control:revert");
		this._setAttributes();
	},
	
	newFile: function(){
		/*this.controls.fileinput = $(this.controls.fileinput).setType("file");//setType may return a new node...
		this.controls.trash[this.controls.fileinput.value?'show':'hide']();
		this.controls.newFile.hide();
		this.controls.revert.showhide(!this.filename.blank());
		this.controls.filename.hide();*/
		this._removeAll();
		this._showFileinput();
		if(this.controls.fileinput.value) this._showTrash();
		if(!this.filename.blank()) this._showRevert();
		this.fire("choquin.control:newFile");
		this._setAttributes();
	}
},{
	init: function(){
	/*	console.debug("init");
		document.observe("dom:loaded ", function() {
			console.debug("content loaded");										   
		})*/
	}
});


Choquin.Control.File.Legacy = Choquin.Control.Base.extend({
	constructor: function(element,options){
		this.base(element,options);

		if(this.filename) this.revert();
		else this.newFile();
	},

	_setAttributes:function(){
		this.base(this.controls.fileinput);
	},

	create: function(){
		this.element.addClassName('choquinControlContainer choquin_controlFile');

		this.controls.fileinput = $(this.element.identify().trimFromLast('_container'));
		if(!this.controls.fileinput) {
			this.element.insert(this.controls.fileinput = new Element('input',{type:'file',name:this.options.name,id:this.options.id,className:'input'}));	
		}
		$(this.controls.fileinput).observe('change',this.changeFile.bindAsEventListener(this));
		
		this.filename = this.controls.fileinput.readAttribute("value")||this.options.value||"";

		this.controls.push (this.controls.filename = new Element("input",{type:"text",value:this.filename,disabled:true,className:"filename"}));
		this.element.insert(this.controls.filename);

		this.controls.push (this.controls.trash = new Element("input",{type:"button",value:"delete",className:"delete"}));
		this.controls.filename.insert({after:this.controls.trash});
		this.controls.trash.onclick = this.deleteFile.bind(this);
		
		this.controls.push (this.controls.newFile = new Element("input",{type:"button",value:"new",className:"new"}));
		this.controls.trash.insert({after:this.controls.newFile});
		this.controls.newFile.onclick = this.newFile.bind(this);

		this.controls.push (this.controls.revert = new Element("input",{type:"button",value:"revert",className:"revert"}));
		this.controls.newFile.insert({after:this.controls.revert});
		this.controls.revert.onclick = this.revert.bind(this);
	},
	
	changeFile:function(){
		this.controls.trash.show();
	},
	
	deleteFile: function(){
		this.controls.fileinput = this.controls.fileinput.setType('hidden'); //setType may return a new node...
		this.controls.fileinput.value="delete";
		this.controls.filename.setValue("deleted").show();
		this.controls.trash.hide();
		if(!this.filename.blank()) this.controls.revert.show();
		this.controls.newFile.show();
		this.fire("choquin.control:delete");
		this._setAttributes();
	},
	
	revert: function(){
		this.controls.fileinput = this.controls.fileinput.setType('hidden');//setType may return a new node...
		this.controls.fileinput.value="";
		this.controls.filename.setValue(this.filename).show();
		this.controls.revert.hide();
		this.controls.trash.show();
		this.controls.newFile.show();
		this.fire("choquin.control:revert");
		this._setAttributes();
	},
	
	newFile: function(){
		this.controls.fileinput = $(this.controls.fileinput).setType("file");//setType may return a new node...
		this.controls.trash[this.controls.fileinput.value?'show':'hide']();
		this.controls.newFile.hide();
		this.controls.revert.showhide(!this.filename.blank());
		this.controls.filename.hide();
		this.fire("choquin.control:newFile");
		this._setAttributes();
	}
},{
	init: function(){
	/*	console.debug("init");
		document.observe("dom:loaded ", function() {
			console.debug("content loaded");										   
		})*/
	}
});



Choquin.Control.ImageFile = Choquin.Control.File.extend({
	constructor: function(element,options){
		this.base(element,options);
	},
	
	imageFile:true,
	
	create: function(){
		this.base();

		var control_options_array = [
			{
				controlName:	'image',
				alt:			'',
				'class':		'img preview',
				tagName:		'img'
			}
		];
		
		this._createControls(control_options_array).invoke('setParentNode',this.container());
		//this.controls.push (this.controls.image = this.container().select('img.img')[0] || new Element("img",{alt:"",'class':'img'}));


		this.onImageErrorBind = this.onImageError.bind(this);
		this.setImageErrorHandler();
		this.controls.image.onerror();
		//this.controls.fileinput.insert({before:this.controls.image});
		if(Choquin.Control.ImageViewer) this.controls.image = (new Choquin.Control.ImageViewer(this.controls.image)).element;
		//if(Choquin.Control.ImgPlus) this.controls.image = (new Choquin.Control.ImgPlus(this.controls.image)).element;
	},

	_getImageSource: function(){
		return (this.options.imagepath || this.options.filepath || this.controls.fileinput.readAttribute("value") || (this.controls.filepathlink && this.controls.filepathlink.value) || this.options.value || '').unescapeHTML();
	},

	setImagepath: function(imagepath){
		this.options.imagepath = imagepath;
		this.loadImage();
	},

	changeFile: function(){
		this.base();
		if(
			this.controls.fileinput.files &&
			this.controls.fileinput.files[0].getAsDataURL
		){
			this.setImagepath(this.controls.fileinput.files[0].getAsDataURL());
		}
	},
	

	onImageError: function(){
		this.controls.image.onerror=null;
		this.controls.image.src="/funciones/v2/images/spacer.gif";
		this.controls.image.addClassName('empty');
		this.setImageErrorHandler.bind(this).defer();
		this.fire("choquin.control:imageError");
	},
	
	setImageErrorHandler: function(){
		this.controls.image.onerror = this.onImageErrorBind;
	},
	
	loadImage:function(){
		this.controls.image.src = this._getImageSource();
		this.controls.image.removeClassName('empty');
	},
	
	deleteFile: function(){
		this.base();
		if(!this.controls.image.hasParentNode()) this.container().insert(this.controls.image);
		this.controls.image.src = '';
		this.controls.image.addClassName('empty');
		//this.controls.image.hide();
	},
	
	revert: function(){
		this.base();
		if(!this.controls.image.hasParentNode()) this.container().insert(this.controls.image);
		this.loadImage();
		this.controls.image.src = this._getImageSource();
		//this.controls.image.show();
	},

	newFile: function(){
		this.base();
		if(!this.controls.image.hasParentNode()) this.container().insert(this.controls.image);
		this.controls.image.src="";
		this.controls.image.addClassName('empty');
		this.controls.image.show();
	}
});




Choquin.Control.ImageFileAdvanced = Choquin.Control.ImageFile.extend({
	constructor: function(element,options){	
		/**
			options: name, value, fileid, filename, filedescription
		*/
		this.base(element,options);
	},
	
	create: function(){
		this.base();
		
		var control_options_array = [
			{
				controlName:	'id',
				name:			this.controls.fileinput.name+'_id',
				value:			this.options.fileid || '',
				type:			'hidden',
				tagName:		'input',
				className:		'fileid'
			},
			
			{
				controlName:	'name',
				name:			this.controls.fileinput.name+'_name',
				value:			this.options.filename || '',
				type:			'text',
				tagName:		'input',
				className:		'filename'
			},

			{
				controlName:	'description',
				name:			this.controls.fileinput.name+'_description',
				value:			this.options.filedescription || '',
				className:		'filedescription',
				tagName:		'textarea'
			}
		];
		
		this._createControls(control_options_array).invoke('setParentNode',this.container());

	},

	_isControlRemovable: function(control){
		return this.base(control) && ![this.controls.id,this.controls.name,this.controls.description].include(control);
	}/*,
	
	deleteFile: function(){
		this.base();
		[this.controls.name,this.controls.description].invoke('hide');
	},

	revert: function(){
		this.base();
		[this.controls.name,this.controls.description].invoke('show');
	},
	
	newFile: function(){
		this.base();
		[this.controls.name,this.controls.description].invoke(this.controls.fileinput.value?'show':'hide');
	},
	
	changeFile: function(){
		this.base();
		[this.controls.name,this.controls.description].invoke(this.controls.fileinput.value?'show':'hide');
	}
*/
});


Choquin.Control.Date = Choquin.Control.Base.extend({
	constructor: function(element,options){
		this.base(element,options);
	},
	
	create: function(){
		this.base();
		this.controls.push(this.controls.day = $(this.element.identify()+'_day'));
		this.controls.push(this.controls.month = $(this.element.identify()+'_month'));
		this.controls.push(this.controls.year = $(this.element.identify()+'_year'));
		this.controls.day.handler = this;
		this.controls.month.handler = this;
		this.controls.year.handler = this;

		var changeDate = this._changeDate.bindAsEventListener(this);
		this.controls.day.observe('change',changeDate);
		this.controls.month.observe('change',changeDate);
		this.controls.year.observe('change',changeDate);
	},

	_changeDate: function(event){
		var newValue = '';	
		if(this.controls.year.getValue()!='' && this.controls.month.getValue()!='' && this.controls.day.getValue()!='') {
			var date = new Date(this.controls.year.getValue(),this.controls.month.getValue()-1,this.controls.day.getValue());
			newValue = date.format();
		}
		this.element.setValue(newValue);
	},
	
	toString: function(){
		return '[object Choquin.Control.Date]';
	},
	
	onvalidate: function(element,options){
		var args = $A(arguments);
		var noerror = !args[0].error;
		var test = [this.controls.day,this.controls.month,this.controls.year];
		var control;
		while( (control = test.shift())!=element && control){
			noerror = (noerror && !control.error);
		}
		element.error = !noerror;
		this.base.apply(this,args);
		
	}

});





/*Choquin.Control.Repeater = Choquin.Control.Base.extend({
	constructor: function(element,options){	
		//options: {control:controlToRepeat,values:[], basename:"controlBaseNaem"}
		this.base(element,options);
		this.listControlIndex=0;
	},
	
	create: function(){
		this.base();
		this.element.addClassName('choquin_controlRepeater');
		this.controls.push (this.element.insert(this.controls.list = new Element('div',{className:'list'})));
		this.controls.push (this.controls.list.insert(this.controls.list.clearbefore = new Element('div',{style:'display:block;clear:both'})));
		this.controls.push (this.controls.list.insert(this.controls.list.clearafter = new Element('div',{style:'display:block;clear:both'})));
		this.controls.push (this.element.insert(this.controls.addButton = new Element('input',{type:'button',name:'add',value:'add'})));
		
		this.controls.addButton.observe('click',this.addControl.bindAsEventListener(this));
	},
	
	addControl: function(controlParameters){
		var container = new Element('div',{className:'listItem'});
		var button,control;
		var name = this.options.basename;
		name+="_"+(++this.listControlIndex);

		controlParameters = controlParameters || {};
		controlParameters.name = controlParameters.name || name;

		container.insert(control = new this.options.control(new Element('div'),controlParameters).element);
		
		container.insert(button = new Element('input',{type:'button',value:this.options.labelRemove,className:'btnRemove'}));
		button.relatedControl = control;
		button.relatedContainer = container;
		button.observe('click',this.removeControl);

		container.insert(new Element('input',{type:'hidden',name:this.options.basename,value:this.listControlIndex}));

		this.controls.list.clearafter.insert({before:container});
	},
	
	removeControl: function(evt){
		this.relatedContainer.remove();
	}

});*/


Choquin.Control.Repeater = Choquin.Control.Base.extend({
	constructor: function(element,options){	
		//options: {control:controlToRepeat,values:[], basename:"controlBaseName"}
		this.options = {
			wildcard: '---',
			labelAdd:		'agregar',
			labelRemove:	'quitar'
		};
		this.base(element,options);
		this.listControlIndex=0;
	},
	
	create: function(){
		this.base();
		this.element.addClassName('choquin_controlRepeater');
		this.controls.push (this.element.insert(this.controls.list = new Element('div',{className:'list'})));
		//this.controls.push (this.controls.list.insert(this.controls.list.clearbefore = new Element('div',{style:'display:block;clear:both'})));
		//this.controls.push (this.controls.list.insert(this.controls.list.clearafter = new Element('div',{style:'display:block;clear:both'})));
		this.controls.push (this.element.insert(this.controls.addButton = new Element('input',{type:'button',name:'add',className:'btnAdd',value:this.options.labelAdd})));
		
		this.controls.addButton.observe('click',this.addControl.bindAsEventListener(this));
	},
	
	addControl: function(controlParameters){
		var container = new Element('div',{className:'listItem'});
		var button,control;
		var name = this.options.basename;
		name+="_"+(++this.listControlIndex);
		container.listControlIndex = this.listControlIndex;

		if(controlParameters instanceof Event) controlParameters = {};

		controlParameters = controlParameters || {};
		controlParameters.name = controlParameters.name || name;

		if (this.options.control.ancestors().include(Choquin.Control.Base)){
			control = new this.options.control(new Element('div'),controlParameters);
			container.insert(control.container());
		} else {
			var newControl = this.options.control.toHTML();
			newControl = newControl.reemplazar(this.options.wildcard,this.listControlIndex);
			container.insert(control = newControl);
		}

		container.insert(button = new Element('input',{type:'button',value:this.options.labelRemove,className:'btnRemove'}));
		button.relatedControl = control;
		button.relatedContainer = container;
		button.observe('click',this.removeControl.bindAsEventListener(this,container));

		container.insert(new Element('input',{type:'hidden',name:this.options.basename,value:this.listControlIndex}));

		this.controls.list.insert(container);
		this.fire("choquin.control:controlAdded",container,this.listControlIndex);
		

		return this.listControlIndex;
	},
	
	removeControl: function(evt,container){
		this.fire("choquin.control:beforeControlRemoved",container,container.listControlIndex);
		container.remove();
	}

});



/************* EN CONSTUCCION *************************/
Choquin.Control.FileAutoUploader = Choquin.Control.Base.extend({
	constructor: function(element,options){	
		this.base(element,options);
		
		this.observe("choquin.control:uploadBegin",function(){
			this.controls.message.update(this.options.msgBegin || "uploading file...");
		});

		this.observe("choquin.control:uploadSuccess",function(evt,result){
			this.controls.message.update(['jpg','jpeg','gif','png'].include(String(result.files).ext())?'':result.files);
			this.controls.image.src = result.files;
			this.controls.image.title = result.files;
			this.currentFile = result.files;
		});

		this.observe("choquin.control:uploadError",function(evt,error){
			this.controls.message.update(error);
			this.controls.message.className = "error";
		});
		
		
		/*********** mouse enter, mouse leave *********/
		//this.element.addEnterLeave();

		this.element.observe("mouse:enter",function(){
			this.element.insert(this.controls.form);
			this.controls.formGhost.hide();
		}.bindAsEventListener(this));

		this.element.observe("mouse:leave",function(){
			this.controls.formGhost.setStyle({height:this.controls.form.getHeight()+'px'}).show();
			this.element.removeChild(this.controls.form);
		}.bindAsEventListener(this));

	},
	
	create: function(){
		this.base();
		/** labels **/
		this.controls.push (this.controls.image = new Element("img",{className:"imageViewer"}));
		this.element.insert(this.controls.image);		

		this.controls.push (this.controls.message = new Element("div",{className:"message"}));
		this.element.insert(this.controls.message);		


		this.controls.push (this.controls.iframe = new Element("iframe",{style:"display:none",name:this.element.identify()+'_hiddenIframe'}));
		this.element.insert(this.controls.iframe);
		$(this.controls.iframe).observe('load',this._iframeLoaded.bindAsEventListener(this));

		/** form **/
		this.controls.push(this.element.insert(this.controls.formGhost = new Element("div").update("upload your file here")));
		this.controls.push(this.controls.form = new Element("form",{method:"post",enctype:"multipart/form-data",action:"",target:this.controls.iframe.name}));
		//this.element.insert(this.controls.form);
		
		this.controls.form.insert(this.controls.fileinput = new Element('input',{type:'file',name:'file',className:'input'}));
		this.controls.form.insert(new Element('input',{type:'hidden',name:'callback',value:this.options.callback||"Choquin.Control.FileAutoUploader.onComplete"}));

		//this.controls.form.insert(new Element('label',{'for':'name',name:'name',value:"concha"}).update("nombre:"));
		//this.controls.form.insert(new Element('input',{type:'text',name:'name',value:this.options.value||""}));

		this.controls.fileinput.observe('change',this._submitForm.bind(this));
		/*************/
	},
	
	_submitForm: function(){
		this.fire("choquin.control:uploadBegin");
		var action = this.options.action || "";
		var queryString = {id:this.id, dir: this.options.dir, del: this.currentFile};
		this.controls.form.action = action+"?"+Object.toQueryString(queryString);
		this.controls.form.submit();
	},
	
	_iframeLoaded: function(){
		try{
			if(this.controls.iframe.getContentDocument().location.href!="about:blank")
				this.fire("choquin.control:iframeLoaded");
		}catch (e){
			this.fire("choquin.control:iframeLoaded");
		}
	}
},{
	onComplete: function(response){
		var control = Choquin.Control.FileAutoUploader.controls.find(function(control){
			return control.id == response.id;
		});
		if(control){
			if(response.error) 	control.fire('choquin.control:uploadError',response.error);
			if(response.result)	control.fire('choquin.control:uploadSuccess',response.result);
		}
	}
});