//function $(e) { return document.getElementById(e); }

var g_bubbleCount;
var g_animTimer;

var g_Bubbles = new Array();

var g_Time = 100;

var iHeight = 200;
var iWidth 	= 200;

function createBubbles(bubbleCount, width, height)
{
	iWidth = width;
	iHeight = height;
	g_bubbleCount = bubbleCount;
	
	var i = 0;
	
	for(i = 0; i < bubbleCount; i++)
	{
		
		var img = document.createElement("img");
		img.src = "images/bubble" + (i%3) + ".png";

		img.className = "bubble";
        img.style.zIndex = bubbleCount-i;
		
		g_Bubbles[i] = img;

		//$("#bubbles").appendChild(img);
		document.getElementById('bubbles').appendChild(img);
	}
	
	//animBubbles();

	animTimer = setInterval("animBubbles()", 150);
}


function bubbleY(i)
{
	i = (i/g_bubbleCount) * 5;
	
	return (g_Time * (10  + i * 50) + 50*i) % (iHeight + 50);
}

function bubbleX(i)
{
	i = (i/g_bubbleCount) * 5;
	
	x =  0.1*iWidth*(Math.sin(g_Time*(1+0.5*i) + 0.1*i) + 0.5*Math.sin(g_Time*2*(1+0.2*i)  + 0.1*i));
	
	x *= (0.1+2*(bubbleY(i) / iHeight))
	
	//return x / 1.5;

    return (bubbleY(i))/iHeight * x;
}

function bubbleSize(i)
{
	i = (i/g_bubbleCount) * 5;
	
	return 0.1 + 0.3*(bubbleY(i)/iHeight) + i/5;
}

function animBubbles()
{
	var i = 0;
	
	for(; i < g_bubbleCount; i++)
	{
		g_Bubbles[i].style.left = (iWidth/2) + bubbleX(i) - (bubbleSize(i)/2) + "px";
		g_Bubbles[i].style.top = (iHeight + 0) - bubbleY(i) + (bubbleSize(i)/2)  + "px";
		
		g_Bubbles[i].width = 10+(bubbleY(i)/18)*bubbleSize(i);
		g_Bubbles[i].height = g_Bubbles[i].width;
        //$(g_Bubbles[i]).html(g_Bubbles[i].style.left);
	}
	
	g_Time += 0.04;
}