Append random picture from array that isn't current active picture

I have 5 main picture containers. Each container have one image inside of it. After 3 seconds I want to append a new picture to each of the picture containers from an array. The tricky part is that the picture that we append needs to be one that currently isnt active in one of the containers. HTML structure - example: <div id="picture1"> <div class="picture"> <img src="[login to view URL]" /> </div> <!-- We can append a new picture on top of the other one here --> </div> <div id="picture2"> <div class="picture"> <img src="[login to view URL]" /> </div> </div> Array [ "pic_1", "pic_2", "pic_3", "pic_4", "pic_5", "pic_6", "pic_7", "pic_8", "pic_9", "pic_10"] Need someone to look at this now