var SelectorButton = '#orderClick';
var SelectorContent = '#ord';
var SelectorForm = '.form';
var SelectorOutput = '.ms';
var sOp = false;
$(function(){
	function openMyContent(){
		if (sOp){return false;}
		var a = $(SelectorContent);
		a.css("height", "0px");
		$(SelectorContent).show();
		a.animate({"height":"410"}, 800);
		sOp = true;
		return false;
	}
	function closeMyContent(){
		var a = $(SelectorContent);
		a.animate({"height": "0"}, 800, function(){
			$(SelectorContent).hide();
		});
		sOp = false;
		return false;
	}
	$(SelectorButton).bind('click', openMyContent);
	$(SelectorContent).removeClass('none').hide();
	$('#feedForm').click(mailTo);
	$('.cancel').click(closeMyContent);
});
function mailTo(){
	var form = $(SelectorForm).serialize();
	var fm = $(SelectorForm + ' input[name="name"]').val();
	var ph = $(SelectorForm + ' input[name="phone"]').val();
	var mg = $(SelectorForm + ' textarea').val();
	$.ajax({
				      url: "WP/feedback.php",
				      global: true,
				      type: "POST",
				      data: ({name: fm, phone: ph, message: mg}),
				      dataType: "json",
				      success: function(json){
						$(SelectorForm + ' input').removeClass('err');
						$(SelectorForm + ' textarea').removeClass('err');
						if (json.error){
							var clas = 'err';
							for( var key in json.err) {
								$(SelectorForm + ' input[name="'+json.err[key]+'"]').addClass('err');
								$(SelectorForm + ' textarea[name="'+json.err[key]+'"]').addClass('err');
							}
						}else{
							var clas = 'ok';
							$('#ord').animate({"height":"100"}, 800, function(){
								$('.form').hide();
							});
							$(SelectorButton).unbind('click');
						}
						$('.message > .ms').hide().html(json.message).show('fast');
						$('.message > .ms').addClass(clas);
				      }
				   });
}