// JavaScript Document

	$(document).ready( function ()
	{
		$(".range_list li.range h2").bind('click', function() 
		{
			$("#loading").css("display", "block");
			
			//Clear any existing model info
			$(".range_list .models").html("");
			
			var liClicked = $(this).parent();

			var range_id = liClicked.attr("range_id");

			
			var ul = liClicked.children("ul");
			
				$.ajax({
					url: '/ajax/models.php',
					data: "range_id=" + range_id,
					cache: false,
				  
					success: function(data)
					{
						$(ul).html(data);
						$("#loading").css("display", "none");
					},
					error: function(data)
					{
						$("#loading").css("display", "none");
						alert("Error Retrieving Model Information: " + data.status);
					}
				  
				});
			
			
		});


		$(".range_list li.model h3").live('click', function() 
		{
			$("#loading").css("display", "block");
			
			
			//alert("model click");
			
			//Clear any existing model info
			$(".range_list .trims").html("");

			var liClicked = $(this).parent();

			var model_id = liClicked.attr("model_id");

			var ul = liClicked.children("ul");
			
				$.ajax({
					url: '/ajax/trims.php',
					data: "model_id=" + model_id,
					cache: false,
				  
					success: function(data)
					{
						$(ul).html(data);
						
						$("#loading").css("display", "none");
						
					},
					error: function(data)
					{
						$("#loading").css("display", "none");
						alert("Error Retrieving Trim Information: " + data.status);
					}
				  
				});
			
			
		});

		$(".range_list li.trim h4").live('click', function() 
		{
			$("#loading").css("display", "block");
//			alert("load derivatives for trim");
			
			//Clear any existing model info
			$(".range_list .derivatives").html("");

			var liClicked = $(this).parent();

			var trim_id = liClicked.attr("trim_id");

			var ul = liClicked.children("ul");
			
				$.ajax({
					url: '/ajax/derivatives.php',
					data: "trim_id=" + trim_id,
					cache: false,
				  
					success: function(data)
					{
						$(ul).html(data);
						
						$("#loading").css("display", "none");
					},
					error: function(data)
					{
						$("#loading").css("display", "none");
						alert("Error Retrieving Derivative Information: " + data.status);
					}
				  
				});
			
			
		});



	});