$(document).ready(function(){

	var loginName = "username";
	var loginDefValue = "login...";

	var passName = "password";
	var passDefValue = "haslo...";
	var passFake = "pass-temp"; // DO NOT CHANGE!

	function initLogin(){
		$("input[name=" + loginName + "]").val(loginDefValue);

		$("input[name=" + loginName + "]").focus(function(){
			if($(this).val() == loginDefValue){
				$(this).val('');
			}
		});

		$("input[name=" + loginName + "]").blur(function(){
			if($(this).val().length == 0){
				$(this).val(loginDefValue);
			}
		});
	}

	function initPassword(){
		var tmp = $("input[name=" + passName + "]").clone();
		$(tmp).attr('name', passFake);
		$(tmp).attr('type', 'text');
		$(tmp).val(passDefValue);

		$("input[name=" + passName + "]").after(tmp);
		$("input[name=" + passName + "]").hide();

		$(tmp).focus(function() {
		    $(tmp).hide();
		    $("input[name=" + passName + "]").show();
		    $("input[name=" + passName + "]").focus();
		});

		$("input[name=" + passName + "]").blur(function() {
		    if($("input[name=" + passName + "]").val() == '') {
		        $(tmp).show();
		        $("input[name=" + passName + "]").hide();
		    }
		});

	}

	function initFieldsChange(){
		initLogin();
		initPassword();
	}

	initFieldsChange();
});