$(document).ready(
	function()
	{
		$('#catselect').bind("dblclick", 
			function()
			{
				window.location = '/category/view/' + $('#catselect').val();
			}
		);
		
		$("#chooseCatSelects").click(
			function()
			{
				if ($('#yearsel').val() <= 0)
				{
					alert("Please select a make, model, and year for your car.");
				}
				else
				{
					window.location = '/category/view/' + $('#yearsel').val();
				}
			}
		);
		
		// bind to the  vehicle selects
		$('#makesel').change(MakeChanged);
		$('#modelsel').change(ModelChanged);
	}
);

var CurrentMake;

function MakeChanged()
{
	Clear('#modelsel');
	Clear('#yearsel');
	
	if ($('#makesel').val() == 0)
	{
		return;
	}

	// get the list of models
	$.post("/selectservice/models", {subtext: $('#makesel :selected').text()}, 
		function(data)
		{
			Populate('#modelsel', data);
			CurrentMake = data;
		},
	"json");
}

function ModelChanged()
{
	var selected = $('#modelsel').val();
	
	if (selected == 0)
	{
		Clear('#yearsel');
		return;
	}
	
	// update the years
	Populate('#yearsel', CurrentMake[selected].years);
}

function Populate(select, opts)
{
	$(select).removeAttr("disabled");

	var options = '';
	for (var i=0; i < opts.length; i++)
	{
		options += '<option value=' + opts[i].val + '>' + opts[i].text; 
	}
	
	$(select).html(options);
}

function Clear(select)
{
	$(select).html('<option value=0>---Select One---');
	$(select).attr('disabled', 'disabled');
}