[Alex Frost]

Здравствуйте господа программисты. Я новичок и JS является моим первым языком программирования.
Я перерыл весь интернет, но так и не смог разобраться в некоторых вопросах. Короче, перед мной встала
такая задача:
Есть 2 массива, в каждом по 10 элементов (может быть и больше), мне нужно вывести содержимое массива "name" в
div "name-list", а "surename" в "surename-list" ( Vadim и Petrov, ожидание, Sasha и Ivanov, ожидание, и т.д.), т.е одновременно и с задержкой в 5000 на месте 2 предыдущих элементов. Но тут такой нюанс, мне нужно что бы весь цикл повторялся заново после того, как
последние 2 элемента будут отображены. Реально ли это осуществить?

Старался объяснить как можно конкретнее, а вот и сам "код":

window.onload = function sidebar() {
    var name = new Array(10);
        name[0] = "Vadim";
        namer[1] = "Sasha";
        name[2] = "Slava";
        name[3] = "Gleb";
        name[4] = "Gosha";
        name[5] = "Viktor";
        name[6] = "Valya";
        name[7] = "Alex";
        name[8] = "Vlad";
        name[9] = "Sergey";
        name[10] = "Kostya";	
        
            name = document.getElementById("name-list"), i = 0; 
            
    var surename = new Array(10);
        surename[0] = "Petrov";
        surename[1] = "Ivanov";
        surename[2] = "Kuznechov";
        surename[3] = "Kashenko";
        surename[4] = "Pushkin";
        surename[5] = "Moroz";
        surename[6] = "Aksenov";
        surename[7] = "Nikolaev";
        surename[8] = "Ppovorov";
        surename[9] = "Patapenko";
        surename[10] = "Popov";
	        	                      
            surename = document.getElementById("surename-list"), i = 0; 
        
        return function() { 
            if ( +i < name.length )  {
                elem.innerHTML = name[ i ] + surname[ i ] + '<br>';
                setTimeout( arguments.callee, 5000 );
            }                           	        
    }();
};