var CajaLoginUp = new Class({
	estado: "nologin",
	
	initialize: function(contenedorLogin){
		this.contenedorLogin = $(contenedorLogin);
		this.contenedorLogin.set('tween', {duration: 500});
		this.cajaLoading = new Element("div", {'class': 'loading'});
		this.cajaLoading.set("html","<img src='images/loadingcw.gif' width=100 height=68 vspace=45>");
		this.cajaLoading.inject(this.contenedorLogin);
		this.cajaLogin  = null;
	},
	expande: function(){
		this.contenedorLogin.tween("height", "580px");
	},
	contrae: function(){
		this.contenedorLogin.tween("height", "0px");
		this.estado = "nologin";
	},
	muestraLoading: function(){
		this.cajaLoading.set("styles", {'display': 'block'});
	},
	muestraLogin: function(){
		this.cajaLoading.set("styles", {'display': 'none'});
		this.cajaLogin.set("styles", {'display': 'block', 'opacity': 0});
		this.cajaLogin.fade(1);
		this.estado = "completo";
	},
	ocultaLogin: function(){
		this.cajaLogin.set("styles", {'display': 'none'});
	},
	
	accion: function(){
		if (this.estado=="nologin"){
			this.estado="cargando";
			if (!$defined(this.cajaLogin)){
				var esteObjeto = this;
				var nuevoRequest = new Request({
					method: 'get',
					url: 'add-enterprise.php',
					onRequest: function() { 
						esteObjeto.expande();
						esteObjeto.muestraLoading.delay(500,esteObjeto);
					},
					onSuccess: function(texto, xmlrespuesta){ 
						esteObjeto.cajaLogin = new Element('div', {id: 'cajalogin'});
						esteObjeto.cajaLogin.set('html',texto);
						esteObjeto.cajaLogin.inject(esteObjeto.contenedorLogin);
						esteObjeto.muestraLogin.delay(500, esteObjeto);
					},
					onFailure: function(){alert('Error!');}
				}).send();
				
			}else{
				this.expande();
				this.muestraLogin.delay(500, this);
			}
		}else{
			if(this.estado =="completo"){
				this.ocultaLogin();
				this.contrae();
			}
		}
	}
});

window.addEvent('domready', function(){
	if($defined($('enlacelogin'))){
		LoginPrincipal = new CajaLoginUp("clogin");
		$('enlacelogin').addEvent('click', function(evento){
			LoginPrincipal.accion();
		});
	}
});