(function($) {
    $(function() {
        var car_maker = $('#car-maker');
        var car_model = $('#car-model');
        var car_engine = $('#car-engine');

        car_maker.change(function() {
            car_maker_change();
        });

        car_model.change(function() {
            car_model_change();
        });

        car_engine.change(function() {
            car_engine_change();
        })

        function car_maker_change() {
            var maker_id = car_maker.find('option:selected').val();

            var data = {
                'action': 'mm_get_models',
                'maker_id': maker_id
            };

            $.post(ajax_object.ajax_url, data, function(response) {
                results = $.parseJSON(response);

                clear_model_dropdown();
                clear_engine_dropdown();

                car_model.append($('<option value="0">Wybierz...</option>'));
                $.each(results.models, function() {
                    car_model.append($("<option/>").val(this.slug).text(this.name));
                });
            });
        }

        function car_model_change() {
            var model_slug = car_model.find('option:selected').val();

            var data = {
                'action': 'mm_get_engines',
                'model_name': model_slug
            };

            $.post(ajax_object.ajax_url, data, function(response) {
                results = $.parseJSON(response);

                clear_engine_dropdown();

                car_engine.append($('<option value="0">Wybierz...</option>'));
                $.each(results.engines, function() {
                    car_engine.append($("<option/>").val(this.post_id).text(this.title));
                });
            });
        }

        function car_engine_change() {
            var engine_id = car_engine.find('option:selected').val();
            console.log(engine_id);

            var data = {
                'action': 'mm_get_engine_image',
                'engine_id': engine_id
            };

            $.post(ajax_object.ajax_url, data, function(response) {
                results = $.parseJSON(response);

                $('.power-chart').animate(
                    {
                        //'right': '60%',
                        'opacity': 0
                    },
                    250,
                    function() {
                        $(this).find('img').attr('src', results.image_url);
                        $(this).animate(
                            {
                                //'right': '50%',
                                'opacity': 1
                            },
                            750
                        );
                    }
                )
            });
        }

        function clear_model_dropdown() {
            car_model.find('option').remove().end();
        }

        function clear_engine_dropdown() {
            car_engine.find('option').remove().end();
        }
    });
})(jQuery);