$(document).ready(function (){

	$( "#datepicker" ).datepicker();

	$('.callback').live('click', function() {
	var form = '<div id="zvonok"><div id="zakaz_h1">Заказать обратный звонок</div><div id="zakaz_close">X</div><div id="zakaz_main"><ul id="zakaz_content"><li><div class="field_name">Ваше имя <span style="color: red">*</span></div><div class="field_input"><input id="zakaz1" class="zakaz_in_t" type="text" /></div></li><li><div class="field_name">Телефон <span style="color: red">*</span></div><div class="field_input"><input id="zakaz2" class="zakaz_in_t" type="text" /></div></li><li><div class="field_name">Дата: </div><div class="field_input"><input type="text" id="datepicker" class="zakaz_in_t"/></div></li><li><div class="field_name">Время звонка: </div><div class="field_input"><input id="zakaz3" class="zakaz_in_t" type="text" /></div></li><li><div class="field_name">Комментарии: </div><div class="field_input"><textarea class="zakaz_area" id="zakaz4"></textarea></div></li></ul><div id="zakaz_comment"><span style="color: red">*</span> – поля, обязательные для заполнения</div><input type="button" id="send_zvonok" class="zakaz_button" value="Заказать" /></div><div id="zakaz_suc">Спасибо за заявку.<br /> Ваш запрос будет обработан в самое ближайшее время.</div></div>';
	
			$('#zakaz_plan').html(form);
			$('body').append("<div id='fon_zat'></div>");
			$('#zakaz_plan').fadeIn();
			$("#fon_zat").css("height", $(document).height());
			$("#fon_zat").fadeIn(800);
			$("#zakaz_suc").hide();
			$("#zakaz_main").fadeIn();
			$('#zakaz1').val("");
			$('#zakaz2').val("");
			$('#zakaz3').val("");
			$('#zakaz4').val("");
			$('#zakaz5').val("");
			$("#datepicker").datepicker();
			
			return false;
		});
		
		
		
	$('#zakaz_close').live('click', function() {
		$("#fon_zat").fadeOut(800);
		$('#zakaz_plan').fadeOut(800);
	});
	
	$('body').live('click', function() {
		$("#fon_zat").fadeOut(800);
		$('#zakaz_plan').fadeOut(800);
	});
	
	$('#ui-datepicker-div').live('click', function() {
		return false;
	});
	
	$('#zakaz_plan').live('click', function() {
		return false;
	});
	
	$('#send_zvonok').live('click', function() {

		var zakaz1 = $('#zakaz1').val();
		var zakaz2 = $('#zakaz2').val();
		var zakaz3 = $('#datepicker').val();
		var zakaz4 = $('#zakaz3').val();
		var zakaz5 = $('#zakaz4').val();

		var data = {
		"zakaz1": zakaz1, 
		"zakaz2": zakaz2,
		"zakaz3": zakaz3,
		"zakaz4": zakaz4,
		"zakaz5": zakaz5
		};
		
		var check = false;
		if (zakaz1 == "")
			{
			$('#zakaz1').animate({ backgroundColor: "#F48D8D" }, 1500 );
			$('#zakaz1').animate({ backgroundColor: "#FFF" }, 1500 );
			check = true;
			}
		if (zakaz2 == "")
			{
			$('#zakaz2').animate({ backgroundColor: "#F48D8D" }, 1500 );
			$('#zakaz2').animate({ backgroundColor: "#FFF" }, 1500 );
			check = true;
			}

		if (check == false)
			{
				$.ajax({
					type: "POST",
					data: data,
					url: "/callback/send_zvonok.php",
					beforeSend: function(){
					$(".ajaxload").css("display","block");
					},
					success: function(answer){
					$(".ajaxload").css("display","none");
					$("#zakaz_main").hide();
					$("#zakaz_h1").hide();
					$('#zvonok').animate({ height: "120px" }, 400 );
					$("#zakaz_suc").fadeIn();
					}
				});
			}
	});

});