javascript mouseover and out functions

I have got a problem in the mouseover and out functions other than that it works. What i mean when the mouse is over the image the image should stop but when the mouse is out the same interval should take place.

thank you for your help.

var myImage = document.getElementById("world");

    var imageArray = ["imgs/worldGray.png","imgs/worldGreen.png","imgs/worldPink.png", "imgs/worldYellow.png", "imgs/world.png"];//html picture add here
    var imageIndex=0;


    function changeImage(){
        myImage.setAttribute("src",imageArray[imageIndex]);
        imageIndex++;
        if(imageIndex >=imageArray.length){
            imageIndex =0;
        }
    }
    var intervalHandle=setInterval(changeImage,5000);
    // the problem is in the below fucntions
    myImage.onmouseover = function(){
        clearInterval(intervalHandle);
    }
    myImage.onmouseout = function(){
        setInterval(intervalHandle);
    }