(function($) {

    window.app = {

        spritely: {

            init: function() {

                $('#car')
                    .sprite({fps: 60, no_of_frames: 4})
                    .isDraggable()
                    .activeOnClick()
                    .active();

                $('#wolken').pan({fps: 30, speed: 0.7, dir: 'left', depth: 10});
                $('#mond').pan({fps: 30, speed: 0.7, dir: 'left', depth: 10});
                $('#berge').pan({fps: 30, speed: 2, dir: 'left', depth: 30});
                $('#strasse').pan({fps: 30, speed: 3, dir: 'left', depth: 70});
                $('#strasse, #berge, #wolken').spRelSpeed(8);

                $('html').flyToTap();
                {
                    var stage_left = (($('body').width() - 866) / 2);
                    var stage_top = 10;
                    $('#car').spRandom({top: stage_top + 220, left: stage_left - 20, right: 600, bottom: 250, speed: 3500, pause: 5000});
                }

                    $('#container, .buehne').css({
                       'min-width': '900px'
                    });
                    $('#slider')
                        .show()
                        .slider({
                            value: 8,
                            min: -60,
                            max: 60,
                            slide: function() {
                                window.app.spritely.sliderChange($(this).slider('value'));
                            },
                            change: function() {
                                window.app.spritely.sliderChange($(this).slider('value'));
                            }
                        });
            },

            sliderChange: function(val) {
                  if ($('#ziehen').css('display') == 'block') {
{
                          $('#ziehen').hide();
                      }
                  }
                  var sliderSpeed = val;
                if (sliderSpeed < 0) {
                    var sliderSpeed = String(sliderSpeed).split('-')[1];
                    $('#car').spState(2);
                    $('#strasse, #berge, #wolken').spChangeDir('right');
                } else {
                    $('#car').spState(1);
                    $('#strasse, #berge, #wolken').spChangeDir('left');
                }
                $('#strasse, #berge, #wolken').spRelSpeed(sliderSpeed);

                var birdSpeed = sliderSpeed;
                if (sliderSpeed < 60) {
                    var birdSpeed = 60;
                } else if (sliderSpeed > 120) {
                    var birdSpeed = sliderSpeed / 2;
                }
                $('#car').fps(birdSpeed - 4);

            }

        },

    };

    $(document).ready(function() {
        window.app.spritely.init();
    });

})(jQuery);