// JavaScript Document

	function startbubbles() {
	
		for (var j = 1; j < 11; j++) {
		
			var name = 'bubble' + j;
			
			bubbles(name);
		
		}
	
	}

	function bubbles(name) {
	
		var size = Math.floor(Math.random() * 190) + 10;
		var x = Math.floor(Math.random() * 680) + 200;
		var y = Math.floor(Math.random() * 200) + 500;
		
		var i = new Image();
		i.src="images/circle.png";
		i.id = name;
		i.style.position = 'absolute';
		i.style.width = size + 'px';
		i.style.height = size + 'px';
		i.style.top = y + 'px';
		i.style.left = x + 'px';
		
		var b = document.getElementById('box');
		
		b.appendChild(i);
		
		moveImage(i.id);
	
	}
	
	var flick = 0;
	
	function moveImage(name) {  
	
		var img = document.getElementById(name);
	
		var x = parseInt(img.style.left.substr(0, img.style.left.length - 2));
		var y = parseInt(img.style.top.substr(0, img.style.top.length - 2));
		
		var poplottery = Math.floor(Math.random() * 500);
		
		if (y > 0 && x < 980 && x > 0 && poplottery != 50) {
		
			var xchange = Math.floor(Math.random() * 5);
			
			if (flick == 0) {
			
				flick = 1;
			
			} else {
			
				flick = 0;
				xchange = xchange * -1;
			
			}
		
			var newx = x + xchange;
			var newy = y - 2;
		
			img.style.left = newx + 'px';
			img.style.top = newy + 'px';
			
			setTimeout('moveImage("' + name + '");', 20);
			
		} else {
		
			var b = document.getElementById('box');
			
			b.removeChild(img);
			
			bubbles(name);
		
		}
	
	}