$(document).ready(function(){

	$(document).delay(3000,function(){
		$("#myimage").attr({src : "img/spinnetje.gif"});
	});
		
	// the animated gif is being displayed
	// stop the an imation after a delay of 9 seconds...
	$(document).delay(9000,function(){
		$("#myimage").attr({src : "img/spinnetje_stop.gif"});
	});


  // hook 'hover' over spinnetje and run the animation again - but avoid starting the animation if it's still running
  $("#myimage").mouseover(function ()
  {

	if ($("#myimage").attr('src') != "img/spinnetje.gif") {

		$("#myimage").attr({src : "img/spinnetje.gif"});

		$(document).delay(4000,function(){
			$("#myimage").attr({src : "img/spinnetje_stop.gif"});
		});
        }

  });

});