$(document).ready(function() {
	
	$("#State,#BookYear,#BookMakeID").each(function() {
		$(this).change(function() {
			var State = $("#State").val();
			var BookYear = $("#BookYear").val();
			var BookMake = $("#BookMakeID").val();
			
			if (State != "" && BookYear != "" && BookMake != "") {
				getModels();
			}
		});
	});
	
	$("#BookModelID").change(function() {
		var State = $("#State").val();
		var BookYear = $("#BookYear").val();
		var BookMake = $("#BookMakeID").val();
		var BookModel = $("#BookModelID").val();
		
		if (State != "" && BookYear != "" && BookMake != "" && BookModel != "") {
			getStyles();
		}
	});
	
	$("#BookStyleID").change(function() {
		var State = $("#State").val();
		var BookYear = $("#BookYear").val();
		var BookMake = $("#BookMakeID").val();
		var BookModel = $("#BookModelID").val();
		var BookStyle = $("#BookStyleID").val();
		
		if (State != "" && BookYear != "" && BookMake != "" && BookModel != "" && BookStyle != "") {
			getAccessories();
		}
	});
	
	$("#BookoutForm").ajaxForm({
		url: "/AjaxBookOut.php",
		type: "post",
		dataType: "xml",
		success: getValue
	});
	$("#BookoutForm").submit(function() {
		$(this).ajaxSubmit();
		
		return false;
	});
	
});


function getModels()
{
	var url = "/AjaxBookOut.php";
	var params = {
		state: $("#State").val(),
		bookYear: $("#BookYear").val(),
		bookMakeID: $("#BookMakeID").val()
	};
	
	$("#BookModelID").empty();
	$("#BookModelID").append("<option value=\"\">Loading...</option>");

	$("#BookStyleID").empty();
	$("#BookStyleID").append("<option value=\"\">(Select Style)</option>");

	$("#BookAccessories").html("(Select Accessories)");
	
	$.ajax({
		url: url,
		type: "GET",
		data: params,
		success: function(data) {
			if ($(data).find("BOOKTYPE").text() == "MODEL") {
				$("#BookModelID").empty();
				$("#BookModelID").append("<option value=\"\">(Select Model)</option>");
				
				$(data).find("MODEL").each(function() {
					var ModelName = $(this).find("DESC").text();
					var ModelID = $(this).find("MODELID").text();
					
					$("#BookModelID").append("<option value=\"" + ModelID + "\">" + ModelName + "</option>");
				});
				
				document.getElementById("BookModelID").disabled = false;
			}
			else {
				$("#BookModelID option:first").html("Error loading models");
			}
		},
		error: function(data) {
			$("#BookModelID option:first").html("Error loading models");
		}
	});
}


function getStyles()
{
	var url = "/AjaxBookOut.php";
	var params = {
		state: $("#State").val(),
		bookYear: $("#BookYear").val(),
		bookMakeID: $("#BookMakeID").val(),
		bookModelID: $("#BookModelID").val()
	};
	

	$("#BookStyleID").empty();
	$("#BookStyleID").append("<option value=\"\">Loading...</option>");

	$("#BookAccessories").html("(Select Accessories)");

	$.ajax({
		url: url,
		type: "GET",
		data: params,
		success: function(data) {
			if ($(data).find("BOOKTYPE").text() == "STYLE") {
				$(data).find("STYLE").each(function() {
					var StyleName = $(this).find("DESC").text();
					var StyleID = $(this).find("STYLEID").text();
					
					$("#BookStyleID").empty();
					$("#BookStyleID").append("<option value=\"\">(Select Style)</option>");
				
					$("#BookStyleID").append("<option value=\"" + StyleID + "\">" + StyleName + "</option>");
				});
				
				document.getElementById("BookStyleID").disabled = false;
			}
			else {
				$("#BookStyleID option:first").html("Error loading styles");
			}
		},
		error: function(data) {
			$("#BookStyleID option:first").html("Error loading styles");
		}
	});
}

function getAccessories()
{
	var url = "/AjaxBookOut.php";
	var params = {
		state: $("#State").val(),
		bookYear: $("#BookYear").val(),
		bookMakeID: $("#BookMakeID").val(),
		bookModelID: $("#BookModelID").val(),
		bookStyleID: $("#BookStyleID").val()
	};
	
	$("#BookAccessories").html("Loading...");
	
	$.ajax({
		url: url,
		type: "GET",
		data: params,
		success: function(data) {
			if ($(data).find("BOOKTYPE").text() == "OPTIONS") {
				$("#BookAccessories").html("&nbsp;");
				
				var accTbl = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"4\">";
				
				$(data).find("OPTION").each(function(i) {
					var OptionName = $(this).find("DESC").text();
					var OptionID = $(this).find("OPTIONID").text();
					var OptionStd = ($(this).find("STANDARD").text() == "1") ? " checked" : "";
					
					if ((i % 2) == 0) {
						accTbl += "<tr>";
					}
					
					accTbl += 
						"<td width=\"1%\"><input name=\"BookOption[]\" type=\"checkbox\" value=\"" + OptionID + "\"" + OptionStd + "></td>"+
						"<td width=\"49%\">" + OptionName + "</td>";

					if ((i % 2) == 1) {
						accTbl += "</tr>";
					}
				});
				
				accTbl += "</table>";
				
				$("#BookAccessories").html(accTbl);
			}
		},
		error: function(data) {
		}
	});

}

function getValue(data)
{
	
}