Слайдер

(function() {
 
            //------------------//
            var slider = document.getElementById('content');
            var block = document.getElementById('inner');
            var wrap = block.getElementsByTagName('div');
            var current = 0;
            var wrapCurrent = 0;
            var listing = null;
 
            //------------------//
            goListing();
 
            //------------------//
            slider.onmouseout = goListing;
            slider.onmouseover = stopListing;
 
            //------------------//
            var i, j, wrapone, links;
            for (i = 0; i < wrap.length; i++) {
                wrapone = wrap[i];
                links = wrapone.getElementsByTagName('a');
                for (j = 0; j < links.length; j++) {
                    (function(j) {
                        links[j].className = "link link" + (j + 1);
                        links[j].onmouseover = function() {
                            slide(j);
                        };
                    })(j);
                };
            };
 
            //------------------//
            function slide(pos) {
                pos === undefined ? current++ : current = pos;
                if (current >= 4) {
                    wrapCurrent++;
                    if (wrapCurrent >= wrap.length) wrapCurrent = 0;
                    block.style.left = -wrapCurrent * 240 + 'px';
                    current = 0;
                }
                slider.className = 'show__' + (current + 1);
            };
 
            function goListing() {
                listing = setInterval(slide, 3000);
            };
 
            function stopListing() {
                clearInterval(listing);
                listing = null;
            };
 
            block.className = "";
 
        })();