$("#turn-spinner-right").click(function(){

  var sentido = 'right';

  spin(sentido);

});

​

$("#turn-spinner-left").click(function(){

  var sentido = 'left'; 

  spin(sentido);

});

​

function spin(direction){

    var transform = $(".spinner").css("transform");

    console.log('MATRIX: '+transform);

    var angle = convertMatrixToAngle(transform);

    console.log(angle);    

​

    switch(direction){

        case 'left':

            if($(".spinner").css( "transform" ) == 'none'){

                $(".spinner").css("transform","rotate(-45deg)");

            } else {

                var newAngle = angle-45;

                console.log('novo angulo:'+newAngle);

                $(".spinner").css("transform","rotate("+newAngle+"deg)");

            }

            break;

        case 'right':

            if($(".spinner").css( "transform" ) == 'none'){

                $(".spinner").css("transform","rotate(45deg)");

            } else {

                var newAngle = angle+45;

                console.log('novo angulo:'+newAngle);

                $(".spinner").css("transform","rotate("+newAngle+"deg)");

            }

            break;

    }

}

​

​

function convertMatrixToAngle(vl){

    if(vl == 'none'){

        var angle = 0;

    } else {

        var values = vl.split('(')[1].split(')')[0].split(',');

        var a = values[0];

        var b = values[1];

        var c = values[2];

        var d = values[3];

​

        var scale = Math.sqrt(a*a + b*b);

​

        var sin = b/scale;

        var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));

​

        if(angle < 0){

            angle = Math.abs(angle);

        }

    }

    return angle;

}

​