window.onload = function() {
              
              
var paper = new Raphael(document.getElementById('canvas_container'), 300, 200);
            
var gear1 = paper.image("/content/images/gear1.png", 53, 100, 86, 86);
var gear2 = paper.image("/content/images/gear2.png", 8, 12, 101, 101);
var gear3 = paper.image("/content/images/gear3.png", 117, 40, 97, 97);
var gear4 = paper.image("/content/images/gear4.png", 145, 0, 50, 50);


var spin = 0;

spinright();
function spinright(){
spin +=8640;

gear1.animate({rotation: "-"+spin+""}, 240000);
gear2.animate({rotation: spin }, 240000);
gear3.animate({rotation: spin }, 240000);
gear4.animate({rotation: "-"+(spin + 1000)+"" }, 240000);

//setTimeout(spinright(), 240000);
}

}