$(document).ready(function() {
	 	loadUse();
		$("select#use").change(loadRim);
		function loadUse() {
			$.getJSON('/cfmx/web/fierce/components/tiresel.cfc',
				{method: "getTireType",
				 returnformat: "json"},  function(data) {
					$("select#use").removeOption(/./);
					$("select#use").addOption("-1", "By Use");
					$.each(data.DATA, function(i,item){
						$("select#use").addOption(item[1], item[0]); //loop over the JSON dataset
					});
					//select first option in the list
					$("select#use option:first").attr("selected","selected");
					loadRim();
				 });
		}
		function loadRim() {
			var byuse = $("select#use").val();
		    $.getJSON('/cfmx/web/fierce/components/tiresel.cfc',
			{method: "getRimDiameter",
			 tireType: byuse,
			 returnformat: "json"},  function(data) {
				$("select#rim").removeOption(/./);
				$("select#rim").addOption("-1", "By Rim Diameter");
				$.each(data.DATA, function(i,item){
					$("select#rim").addOption(item[0], item[0]);
				});
				//select first option in the list
				$("select#rim option:first").attr("selected","selected");
			 });
		}
	});
	function validate()
	{
		if ( document.tsel.use.selectedIndex == 0 )
		{
			alert ( "Please select a use." );
			return false;
		}
		
		else if ( document.tsel.rim.selectedIndex == 0 )
		{
			alert ( "Please select a rim diameter." );
			return false;
		}
		
		else {return true;}

	}