var mf_22 = new function() {

	function attachScript(src){
		var e = document.createElement("script");
		e.type = "text/javascript";
		e.src = src;
		document.getElementsByTagName("head")[0].appendChild(e);
	}

	function attachStyle(src) {
		var e = document.createElement("link");
		e.href = src;
		e.rel = 'stylesheet';
		e.type = 'text/css';
		document.getElementsByTagName("head")[0].appendChild(e);
	}

	function encodeForm( form ) {
		var str = '';

		for ( var i = 0; i < form.elements.length; ++ i ) {
			if ( i > 0 )
				str += '&';

			var e = form.elements[i];

			if ( e.name && !e.disabled && (e.checked || /select|textarea/i.test(e.nodeName) || /text|hidden|password|search/i.test(e.type)) )
				str += e.name + '=' + encodeURIComponent( e.value );
		}

		return str;
	}

	function setBlockContent( content ) {
		var b = document.getElementById('mfb_22');
		b.innerHTML = '<div>' + content + '</div>';
		b.style['display'] = 'block';
	}

	this.onSuccess = function( token ) {
		setBlockContent( '<p>&#1057;&#1086;&#1086;&#1073;&#1097;&#1077;&#1085;&#1080;&#1077; &#1086;&#1090;&#1087;&#1088;&#1072;&#1074;&#1083;&#1077;&#1085;&#1086;. &#1042;&#1099; &#1084;&#1086;&#1078;&#1077;&#1090;&#1077; &#1087;&#1086;&#1089;&#1084;&#1086;&#1090;&#1088;&#1077;&#1090;&#1100; &#1077;&#1075;&#1086; &#1089;&#1090;&#1072;&#1090;&#1091;&#1089; &#1087;&#1086; &#1089;&#1089;&#1099;&#1083;&#1082;&#1077;: <a href="http://freeforms.ru/status/' + token + '" target="_blank">http://freeforms.ru/status/' + token + '</a></p>' );
	},

	this.onError = function(errors) {
		for ( var key in errors ) {
			var error = errors[key];
			var idx = key.substring(1);
			document.getElementById('mf_22_'+idx).className += ' error';
			document.getElementById('mfe_22_'+idx).innerHTML = error;
		}

		document.getElementById('mfb_22').style['display'] = 'none';
	},

	this.post = function(form) {
		setBlockContent( '<p>&#1055;&#1086;&#1076;&#1086;&#1078;&#1076;&#1080;&#1090;&#1077;, &#1080;&#1076;&#1077;&#1090; &#1086;&#1090;&#1087;&#1088;&#1072;&#1074;&#1082;&#1072; &#1089;&#1086;&#1086;&#1073;&#1097;&#1077;&#1085;&#1080;&#1103;...<br /><br /><img src="http://freeforms.ru/images/loader-bar.gif" /></p>' );

		attachScript('http://freeforms.ru/post/22?' + encodeForm( form ) );
	},

	this.build = function() {
		attachStyle('http://freeforms.ru/forms/22/code.css');

		document.writeln( '<div class=\'mfd\' id=\'mfd_22\' style=\'border: 0px solid #667088;background: #fff;font-family: Verdana;font-size: 15px;color: #000;\'><form action=\'http://freeforms.ru/post/22\' method=\'POST\'><h3 style=\'font-family: Verdana;font-size: 18px;color: #000;\'>&#1054;&#1089;&#1090;&#1072;&#1074;&#1080;&#1090;&#1100; &#1089;&#1086;&#1086;&#1073;&#1097;&#1077;&#1085;&#1080;&#1077;</h3><p id="mf_22_0" class="mf_string"><label for="fields[0]">&#1042;&#1072;&#1096;&#1077; &#1080;&#1084;&#1103;</label><input type="text" name="fields[0]" value="" /><span id="mfe_22_0"></span></p><p id="mf_22_1" class="mf_text"><label for="fields[1]">&#1058;&#1077;&#1082;&#1089;&#1090; &#1089;&#1086;&#1086;&#1073;&#1097;&#1077;&#1085;&#1080;&#1103;</label><span id="mfe_22_1"></span><textarea name="fields[1]"></textarea></p><div class=\'submit\'><input name="commit" onclick="mf_22.post(this.form); return false;" type="submit" value="&#1054;&#1090;&#1087;&#1088;&#1072;&#1074;&#1080;&#1090;&#1100;" /></div></form><div class=\'fb\' id=\'mfb_22\' style=\'\'></div></div><div class=\'mfd_link\'><a href=\'http://freeforms.ru/\'>&#1069;&#1090;&#1072; &#1092;&#1086;&#1088;&#1084;&#1072; &#1089;&#1086;&#1079;&#1076;&#1072;&#1085;&#1072; &#1073;&#1077;&#1089;&#1087;&#1083;&#1072;&#1090;&#1085;&#1099;&#1084; &#1089;&#1077;&#1088;&#1074;&#1080;&#1089;&#1086;&#1084; freeforms.ru</a></div>' );
	}

	return this;
};

mf_22.build();

