var General = {
	container: null,


	init: function() {
		General.container = $('div.container')

		General.container.find('li.text input[name="email"]').focus(General.onFocusEmail).blur(General.onBlurEmail);
		General.container.find('li.textPassword input[name="passwordFake"]').bind('focus', {container: 'li.textPassword'}, General.onFocusPassword);
		General.container.find('li.textPassword input[name="password"]').bind('blur', {container: 'li.textPassword'}, General.onBlurPassword);

	},
	
	onFocusTextElement: function(event){
		var field = $(event.target);
		var value = $.trim(field.val());
		var defaultValue = event.data.defaultValue;
		if(value == defaultValue)
			field.val('');
	},

	onBlurTextElement: function(event){
		var field = $(event.target);
		var value = $.trim(field.val());
		var defaultValue = event.data.defaultValue;
		if(value == '')
			field.val(defaultValue)
		
	},
	onFocusEmail: function(event){
		var field = $(event.target);
		var value = $.trim(field.val());
		if(value == AppData.generalLang.email)
			field.val('');
	},

	onBlurEmail: function(event){
		var field = $(event.target);
		var value = $.trim(field.val());
		if(value == '')
			field.val(AppData.generalLang.email)

	},

	onFocusPassword: function(event){
		var elementContainer = event.data.container;
		
		var fakeField = $(event.target);
		var realField = General.container.find(elementContainer + ' input[name="password"]');
		//hide fake field, and show the real one
		fakeField.addClass('hidden');
		realField.removeClass('hidden').focus();
	},

	onBlurPassword: function(event){
		var elementContainer = event.data.container;
		var field = $(event.target);
		var fakeField = General.container.find(elementContainer + ' input[name="passwordFake"]');
		var value = $.trim(field.val());
		if(value == ''){
			field.addClass('hidden');
			fakeField.removeClass('hidden');
		}
	}

}

$(document).ready(function() {
	General.init();
});