Javascript setTimeout function
<p>I am calling this function</p>

<pre><code>function drawLayers() {

    //setTimeout(drawBlueSky,500);
    //setTimeout(drawCircle1,1250);
    setTimeout(drawMoon,800);
    setTimeout(drawCircle1,2300);
    setTimeout(drawCircle2,2700);
    setTimeout(drawCircle3,3100);
    setTimeout(drawCircle4,3500);
    setTimeout(drawCircle5,3900);
    setTimeout(drawtext2,4300);
    setTimeout(drawtext,4700);
    setTimeout(drawtext3,5100);
    setTimeout(drawtext4,5500);
    setTimeout(drawtext5,5900);
    setTimeout(drawtext6,6300);
    setTimeout(drawtext7,6700);
    setTimeout(drawtext8,7100);
    setTimeout(drawtext9,7500);
    setTimeout(drawtext10,7900);

}
</code></pre>

<p>which calls many other functions fox ex <code>drawMoon</code>,<code>drawCircle1</code> etc 
I am calling <code>drawLayers()</code> function on click of play button. What I need is if someone clicks on stop button the <a href="https://developer.mozilla.org/en/window.setTimeout" rel="nofollow"><code>setTimeout</code></a> function should stop calling all other functions or stop wherever it is. For ex if <code>drawMoon</code> function is called and someone clicks on stop all other functions <code>drawCircle1</code>,<code>drawCircle2</code> shouldnt be called.</p>

<ol>
<li>pause button also there would be third button which when clicked will pause the setTimeout function as above. when i click on same button again it should call function from where it has stopped.</li>
</ol>

<p>Is this possible?</p>
