ptitim

// custom theme classes
$(document).ready(function(){
    $('#scene').addClass('sd-slide-background-color_1 sd-world-background-image_1');
});

// kinetics
var zoomerInit = new function () {
    this.set = function (s) {
        // location: x,y,z
        // rotation: rx,ry,rz. Use 0-360 to prevent carousel problems
        // width: w (height is calculated as 16*9)
        // reverse: come to the slide from the other direction
        // s.addTarget(x, y, z, rx, ry, rz, width,time);

        //s.addTarget(0, 0, 0, 0, 0, 0, 2000); // 1920/2=960
        s.setLocation(90, 90, 50, -90, -180, 0, 180, 000);

        s.addTarget(90, 90, 50, -90, -180, 0, 180, 1000, 'Quadratic.Out');        //slide1
       //s.addGlide(-150, 90, 50, -90, -180, 0, 180, 1000, 'Quadratic.Out');

        //s.addTarget(120, 150, 50, -90, -180, 0, 180, 2500, 'Quadratic.Out');    //slide

        s.addGlide(170, 251, 90, -90, -185, 0, 180, 2200, 'Quadratic.Out');       //slide

        s.addTarget(30, 250, 200, -90, -180, 0, 180, 2000, 'Quadratic.Out');      //slide

        s.addTarget(130, 240, 500, -90, -180, 0, 180, 2600, 'Quadratic.Out');     //slide

        s.addTarget(100, 180, 560, -90, -180, 0, 180, 2500, 'Quadratic.Out');     //slide

        s.addTarget(100, 110, 600, -90, -180, 0, 180, 2800, 'Quadratic.Out');    //slide

        //s.addTarget(90, 90, 50, -90, -180, 0, 180, 3000, 'Quadratic.Out');      //slide

        //s.addTarget(90, 110, 70, -90, -180, 0, 180, 1500, 'Quadratic.Out');     //slide

        //s.addTarget(90, 150, 310, -90, -180, 0, 180, 2000, 'Quadratic.Out');    //slide

        // var x = 80,
        //     y = 200,
        //     w = 180,
        //     scalar = w / 1920;
        // x = x + 960 + ( (-(1 - scalar) / 2) * 1920);
        // y = y + 540 + ( (-(1 - scalar) / 2) * 1080);
        // console.log('x: ' + Math.round(x) + ' | y: ' + Math.round(y));

        // http://sole.github.io/tween.js/examples/03_graphs.html - You use this syntax
        // but refer here http://easings.net/ for general information regarding easings and illustration






    };
} // GLIDE

$( document ).ready(function() {
    $("<div id='svg-animation'></div>").load("//resources.emaze.com/vbscenes/kinetics/css/animationSVG.html", null , function(e){
    }).appendTo(document.body);
});