// Animate the logo - maintain the coordinates coherent with the other pages!
// requires 'raphael-my.js'
addOnLoadEvent(
   function() { // Logo default position and size [px]:
               var x0 = 18;
               var y0 = 5;
               var w0 = 117;
               var h0 = 90;
               dglogo = canvas.image('inc/img/dglogo.png', (w-w0)/2, (h-h0)/2, w0, h0).attr({rotation: 90, opacity: 0});
               dglogo.animate({scale: '3 3', rotation: '0', opacity: 1}, 1000, 'backOut', function(){dglogo.animate({x: x0, y: y0, scale: '1 1', rotation: '0'}, 1000, '<>'); });
               dglogo.node.onclick = function () {dglogo.animate({scale: '1.15 1.15'}, 200, 'backIn', function(){dglogo.animate({scale: '1 1'}, 400, 'bounce'); });};
               //setTimeout("var e=document.getElementById('main'); alert('I am a ' + e.tagName + ' element'); e.setAttribute('color','red');",1000);
              }
              );