$(function() {
jQuery("#order").click(function()
	{
	jQuery.getJSON("get_cities_models.php", function(data)
		{
		var countries = new Array("Россия", "Корея", "Япония", "Америка", "Великобритания", "Франция", "Германия", "Китай", "Другие", "a", "b");
		modalWindow.width = 400;
		modalWindow.height = 900;
		modalWindow.windowId = "order_window";
		modalWindow.content = '<form action="" method="post" id="order_form">\
							<ul>\
								<li>\
									<label for="spare_parts_city">Город</label>\
									<div>\
										<select id="spare_parts_city" name="spare_parts_city">';
		for(var i in data[0])
		{
		modalWindow.content += '<option value="' + i + '">' + data[0][i] + '</option>';
		}

		modalWindow.content += '</select>\
									<span class="example">&nbsp;</span></div>\
								</li>\
	\
								<li>\
									<label for="name">Имя</label>\
									<div><input class="parts" type="text" name="name" id="name" /><span class="example">например: Василий Петрович Иванов</span></div>\
								</li>\
	\
								<li>\
									<label for="email">Email</label>\
									<div><input class="parts" type="text" name="email" id="email" /><span class="example">например: vasily_ivanov@mail.ru</span></div>\
								</li>\
	\
								<li>\
									<label for="phone">Телефон</label>\
									<div><input class="parts" type="text" name="phone" id="phone" /><span class="example">например: +7 911 1231212</span></div>\
								</li>\
	\
								<li>\
									<label for="marka">Марка</label>\
									<div>\
										<select id="marka" name="marka">';

		for(var i in data[1])
		{
		var country_num = Number(i.substr(8)) - 1;
		modalWindow.content += '<optgroup label="' + countries[country_num] + '">';
			for(var j in data[1][i])
			{
			modalWindow.content += '<option value="' + j + '">' + data[1][i][j] + '</option>';
			}
		modalWindow.content += '</optgroup>';
		}
		modalWindow.content += '</select>\
									<span class="example">&nbsp;</span></div>\
								</li>\
	\
								<li>\
									<label for="model">Модель</label>\
									<div><input class="parts" type="text" name="model" id="model" /><span class="example">например: Ford Focus</span></div>\
								</li>\
	\
								<li>\
									<label for="year">Год</label>\
									<div><input class="parts" type="text" name="year" id="year" /><span class="example">например: 2008</span></div>\
								</li>\
	\
								<li>\
									<p>&nbsp;</p>\
								</li>\
	\
								<li>\
									<label for="vin">VIN-номер</label>\
									<div><input class="parts" type="text" name="vin" id="vin" /><span class="example">например: JZX1001234567</span></div>\
								</li>\
	\
								<li>\
									<label for="kuzov">Номер кузова</label>\
									<div><input class="parts" type="text" name="kuzov" id="kuzov" /><span class="example">&nbsp;</span></div>\
								</li>\
	\
								<li>\
									<label for="dvig">Номер двиг.</label>\
									<div><input class="parts" type="text" name="dvig" id="dvig" /><span class="example">&nbsp;</span></div>\
								</li>\
	\
								<li>\
									<p>&nbsp;</p>\
								</li>\
	\
								<li>\
									<label for="">Состояние</label>\
										<div>\
										<fieldset id="condition"> \
											<ul> \
												<li> \
													<input class="parts" type="checkbox" id="cond_new" name="cond_new"  /> \
													<label for="cond_new">Новое</label> \
												</li> \
	\
												<li> \
													<input class="parts" type="checkbox" id="cond_old" name="cond_old"  /> \
													<label for="cond_old">Б/у</label> \
												</li> \
											</ul> \
										</fieldset> \
									<span class="example">&nbsp;</span></div>\
								</li>\
	\
								<li style="clear: both;">\
									<label for="description">Запчасти</label>\
									<div><textarea class="parts" cols="20" rows="10" name="description" id="description"></textarea><span class="example">например: Задняя левая ступица</span></div>\
								</li>\
	\
								<li>\
									<p class="sub">&nbsp;</p>\
									<input id="spare_button" class="submit" type="submit" value="Отправить" />\
								</li>\
	\
							</ul>\
						</form>';
		modalWindow.open();
		});
	});
});

var modalWindow = {
parent: "body",
content: null,
width: null,
height: null,
windowId: null,

close: function()
	{
	$(".modal-window").remove();
	$(".modal-overlay").remove();
	},

open: function()
	{
	var modal = "";
	modal += '<div class="modal-overlay"></div>';
	modal += '<div id="' + this.windowId + '" class="modal-window" style="height: ' + this.height + 'px;width: ' + this.width + 'px;margin-left: -' + this.width/2 + 'px;">';
	modal += modalWindow.content;
	modal += '</div>';

	$(this.parent).append(modal);
	$(".modal-window").append('<a class="modal-close"></a>');
	$(".modal-close").click(function() {modalWindow.close();});
	$(".modal-overlay").click(function() {modalWindow.close();});

	$("#spare_button").click(function(event)
	{
		event.preventDefault();
		var city =  $("#order_form #spare_parts_city").val().substr(5);
		var name =  $("#order_form #name").val();
		var email = $("#order_form #email").val();
		var phone = $("#order_form #phone").val();
		var marka = $("#order_form #marka").val();
		var model = $("#order_form #model").val();
		var year = $("#order_form #year").val();
		var vin = $("#order_form #vin").val();
		var kuzov = $("#order_form #kuzov").val();
		var dvig = $("#order_form #dvig").val();
		var cond_new = $("#order_form #cond_new").is(":checked");
		var cond_old = $("#order_form #cond_old").is(":checked");
		var description = $("#order_form #description").val();

		if(
name != "" && 
email != "" && 
phone != "" &&
marka != "" &&
model != "" &&
year != "" &&
(vin != "" || (kuzov != "" && dvig != "")) &&
(cond_new != false || cond_old != false) &&
description != "") 
			{
			if(cond_new == true) cond = 1;
			if(cond_old == true) cond = 0;
			if((cond_old == true) && (cond_new == true)) cond = 2;

			line = "city=" + city + "&name=" + name + "&email=" + email + "&phone=" + phone + "&marka=" + marka + "&model=" + model + "&year=" + year + "&vin=" + vin + "&kuzov=" + kuzov + "&dvig=" + dvig + "&cond=" + cond  + "&description=" + description;
			$.post("store_parts.php", line);
			alert("Ваша заявка отправлена. В ближайшее время с Вами свяжутся представители компаний.");

			$("#order_form .parts").val(""); 
			$("#order_form input[type=checkbox]").attr("checked", false); 
			modalWindow.close();
			}
		else
			{
			alert("Заполните форму полностью, пожалуйста.");
			}
	});

	}
};