/*
 * Panel logowania dla klienta 
 */
var login;
window.addEvent('domready', function () {
	login = new Login ();
})


var Login = new Class ({
	
	initialize: function () {
		this.body_window = $('login_window');
		this.cover = $('login_cover');
		this.loader = $('login_loader');
		
		this.cover2 = $('login_cover2');		
		this.loader2 = $('login_loader2');
		
		this.login_form = $('form_login');
		this.forgot_form = $('forgot_form');
		if (this.forgot_form) {
			this.forgot_form.fade('hide');
			this.forgot_form.setStyle("display", "block");
		}		
		
		//open
		if ($defined($('login'))) {
			$('login').addEvent('click', function(){
				this.show();
			}.bind(this))
		}
		
		//log in
		if ($defined($('log_in'))) {
			$('log_in').addEvent('click', function(){
				this.log_in();
			}.bind(this))
		}
		
		if ($defined($('forgot_form'))) {
			$('forgot_form').addEvent('submit', function(){
				this.forgot();
			}.bind(this))			
		}
		

		
		//close button
		if ($defined($('log_anuluj_btn'))) {
			$('log_anuluj_btn').addEvent('click', function(){
				this.close();
			}.bind(this))
		}
		if ($defined(this.body_window)) {
			this.body_window.setStyle('opacity', 0);
		}
		
		//close icon
		if ($defined($('log_close_icn'))) {
			$('log_close_icn').addEvent('click', function(){
				this.close();
			}.bind(this))
		}
		
		if ($defined($('wyloguj'))) {
			$('wyloguj').addEvent('click', function () {
				this.log_out();
			}.bind(this));
		}
		
		if ($defined($('forgot_password'))) {
			$('forgot_password').addEvent('click', function () {
				this.forgot_form.fade('in');
				this.login_form.fade('out');
			}.bind(this))
		}	
		
		if ($defined($('login_button'))) {
			$('login_button').addEvent('click', function () {
				this.forgot_form.fade('out');
				this.login_form.fade('in');				
			}.bind(this))
		}	
	
	},
	
	show: function () {
		this.body_window.setStyle('display', 'block');

		this.body_window.set('tween', {
			duration: 350
		}).fade('in');
	},
	
	close: function () {
		this.body_window.set('tween', {
			duration: 350,
			onComplete: function () {
				if (this.body_window.getStyle('opacity') <= 0) {
					this.body_window.setStyle('display', 'none');
					this.hideLoader();
					this.hide_error();
				}
			}.bind(this)	
		}).fade('out')
		
		//ukryj loader i nakladke

	},
	
	showLoader: function () {
		this.cover.setStyle('display', 'block');
		this.cover.fade('show');
		this.loader.setStyle('display', 'block');		
	},
	
	hideLoader: function () {
		this.cover.set('tween', {
			onStart: function () {
				//wyczysc pola
				$('password_input').setProperty('value', '');				
			},
			onComplete: function(){
				this.cover.setStyle('display', 'none');
			}.bind(this)
		}).fade('out')

		this.loader.setStyle('display', 'none');	
	},
	
	show_error: function () {
		$('login_error_icn').fade('show');
		$('login_erro_msg').fade('show');		
	},
	
	hide_error: function () {
		$('login_error_icn').fade('hide');
		$('login_erro_msg').fade('hide');
	},
	
	
	
	showLoader2: function () {
		this.cover2.setStyle('display', 'block');
		this.cover2.fade('show');
		this.loader2.setStyle('display', 'block');		
	},
	
	hideLoader2: function () {
		this.cover2.set('tween', {
			onStart: function () {
				//wyczysc pola
				$('password_input').setProperty('value', '');				
			},
			onComplete: function(){
				this.cover2.setStyle('display', 'none');
			}.bind(this)
		}).fade('out')

		this.loader2.setStyle('display', 'none');	
	},
	
	show_error2: function () {
		$('login_error_icn2').fade('show');
		$('login_erro_msg2').fade('show');		
	},
	
	hide_error2: function () {
		$('login_error_icn2').fade('hide');
		$('login_erro_msg2').fade('hide');
	},	
	
	log_in: function () {
		request_login ();
	},
	
	forgot: function () {
		request_forgot(); //plik request.js
	},
	
	log_out: function () {
		request_logout();
	}
	
})