$(document).ready(function(){
	$.fn.center = function(){
		var w = $(window);
		this.css("position","absolute");
		this.css("top",(w.height()-this.height())/2+w.scrollTop() + "px");
		this.css("left",(w.width()-this.width())/2+w.scrollLeft() + "px");
		return this;
	};

 var BlockHTML = '<div id="close_w"><a href="javascript:void(0);"><img src="'+ STORE_URL +'/images_common/close.gif" border="0" id="close_remind" /></a></div><div class="auth_desc">Мгновенный заказ</div><div class="msg_error" id="auth_err"></div><div class="msg_ok" id="auth_ok"> </div><form onsubmit="return false;"><input id="pID" name="productID" value="" type="hidden" /><div class="elem"><div class="call">Имя</div><div class="block overflow"><span class="field"><input class="required" type="text" name="jet_name" value="" /></span></div></div><div class="elem"><div class="call">Телефон</div><div class="block overflow"><span class="field"><input class="required" type="text" name="jet_phone" value="" /></span></div></div><div class="elem"><div class="call">E-mail</div><div class="block overflow"><span class="field"><input type="text" name="jet_email" value="" /></span></div></div><div class="elem"><div class="call"></div><div class="block overflow"><span class="field"><input type="button" id="jet_go" value="Отправить" /></span></div></div></form>';

$(function (){
  //добавляем на страницу скрытые елементы
  $('body').append('<div id="overlay"></div>');
  $('body').append('<div id="loading"></div>');
  $('body').append('<div id="auth_form2"></div>');

});



	var getReq = function(){
	 				var i = 0; reqel = new Array();
	 				$('.required').each(function(){reqel[i] = $(this).attr('name');i++;});
	 				return reqel;
	};

	function ShowImage2(){

	  //Опредиляем на сколько сбвинут вертикальный скроллинг окна браузера
		var yScroll = $.browser.opera? window.innerHeight : $(window).height();
		//Опредиляем высоту окна
	  var windowHeight = $.browser.opera? window.innerWidth : $(window).width();
		//Вертикальная позиция popup
		yScroll = 0;
	  var posTop = Math.round((windowHeight/2) + yScroll);

	   // alert( 'yScroll = ' + yScroll + '   windowHeight = ' + windowHeight  + ' hight not ie = ' + window.innerHeight);

	  //показываем индикатор загрузки
	  $('#loading').css({display:'block',top:posTop+'px'});
	  //прячем всплывающее "окно" если оно не скрыто
	  $('#auth_form2').css('display','none');

		//после того как картинка загрузится
		$('#loading').css('display','none');//убираем индикатор загрузки

		$('#auth_form2').center();
		$('#overlay').css({//растягиваем фоновый слой
						width:		$(window).width(),
						height:		$(document).height(),
						opacity:  0.5
					}).fadeIn(5,function() {//показываем затемненный фон;
		//после этого плавное появление дива #popup с нашей картинкой
		$('#auth_form2').fadeIn().css('opacity','1');
		}).click(function(){$('#close_w a').click();});


	}


	var closeForm = function(){ $('#close_w a').click();  };

	$('.toOrder').click(function(){
		$('#auth_form2').html(BlockHTML);
		$('#pID').val($(this).parents('form').attr('rel'));
		$('#auth_form2').liveValidation321({
		  required: getReq(),
		  fields: {
			  "jet_name": /^\S.*$/,
			  "jet_phone": /^\S.*$/
		   }
		});
		setUtils();
		ShowImage2();
	});

var setUtils = function(){
			  // закрываем
			$('#close_w a').click(function(){
				$('#overlay').fadeOut();
				$('.msg_error').hide();$('#auth_form2').hide();

			});

			$('#jet_go').click(function(){
					$('.msg_error').hide();

				var check = true;
				$('.required').each(function(){ if( !$(this).val() ){ check = false;} });
				if( !check ){
					$('.msg_error').html('Заполните обязательные поля').show();
					return false;
				}
			    BlockHTML = $('#auth_form2').html();
				var img_src = $('#close_w img').attr('src');
				$('#close_w img').ajaxStart(function(){
					$('#close_w img').attr('src', STORE_URL + '/images_common/big_loader.gif');
				});

				$.ajax({
					type: "POST",
					caсhe: false,
					url: (STORE_URL + "/jetorder.php"),
					data: $('#auth_form2 form').serialize(),
					success:function(data){
						if ( data ) {
							$('#auth_form2 form').html('<div class="succes">Спасибо за ваш заказ.<br /> Мы свяжемся с Вами в ближайшее время.</div>');
							$('#close_w img').attr('src', img_src);
							setTimeout(closeForm, 3000);

						} else {
							// отображаем ошибку
							$('#auth_form2').css('height','280px');
							$('#auth_ok').hide();
							$('#auth_err').html('При отправке произошла ошибка').show();
						};
					}
				  });
			  });
};

});