Pause when text hover

[robert_gsfame]

I have this script to rotate the text, but as i am still newbie ...i wish to have the rotation pause for a while when hover...can somebody help me..below is my code

 

<script type="text/javascript">

var rotatingTextElement;

var rotatingText = new Array();

var ctr = 0;

 

function initRotateText() {

rotatingTextElement = document.getElementById("textToChange");

rotatingText[0] = rotatingTextElement.innerHTML; // store the content that's already on the page

rotatingText[1] = "Ten Reason to Buy Gumballs";

rotatingText[2] = "White House bla bla";

setInterval(rotateText, 5000);

}

function rotateText() {

ctr++;

if(ctr >= rotatingText.length) {

ctr = 0;

}

rotatingTextElement.innerHTML = rotatingText[ctr];

}

window.onload = initRotateText;

</script>

 

this is my html code

<span id="textToChange">New Release... Leopard</span>

 

 

thx for any helps