var movimiento = "";
var n_posicion = 0;
var j = 0;
var longitud = 36;
var control = 0;

/* CONFIGURACION DE LA ONDA */
var caracter = "*"; //caracter con el que se representa la onda
var xo = 0 // valor inicial de la posición de la onda sobre el eje x
var yo = 80; // valor inicial de la posición de la onda sobre el eje y
var v = 400; // velocidad de la onda
var A = 60; // Amplitud
var T = 18; // Periodo
var longitud_onda = 10; // Longitud de onda
/* FIN CONFIGURACION DE LA ONDA */


var w = ( 2 * 3.14 ) / T; // frecuencia angular
var k = ( 2 * 3.14 ) / longitud_onda; // numero de onda

function movimiento_ondulatorio(){

	movimiento = movimiento + "<li id='pos"+ n_posicion + "'>" + caracter + "</li>";
	$("#onda").html(movimiento);		
		
	for (i=0; i < n_posicion; i++)
	{
		x = xo + i
		t = i;
		y = yo + (A * Math.cos((k * x) - (w * t)))	// posicion de la onda		
		
		$("li#pos" + i).css({ top: y + "px" });
		$("li#pos" + i).css({ left: x + "px" });
	}
	n_posicion++;
	j++;
	if(j == longitud + 1)
	{
		control = 1;
		n_posicion = 0;
		j= 0;
		clearInterval(onda);
	}
		
	$("#onda li:last").hide();	
}

$(document).ready(function(){
	$("li#pos0").css({ left: yo + "px" });

	$(".btnonda")	
		.click(function (event) {
			event.preventDefault();	
			if(control)
			{		
				movimiento = "";
				$("#onda").html("");
				onda = setInterval("movimiento_ondulatorio()", v);
			}
	});
});

onda = setInterval("movimiento_ondulatorio()", v);