$(document).ready(function(){
	$('.contactMe').click(function(event){
		if ($('#contactMe').length) {
			return;
		}
		html =	'<div id="contactMe" style="position: absolute; background-color: #fff; border: 1px #ccc solid; padding: 10px; display: none;">'+
				'<table>'+
				'<tr><td>Ваши контактные данные:<br/><input type="text" id="contactMeFio" style="width: 300px;"/></td></tr>'+
				'<tr><td>Сообщение:<br/><textarea id="contactMeMessage"  style="width: 300px; height: 100px;"/></textarea></td></tr>'+
				'<tr><td colspan="2"><input type="button" value="OK" id="contactMeOK"/> <input type="button" value="Отмена" id="contactMeCancel"/></td></tr>'+
				'</table>'+
				'</div>';
		$(this).parent().append(html);
		$('#contactMe').css('left', event.pageX - $('#contactMe').outerWidth());
		$('#contactMe').css('top', event.pageY);
		$('#contactMe').css('width', $('#contactMe').outerWidth());
		$('#contactMeCancel').click(function(){
			$('#contactMe').slideUp(function(){
				$('#contactMe').hide();
				$('#contactMe').remove();
			});
		});
		$('#contactMeOK').click(function(){
			fio			= $('#contactMeFio');
			message		= $('#contactMeMessage');
			if ($.trim(fio.val()) == '') {
				alert('Пожалуйста, укажите контактные данные');
				fio.focus();
				return;
			}
			if ($.trim(message.val()) == '') {
				alert('Пожалуйста, напишите сообщение');
				fio.focus();
				return;
			}
			$('#contactMeCancel').attr('disabled', 'true');
			$('#contactMeOK').attr('disabled', 'true');
			$.ajax({
				type: 'POST',
				url: '/_service/form_contact_me.php',
				data: {
					fio: fio.val(),
					message: message.val(),
				},
				complete: function(result){
					if (result.responseText == 'OK') {
						html =	'Спасибо за проявленный интерес,<br/>'+
								'мы с Вами свяжемся.<br/>';
					} else {
						html =	'Сообщение не было отправлено, попробуйте позже.<br/>';
					}
					// {{{ debug
					// html += '<pre>'+result.responseText+'</pre>';
					// }}}
					html += '<input type="button" id="contactMeCancel" value="OK"/>';
					$('#contactMe').html(html);
					$('#contactMeCancel').click(function(){
						$('#contactMe').slideUp(function(){
							$('#contactMe').hide();
							$('#contactMe').remove();
						});
					});
				}
			});
		});
		$('#contactMe').slideDown();
	});
});