$(document).ready(function(){
	$('.askMe').click(function(event){
		
		if ($('#askMe').length) {
			return;
		}
	    //Get the A tag  
	    var id = $(this).attr('href');  
	  
	    //Get the screen height and width  
	    var maskHeight = $(document).height();  
	    var maskWidth = $(window).width();  
	  
	    //Set height and width to mask to fill up the whole screen  
	    $('#mask').css({'width':maskWidth,'height':maskHeight});  
	      
	    //transition effect       
	    $('#mask').fadeIn(1000);      
	    $('#mask').fadeTo("slow",0.8);    
		html =	'<div id="askMe" style="position: absolute; background-color: #fff; border: 1px #ccc solid; padding: 10px; display: none;z-index:9102 !important;">'+
				'Пожалуйста, оставьте контактные данные,<br/>'+
				'и наш менеджер свяжется с Вами для более<br/>'+
				'детальной консультации.'+
				'<table>'+
				'<tr><td>ФИО:</td><td><input type="text" id="askMeFio" style="width: 160px;" /></td></tr>'+
				'<tr><td>Название организации:</td><td><input type="text" id="askMeFirm" style="width: 160px;" /></td></tr>'+
				'<tr><td>Должность:</td><td><input type="text" id="askMePosition" style="width: 160px;" /></td></tr>'+
				'<tr><td>Телефон:</td><td><input type="text" id="askMePhone" style="width: 160px;" /></td></tr>'+
				'<tr><td>Удобное время:</td><td><input type="text" id="askMeTime" style="width: 160px;" /></td></tr>'+
				'<tr><td colspan="2">Вопрос:<br /><textarea id="askMeQuestion" style="width: 300px;"></textarea></td></tr>'+
				'<tr><td colspan="2"><input type="button" value="OK" id="askMeOK"/> <input type="button" value="Отмена" id="askMeCancel"/></td></tr>'+
				'</table>'+
				'</div>';
		$(this).parent().append(html);
		$('#askMe').css('left', event.pageX - $('#askMe').outerWidth());
		$('#askMe').css('top', event.pageY);
		$('#askMe').css('width', $('#askMe').outerWidth());
		$('#askMeCancel').click(function(){
			$('#askMe').slideUp(function(){
				$('#askMe').hide();
				$('#mask').fadeOut("slow");
				$('#askMe').remove();
			});
		});
		$('#askMeOK').click(function(){
			fio			= $('#askMeFio');
			firm		= $('#askMeFirm');
			position	= $('#askMePosition');
			phone		= $('#askMePhone');
			time		= $('#askMeTime');
			question	= $('#askMeQuestion');
			if ($.trim(fio.val()) == '') {
				alert('Пожалуйста, укажите ФИО');
				fio.focus();
				return;
			}
			if ($.trim(firm.val()) == '') {
				alert('Пожалуйста, укажите название организации');
				fio.focus();
				return;
			}
			if ($.trim(phone.val()) == '') {
				alert('Пожалуйста, укажите телефон для связи');
				phone.focus();
				return;
			}
			$('#askMeCancel').attr('disabled', 'true');
			$('#askMeOK').attr('disabled', 'true');
			$.ajax({
				type: 'POST',
				url: '/_service/form_ask_me.php',
				data: {
					fio: fio.val(),
					firm: firm.val(),
					position: position.val(),
					phone: phone.val(),
					time: time.val(),
					question: question.val(),
					from: location.href
				},
				complete: function(result){
					var trimResp = jQuery.trim(result.responseText);
					if (trimResp == 'OK') {
						html =	'Спасибо за проявленный интерес,<br/>'+
								'мы с Вами свяжемся в указанное Вами время.<br/>';
					} else {
						html =	'Заявка не была отправлена, попробуйте позже.<br/>';
					}
//					 {{{ debug
//					 html += '<pre>'+result.responseText+'</pre>';
//					 }}}
					html += '<input type="button" id="askMeCancel" value="OK"/>';
					$('#askMe').html(html);
					$('#askMeCancel').click(function(){
						$('#askMe').slideUp(function(){
							$('#askMe').hide();
							$('#mask').fadeOut("slow");
							$('#askMe').remove();
						});
					});
				}
			});
		});
		$('#askMe').slideDown();
	});
});