// JavaScript Document
	$(function() {
	   
        var options = { 
            target:        '#results',
            success:       function() {
                $('#ajax_loader').hide();
                $('#results').slideDown('slow');    
            } 
        }; 
        $('#ProductResultsQuadsForm').submit(function(){
            $('#results').slideUp('slow', function() {
                $('#ajax_loader').show();
                $('#ProductResultsQuadsForm').ajaxSubmit(options);
            });
            return false;  
        })  
 

		var url = "/products/get_search_results/";

		var userfield4 = $('#ProductUserfield4');
		var userfield5 = $('#ProductUserfield5');
		var userfield6 = $('#ProductUserfield6');
		var brand = $('#ProductBrandId');
		var category = $('#ProductCategoryId');
		var userfield1 = $('#ProductUserfield1');
		var userfield2 = $('#ProductUserfield2');
		var userfield3 = $('#ProductUserfield3');
		var comodityCode = $('#ProductComodityCode');

		$('a.advance_button').toggle(function() {
			$('div.advance').show();
		}, function() {
			$('div.advance').hide();
		});

		userfield4.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val()},
				success: function(data){
					if (data != ''){
						userfield5.html(data);
					}
					userfield6.attr('disabled', 'disabled');
					userfield6.html('<option>-Rim Size-</option>');
					brand.attr('disabled', 'disabled');
					brand.html('<option>-Brand-</option>');
					category.attr('disabled', 'disabled');
					category.html('<option>-Bike Type-</option>');
					userfield1.attr('disabled', 'disabled');
					userfield1.html('<option>-Type/Use-</option>');
					userfield2.attr('disabled', 'disabled');
					userfield2.html('<option>-Range/Name-</option>');
					userfield3.attr('disabled', 'disabled');
					userfield3.html('<option>-Speed Rating-</option>');
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');
					$(userfield4).removeClass('loader');
					userfield5.removeAttr('disabled');
				}
			});
		});
		
		userfield5.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val()},
				success: function(data){
					if (data != ''){
						userfield6.html(data);
					}

					brand.attr('disabled', 'disabled');
					brand.html('<option>-Brand-</option>');
					category.attr('disabled', 'disabled');
					category.html('<option>-Bike Type-</option>');
					userfield1.attr('disabled', 'disabled');
					userfield1.html('<option>-Type/Use-</option>');
					userfield2.attr('disabled', 'disabled');
					userfield2.html('<option>-Range/Name-</option>');
					userfield3.attr('disabled', 'disabled');
					userfield3.html('<option>-Speed Rating-</option>');
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');

					$(userfield5).removeClass('loader');
					userfield6.removeAttr('disabled');
				}
			});
		});

		userfield6.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val(), 'userfield6' : userfield6.val()},
				success: function(data){
					if (data != ''){
						brand.html(data);
					}

					category.attr('disabled', 'disabled');
					category.html('<option>-Bike Type-</option>');
					userfield1.attr('disabled', 'disabled');
					userfield1.html('<option>-Type/Use-</option>');
					userfield2.attr('disabled', 'disabled');
					userfield2.html('<option>-Range/Name-</option>');
					userfield3.attr('disabled', 'disabled');
					userfield3.html('<option>-Speed Rating-</option>');
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');

					$(userfield6).removeClass('loader');
					brand.removeAttr('disabled');
				}
			});
		});

		brand.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val(), 'userfield6' : userfield6.val(), 'brand' : brand.val()},
				success: function(data){
					if (data != ''){
						category.html(data);
					}

					userfield1.attr('disabled', 'disabled');
					userfield1.html('<option>-Type/Use-</option>');
					userfield2.attr('disabled', 'disabled');
					userfield2.html('<option>-Range/Name-</option>');
					userfield3.attr('disabled', 'disabled');
					userfield3.html('<option>-Speed Rating-</option>');
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');

					$(brand).removeClass('loader');
					category.removeAttr('disabled');
				}
			});
		});

		category.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val(), 'userfield6' : userfield6.val(), 'brand' : brand.val(), 'category' : category.val()},
				success: function(data){
					if (data != ''){
						userfield1.html(data);
					}
					userfield2.attr('disabled', 'disabled');
					userfield2.html('<option>-Range/Name-</option>');
					userfield3.attr('disabled', 'disabled');
					userfield3.html('<option>-Speed Rating-</option>');
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');

					$(category).removeClass('loader');
					userfield1.removeAttr('disabled');
				}
			});
		});

		userfield1.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val(), 'userfield6' : userfield6.val(), 'brand' : brand.val(), 'category' : category.val(), 'userfield1' : userfield1.val()},
				success: function(data){
					if (data != ''){
						userfield2.html(data);
					}
					userfield3.attr('disabled', 'disabled');
					userfield3.html('<option>-Speed Rating-</option>');
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');
					$(userfield1).removeClass('loader');
					userfield2.removeAttr('disabled');
				}
			});
		});

		userfield2.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val(), 'userfield6' : userfield6.val(), 'brand' : brand.val(), 'category' : category.val(), 'userfield1' : userfield1.val(), 'userfield2' : userfield2.val()},
				success: function(data){
					if (data != ''){
						userfield3.html(data);
					}
					comodityCode.attr('disabled', 'disabled');
					comodityCode.html('<option>-Weight Rating-</option>');

					$(userfield2).removeClass('loader');
					userfield3.removeAttr('disabled');
				}
			});
		});

		userfield3.change(function() {
			$(this).addClass('loader');
			$.ajax({
				type: "GET",
				url: url,
				data: {'userfield4' : userfield4.val(), 'userfield5' : userfield5.val(), 'userfield6' : userfield6.val(), 'brand' : brand.val(), 'category' : category.val(), 'userfield1' : userfield1.val(), 'userfield2' : userfield2.val(), 'userfield3' : userfield3.val()},
				success: function(data){
					if (data != ''){
						comodityCode.html(data);
					}
					$(userfield3).removeClass('loader');
					comodityCode.removeAttr('disabled');

				}
			});
		});

	});