animar olas del mar

[joshy0890]

Hola como primer post en HTML5
Necesito si se puede con canvas crear el movimientos de las olas
Usando css para dibujar las olas o de imagenes directamentes

actualmente estoy en un pegon:

Código:

   	<script type="text/javascript">
			var scrollSpeed = 1; 		// Speed in milliseconds
			var step = 1; 				// How many pixels to move per step
			var current = 0;			// The current pixel row
			var imageWidth = 1139;		// Background image width
			var headerWidth = 548;		// How wide the header is.1280
			
			//The pixel row where to start a new loop
			var restartPosition = -(imageWidth - headerWidth);
			
			function scrollBg(){
				//Go to next pixel row.
				current -= step;
				
				//If at the end of the image, then go to the top.
				if (current == restartPosition){
					current = 0;
				}
				
				//Set the CSS of the header.
				$('#header').css("background-position",current+"px 0");
			}
			
			//Calls the scrolling function repeatedly
			var init = setInterval("scrollBg()", scrollSpeed);				
</script>

con esto logro mover pero es de izquierda a derecha y lo quiero rebotando
ayuda por favor????