var wsLoginFormStartValues;

document.observe('dom:loaded', function() {
	if ($('minicartLogin') && $('minicartPassword')) {
		saveWsLoginFormValues();
		observeWsLoginFormLogin();
		observeWsLoginFormPass();
	}
});

function saveWsLoginFormValues() {
	wsLoginFormStartValues = {
		login:	$F('minicartLogin'), 
		pass:	$F('minicartPassword')
	};
}

function observeWsLoginFormLogin() {
	$('minicartLogin').observe('focus', onfocusWsLoginFormLogin).observe('blur', onblurWsLoginFormLogin);
}

function observeWsLoginFormPass() {
	$('minicartPassword').observe('focus', onfocusWsLoginFormPass).observe('blur', onblurWsLoginFormPass);
}

function onfocusWsLoginFormLogin(event) {
	elem = event.element();
	
	if (elem.getValue() == wsLoginFormStartValues['login']) {
		elem.clear();
	}
}

function onblurWsLoginFormLogin(event) {
	elem = event.element();
	
	if (elem.getValue() == '') {
		elem.value = wsLoginFormStartValues['login'];
	}
}

function onfocusWsLoginFormPass(event) {
	elem = event.element();
	
	if (elem.getValue() == wsLoginFormStartValues['pass']) {
		elem.clear();
	}
	
	if (elem.readAttribute('type').toLowerCase() == 'text') {
		elem2 = new Element('input', {
						'id':		elem.identify(),
						'name':		elem.readAttribute('name'),
						'class':	elem.readAttribute('class'),
						'type':		'password'
				});
		elem.insert({before: elem2}).remove();
		elem2.focus();
		observeWsLoginFormPass();
	}
}

function onblurWsLoginFormPass(event) {
	elem = event.element();
	
	if ((elem.getValue() == '') && (elem.readAttribute('type').toLowerCase() == 'password')) {
		elem2 = new Element('input', {
						'id':		elem.identify(),
						'name':		elem.readAttribute('name'),
						'class':	elem.readAttribute('class'),
						'type':		'text',
						'value':	wsLoginFormStartValues['pass']
				});
		elem.insert({before: elem2}).remove();
		elem2.blur();
		observeWsLoginFormPass();
	}
}