Остановка слайдера при наведении мыши

var left = document.getElementById("left");
    var right = document.getElementById("right");
    var slider = document.getElementById("slider");
 
 
    left.onclick = function(){ 
        var l = "l";
    slide(l); 
    };
    right.onclick = function(){ 
        var r = "r";
    slide(r); 
    };
/* листает слайды по клику */
function slide(dir){
    if( dir == "r"){
        x = parseInt(slider.style.marginLeft);
        if ( isNaN(x) ){
            x = 0;
        };
        if ( x <= -3600 ){
            x = 0;
        } else {
            x = x - 1200;
        };
        slider.style.marginLeft =  x + "px";
    } else {
        x = parseInt(slider.style.marginLeft);
        if ( isNaN(x) ){
            x = 0;
        };
        if ( x >= 0 ){
            x = -3600;
        } else {
            x = x + 1200;
        };
                slider.style.marginLeft = x + "px";
            };
};
/* листает слайды по времени */
    var t = setInterval('slide("r")', 8000);
 
    var div = document.getElementById("t");
 
    div.onmouseenter = function (){
        clearInterval(t);
    };
    div.onmouseleave = function (){
        
    };