Trouble with Div boxes positioning and sine waves
<p>Right now I'm trying have 8 div boxes form a sine wave in such a way that the the waves goes through the bottom-left and top-right of each div, which I having trouble doing. Here's what I have so far:</p>

<p>var divArr = new Array();</p>

<pre><code>for(i = 0; i &lt;= 8; i++){

var yPos = 50 + 50 * Math.sin((i/8) * 2 * Math.PI);
divArr[i] = OS.dom.add_element('div', view, {position: 'absolute', width: '50px', height: yHeight+'px', 'background-color': '#000000'});
var yHeight = 20;
divArr[i].style.left = (i * 50)+'px';
divArr[i].style.top = yPos+'px';
</code></pre>

<p>Right now, it looks something like this:(www.terpconnect.umd.edu/~chipva/sinewave_div.PNG)</p>
