/* Koordinaten der Tropfen (xPos, yPos, xScale, yScale, angle) */
/* Grosse Blasen */
var bubbles = new Array();
bubbles[0] = new Array(15, 10, 16, 16, 90);
bubbles[1] = new Array(49, 14, 11, 13.5, 90);
bubbles[2] = new Array(133, 16, 6, 9, 90);
bubbles[3] = new Array(187, 14, 9, 12, 90);
bubbles[4] = new Array(252, 1, 8, 10, 90);
bubbles[5] = new Array(20, 58, 13, 15, 90);
bubbles[6] = new Array(117, 30, 5, 8, 90);
bubbles[7] = new Array(215, 33, 17, 19, 90);
bubbles[8] = new Array(185, 57, 10, 12, 90);
bubbles[9] = new Array(244, 58, 11, 13, 90);
bubbles[10] = new Array(273, 67, 6, 8, 90);
bubbles[11] = new Array(7, 77, 8, 9, 90);
bubbles[12] = new Array(40, 93, 9, 12, 90);
bubbles[13] = new Array(93, 90, 9, 9, 90);
bubbles[14] = new Array(133, 70, 10, 12, 90);
bubbles[15] = new Array(216, 71, 7, 8, 90);
bubbles[16] = new Array(223, 88, 6, 6, 90);
bubbles[17] = new Array(15, 104, 8, 10, 90);
bubbles[18] = new Array(25, 123, 9, 10, 90);
bubbles[19] = new Array(156, 116, 14, 19, 90);
bubbles[20] = new Array(233, 113, 9, 10, 90);
bubbles[21] = new Array(257, 105, 8, 9, 90);
bubbles[22] = new Array(277, 133, 9, 13, 90);
bubbles[23] = new Array(146, 133, 9, 13, 90);
bubbles[24] = new Array(125, 158, 15, 15, 90);
bubbles[25] = new Array(47, 142, 31, 40, 90);
bubbles[26] = new Array(5, 134, 18, 19, 90);
bubbles[27] = new Array(33, 163, 10, 10, 90);
bubbles[28] = new Array(92, 131, 9, 11, 90);
bubbles[29] = new Array(8, 155, 7, 8, 90);
bubbles[30] = new Array(197, 148, 7, 8, 90);
/* Kleine Blasen */
bubbles[31] = new Array(44, 43, 3, 4, 90);
bubbles[32] = new Array(140, 35, 3, 4, 90);
bubbles[33] = new Array(162, 27, 3, 4, 90);
bubbles[34] = new Array(202, 15, 3, 4, 90);
bubbles[35] = new Array(154, 63, 3, 4, 90);
bubbles[36] = new Array(193, 74, 3, 4, 90);
bubbles[37] = new Array(242, 75, 3, 4, 90);
bubbles[38] = new Array(90, 165, 3, 4, 90);
bubbles[39] = new Array(168, 146, 3, 4, 90);
bubbles[40] = new Array(248, 148, 3, 4, 90);

function initBubbleField() {	
	var bubbleContainer = document.getElementById("bubbleField");
	
	for(i = 0; i < bubbles.length; i++) {
		createBubble(bubbleContainer, i);
	}
}

function createBubble(bubbleContainer, i) {
	var bubbleImage = new Image();
	bubbleImage.src = "images/asr_bubble.gif";	
	bubbleImage.width = Math.floor(bubbles[i][2] / 31 * bubbleImage.width);
	bubbleImage.height = Math.floor(bubbles[i][3] / 40 * bubbleImage.height);
	bubbleImage.style.position = "absolute";
	bubbleImage.style.zIndex = "1";	
	bubbleImage.style.left = Math.floor(bubbles[i][0] / 290 * 100) + "%";
	bubbleImage.style.top = Math.floor(bubbles[i][1] / 189 * 100) + "%";
	
	bubbleContainer.appendChild(bubbleImage);
}