jquery перемещает элементы в случайном порядке

Я пытаюсь отобразить серию изображений в случайном порядке. Однако я не хочу, чтобы какой-либо отдельный элемент повторялся до тех пор, пока не будут показаны все элементы, поэтому вместо выбора случайного изображения из массива я хочу взять весь массив, рандомизировать его, а затем выбрать в последовательности от первого до последний элемент. Вот мой код:

HTML:

<div id="tout4"
<img src="images/gallery01.jpg" class="img_lg"/>
<img src="images/gallery02.jpg" class="img_lg"/>
<img src="images/gallery03.jpg" class="img_lg"/>
</div>

и javascript, который в настоящее время выбирает и отображает элементы по порядку:

var galleryLength = $('#tout4 img.img_lg').length;
var currentGallery = 0;
setInterval(cycleGallery, 5000);


function cycleGallery(){

    $('#tout4 img.img_lg').eq(currentGallery).fadeOut(300);

    if (currentGallery < (galleryLength-1)){
        currentGallery++;
    } else {
        currentGallery = 0;
    }

    $('#tout4 img.img_lg').eq(currentGallery).fadeIn(300);
}

Итак, как мне изменить фактический порядок изображений, а не только порядок, в котором они расположены selected?