$(document).ready(function () {
  $("#selectManufacturer").change(function() {
    $("#selectEngineSize").html('<option value=""></option>');
    $("#selectEngineSize").attr("disabled", "disabled");
    $("#selectColour").html('<option value=""></option>');
    $("#selectColour").attr("disabled", "disabled");

    if ($(this).val() == "") {
      $("#selectModel").html('<option value=""></option>');
      $("#selectModel").attr("disabled", "disabled");
      return;
    }

    $.getJSON("/javascript/cascade_models.js",{manufacturer_id: $(this).val()}, function(j) {
      options = '<option value="" selected="selected">Please select...</option>';

      for (var i = 0; i < j.length; i++) {
        if (typeof j[i] == 'object') {
          options += '<option value="' + j[i].optionId + '">' + j[i].optionDisplay + '</option>';
        }
      }

      if (j.length) {
        $("#selectModel").html(options);
        $("#selectModel").removeAttr("disabled");
        $("#selectModel option:first").attr("selected", "selected");
      }
      else {
        $("#selectModel").html('<option value=""></option>');
        $("#selectModel").attr("disabled", "disabled");
      }
    })
  })

  $("#selectModel").change(function() {
    $("#selectColour").html('<option value=""></option>');
    $("#selectColour").attr("disabled", "disabled");

    $.getJSON("/javascript/cascade_models.js",{model_id: $(this).val()}, function(j) {
      options = '<option value="" selected="selected">Please select...</option>';

      for (var i = 0; i < j.length; i++) {
        if (typeof j[i] == 'object') {
          options += '<option value="' + j[i].optionId + '">' + j[i].optionDisplay + '</option>';
        }
      }

      if (j.length) {
        $("#selectEngineSize").html(options);
        $("#selectEngineSize").removeAttr("disabled");
        $("#selectEngineSize option:first").attr("selected", "selected");
      }
      else {
        $("#selectEngineSize").html('<option value=""></option>');
        $("#selectEngineSize").attr("disabled", "disabled");
      }
    })
  })

  $("#selectEngineSize").change(function() {
    $.getJSON("/javascript/cascade_models.js",{engine_size_id: $(this).val()}, function(j) {
      options = '';

      for (var i = 0; i < j.length; i++) {
        if (typeof j[i] == 'object') {
          options += '<option>' + j[i].optionDisplay + '</option>';
        }
      }

      if (j.length) {
        if (j.length > 1) {
          options = '<option value="" selected="selected">Please select...</option>' + options;
        }

        $("#selectColour").html(options);

        $("#selectColour").removeAttr("disabled");
        $("#selectColour option:first").attr("selected", "selected");
      }
      else {
        $("#selectColour").html('<option value=""></option>');
        $("#selectColour").attr("disabled", "disabled");
      }
    })
  })


  // quick search
  $("#selectModel2").attr("disabled", "disabled");
  $("#selectManufacturer2").change(function() {
    if ($(this).val() == "") {
      $("#selectModel2").html('<option value=""></option>');
      $("#selectModel2").attr("disabled", "disabled");
      return;
    }

    $.getJSON("/javascript/cascade_models.js",{manufacturer_id: $(this).val()}, function(j) {
      options = '<option value="" selected="selected">Please select...</option>';

      for (var i = 0; i < j.length; i++) {
        if (typeof j[i] == 'object') {
          options += '<option value="' + j[i].optionId + '">' + j[i].optionDisplay + '</option>';
        }
      }

      if (j.length) {
        $("#selectModel2").html(options);
        $("#selectModel2").removeAttr("disabled");
        $("#selectModel2 option:first").attr("selected", "selected");
      }
      else {
        $("#selectModel2").html('<option value=""></option>');
        $("#selectModel2").attr("disabled", "disabled");
      }
    })
  })

  $("#selectModel2").change(function() {
    window.location.replace("/search.html?parent=" + $("#selectManufacturer2").val() + "&cat=" + $(this).val());
  })

  $("#duration").change(function() {
    term = $(this).val();
	  term = term.substring(0,2);

    options = '';

    if(term == 24)
  	{
      options += '<option>1x23</option>';
      options += '<option>3x23</option>';
      options += '<option>6x23</option>';
      options += '<option>6x18</option>';
  	}
  	else if(term == 36)
  	{
      options += '<option>1x35</option>';
      options += '<option>3x33</option>';
      options += '<option>3x35</option>';
      options += '<option>6x35</option>';
      options += '<option>6x30</option>';
  	}
  	else if(term == 48)
  	{
      options += '<option>1x47</option>';
      options += '<option>3x45</option>';
      options += '<option>3x47</option>';
      options += '<option>6x47</option>';
      options += '<option>6x42</option>';
  	}
  	else if(term == 60)
  	{
      options += '<option>1x59</option>';
      options += '<option>3x57</option>';
      options += '<option>3x59</option>';
      options += '<option>6x59</option>';
      options += '<option>6x54</option>';
  	}
    else
  	{
      options += '<option>1x11</option>';
      options += '<option>3x11</option>';
      options += '<option>3x9</option>';
      options += '<option>6x11</option>';
      options += '<option>6x6</option>';
  	}

    $("#spread").empty().append(options);
  })
})