var ctx	= document.getElementById('titleHead').getContext('2d');
	var w 	= document.getElementById('titleHead').width;
	var h 	= document.getElementById('titleHead').height;

	var img = new Image();
	img.src = "rays.png";


	var earthX=0, ray1x=470, ray2x=674;
	var earthWidth=470, ray1w=206, ray2w=181;
	var earthH=317, rayH=248;
	var rayXlimit = w - ray1w;
	var rayYlimit = h - rayH;

	img.onload = function()
	{
		var lastDraw = new Date();
		var delay = 0;

            ctx.fillStyle = "rgba(0,0,0,0.1)";
		var scrollFunc = function()
		{
			ctx.fillRect (0, 0, w, h);
			ctx.drawImage(img,0,0,earthWidth,earthH,0,h-earthH,earthWidth,earthH);

			//var randnum=Math.floor(Math.random()*11); //rand between 1-10
                  var x=Math.floor(Math.random()*rayXlimit);
                  var y=Math.floor(Math.random()*rayYlimit);
                  var whichRay = Math.random();
                  if (whichRay < .3)
                  	{ctx.drawImage(img, ray1x, 0, ray1w, rayH, x, y, ray1w, rayH);}
                  else if (whichRay < .6)
                  	{ctx.drawImage(img, ray2x, 0, ray2w, rayH, x, y, ray2w, rayH);}

			var now = new Date();
			delay = now - lastDraw;
			lastDraw = now;
			setTimeout(scrollFunc,60); //don't 100% the cpu
		};

		scrollFunc();
	};