$(document).ready(function(){
	function CanselButton(){
	$('#callMe').slideUp(function(){
		$('#callMe').hide();
		$('#mask').fadeOut("slow");
		$('#callMe').remove();
	});
}
	//когдато оно было только в click only
	function OKbutton(){
		fio			= $('#callMeFio');
		firm		= $('#callMeFirm');
		position	= $('#callMePosition');
		phone		= $('#callMePhone');
		time		= $('#callMeTime');
		if ($.trim(fio.val()) == '') {
			alert('Пожалуйста, укажите ФИО');
			fio.focus();
			return;
		}
		if ($.trim(firm.val()) == '') {
			alert('Пожалуйста, укажите название организации');
			fio.focus();
			return;
		}
		if ($.trim(phone.val()) == '') {
			alert('Пожалуйста, укажите телефон для связи');
			phone.focus();
			return;
		}
		$('#callMeCancel').attr('disabled', 'true');
		$('#callMeOK').attr('disabled', 'true');
		$.ajax({
			type: 'POST',
			url: '/_service/form_call_me.php',
			data: {
				fio: fio.val(),
				firm: firm.val(),
				position: position.val(),
				phone: phone.val(),
				time: time.val(),
				from: location.href
			},
			complete: function(result){
				var message=result.responseText;
				var pattern=/OK/g;
				if (message.match(pattern)) {
				//if (result.responseText == 'OK') {
					html =	'Спасибо за проявленный интерес,<br/>'+
							'мы с Вами свяжемся в указанное Вами время.<br/>';
				} else {
					html =	'Заявка не была отправлена, попробуйте позже.<br/>';
				}
				// {{{ debug
				// html += '<pre>'+result.responseText+'</pre>';
				// }}}
				html += '<input type="button" id="callMeCancel" value="OK"/>';
				$('#callMe').html(html);
				var button = document.getElementById('callMeCancel');
				button.focus();
				$('#callMeCancel').click(function(){
					$('#callMe').slideUp(function(){
						$('#callMe').hide();
						$('#mask').fadeOut("slow");
						$('#callMe').remove();
					});
				});
			}
		});
	}
	$('.callMe').click(function(event){

		if ($('#callMe').length) {
			return;
		}
		//-----------------------------------------------
		  //Cancel the link behavior  
		       //  e.preventDefault();  
		         //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="callMe" style="position: absolute; background-color: #fff; border: 1px #ccc solid; padding: 10px; display: none;z-index:9102 !important;">'+
				'<div class="ok-callMe">Пожалуйста, оставьте контактные данные,<br/>'+
				'и наш менеджер свяжется с Вами для более<br/>'+
				'детальной консультации.'+
				'<table>'+
				'<tr><td>ФИО:</td><td><input type="text" id="callMeFio"/></td></tr>'+
				'<tr><td>Название организации:</td><td><input type="text" id="callMeFirm"/></td></tr>'+
				'<tr><td>Должность:</td><td><input type="text" id="callMePosition"/></td></tr>'+
				'<tr><td>Телефон <b>(с кодом города)</b>:</td><td><input type="text" id="callMePhone" value="(  )"/></td></tr>'+
				'<tr><td>Удобное время:</td><td><input type="text" id="callMeTime"/></td></tr>'+
				'<tr><td colspan="2"><input type="button" value="OK" id="callMeOK"/> <input type="button" value="Отмена" id="callMeCancel"/></td></tr>'+
				'</table>'+
				'</div></div>';		
		$(this).parent().append(html);
		$('#callMe').css('left', event.pageX - $('#callMe').outerWidth());
		$.getDocHeight = function(){
		    return Math.max(
		        $(document).height(),
		        $(window).height(),
		        /* For opera: */
		        document.documentElement.clientHeight
		    );
		};
		boxHeight=$('#callMe').height();
		diff=$.getDocHeight() - event.pageY;
		if(diff<boxHeight){
			$('#callMe').css('top', event.pageY-boxHeight-20);
		} else {
			$('#callMe').css('top', event.pageY);
		}
		$('#callMe').css('width', $('#callMe').outerWidth());
		$('#callMeCancel').click(function(){
			CanselButton();
		});
		$('#callMeOK').click(function(){
			OKbutton();
		});
		$('.ok-callMe').keypress(function(e)
		{
			if(e.which==13){
				OKbutton();
			}
		});
		$('#mask').click(function(){
			CanselButton();
		});
		$('#callMe').slideDown();
	});
});