/*
 * display car spec
 */

$(document).ready(function(){
  $(".carspectable").hide();
  var default_cursor = $("a").css('cursor');

  $(".viewspec").click(function () {
    $("body").css('cursor', 'wait');
    var container = $(this).parent().parent().parent().parent().parent().parent().parent().parent().next(".spec_container:first");
    var target_href = document.URL.replace(/#.*/,'');
    $.get(target_href,{ajax: 'true', data: $(this).attr('id')}, function(content){
      container.empty().html(content).show();
      $("body").css('cursor', default_cursor);
      $("select[name='spec_selector']").bind('change', function () {
        $("body").css('cursor', 'wait');
        var specform = $(this).parent();
        $.get(target_href,{ajax: 'true', data: $(this).val()}, function(content){
          specform.next(".carspec").empty().html(content);
          $("body").css('cursor', default_cursor);
          return false;
        });
      });
    });
    return false;
  });
});