google.load("jquery", "1.3.2");
google.setOnLoadCallback(function() {

var $pOutput = $('#output p');

$('#year').change(function(){
    var $this = $(this);
    if (! $this.val()){
        $this.nextAll('select').attr('disabled', 'disabled');
        return;
    }
    $this.nextAll('img').fadeIn('normal');
    $('#model').attr('disabled', 'disabled');
    document.getElementById("divMessage").style.display="none"; 
    var url = 'make.php?year='+$this.val();
    $.ajax({
        url: url,
        dataType: 'html',
        success: function(data){
            $('#make').html(data).removeAttr('disabled');
            $this.nextAll('img:first').fadeOut('normal');
            $('#model').attr('disabled', 'disabled');
        }
    });
});

$('#make').change(function(){
    var $this = $(this);
    if (! $this.val()){
        $this.nextAll('select').attr('disabled', 'disabled');
        return;
    }
    $this.nextAll('img').fadeIn('normal');
    var url = 'model.php?make='+$this.val();
    $.ajax({
        url: url,
        dataType: 'html',
        success: function(data){
            $('#model').html(data).removeAttr('disabled');
            $this.nextAll('img:first').fadeOut('normal');
        }
    });
});

$('#model').change(function(){
    if (! $(this).val()){ 
        $pOutput.html(''); 
        return; 
    }
    var content = "<b>Vehicle:</b> " 
        + $('#year').val() + ' '
        + $('#make').val() + ' '
        + $(this).val();
    $pOutput.html(content);   
    document.getElementById("divMessage").style.display="block"; 
});


});