niceOverlay = {
	show : function () {
		$('js-overlay_semi_black').set('morph', {duration:300});
		if ($('js-overlay_semi_black').hasClass('hidden')) {
			$('js-overlay_semi_black').set('styles', {
				'opacity' : '0'
			});
			$('js-overlay_semi_black').removeClass('hidden');
			$('js-overlay_semi_black').morph({
				'opacity' : '0.8'
			});
		}
	},
	hide : function () {
		var hide = true;
		if (hide) {
			$('js-overlay_semi_black').addClass('hidden');
		}
	}
};

orderFormHandler = {
	showForm : function () {
		if ($('js-overlay_order_form')) {
			niceOverlay.show();
			$('js-overlay_order_form').removeClass('hidden');
			$('js-overlay_order_form').setStyles({
				'top' : window.document.getScroll().y + 100 + 'px',
				'left' : window.document.getSize().x/2 - 250 + 'px'
			});
		} else {
			orderFormHandler.buildForm();
			orderFormHandler.showForm();
		}
	},
	hideForm : function () {
		$('js-overlay_order_form').addClass('hidden');
		niceOverlay.hide();
	},
	buildForm : function () {
		var form_element = new Element('div', {
			'id' : 'js-overlay_order_form',
			'class' : 'b-overlay_form hidden',
			'html' : '<div class="b-i-overlay_form">\
				<span class="b-overlay_form_icon"></span>\
				<a href="#" class="k-overlay_hide_icon" onclick="orderFormHandler.hideForm(); return false;"></a>\
				<form name="" action="" method="post" onsubmit="return false;">\
					<h1>Купить ТУРБО СМЕТЧИК</h1>\
					<div class="b-overlay_form_field">\
						<label>Номер Ключа<span class="b-overlay_form_special_star">*</span></label>\
						<input type="text" class="i-overlay_form_text" name="license_key">\
						<div class="b-overlay_form_special">* Если вы уже являетесь пользователем</div>\
					</div>\
					<div class="b-overlay_form_field">\
						<label>ФИО<span class="b-overlay_form_required_star">*</span></label>\
						<input type="text" class="i-overlay_form_text" id="js-order_form_name_input" name="name">\
					</div>\
					<div class="b-overlay_form_field">\
						<label>Организация</label>\
						<input type="text" class="i-overlay_form_text" name="org_name">\
					</div>\
					<div class="b-overlay_form_field">\
						<label>Телефон<span class="b-overlay_form_required_star">*</span></label>\
						<input type="text" class="i-overlay_form_text" id="js-order_form_phone_number_input" name="phone_number">\
					</div>\
					<div class="b-overlay_form_field">\
						<label>Ваша эл.почта</label>\
						<input type="text" class="i-overlay_form_text" name="email">\
					</div>\
					<div class="b-overlay_form_field">\
						<label class="b-label_wide">Интересующие вас программные продукты:</label>\
						<textarea name="interested_products"></textarea>\
					</div>\
					<div class="b-overlay_form_submit">\
						<a href="#" class="k-overlay_form_submit" onclick="orderFormHandler.sendForm(this); return false;">Заказать</a>\
					</div>\
				</form>\
			</div>'
		});
		form_element.inject(document.body);
	},
	validateForm : function () {
		if ($('js-order_form_name_input').value.trim().length < 1) {
			ajaxHandler.highlightField($('js-order_form_name_input'));
			futu_alert('Как вас зовут?');
			$('js-order_form_name_input').focus();
			return false;
		}
		if ($('js-order_form_phone_number_input').value.trim().length < 1) {
			ajaxHandler.highlightField($('js-order_form_phone_number_input'));
			futu_alert('Укажите, пожалуйста, ваш контактный телефон');
			$('js-order_form_phone_number_input').focus();
			return false;
		}
		return true;
	},
	sendForm : function (button) {
		if (orderFormHandler.validateForm()) {
			var url = '/templates/newavis/php/action_form.php';
			var data = $('js-overlay_order_form').getElement('form').toQueryString();
			new futuAjax({
				button : $(button),
				color_to : '#FF7D33',
				color_from : '#332D22',
				url : url,
				data : data,
				onLoadFunction : function (response) {
					orderFormHandler.hideForm();
					//futu_alert('Ваша заявка принята. Спасибо!');
				}
			});
		}
	}
};

window.addEvent('domready', function() {
	
});