Попытка использовать другую структуру данных массива в скрипте jQuery

Я наткнулся на этот случайный ротатор изображения

var theImages = new Array() 
    theImages[0] = 'img1"'  theImages[1] = 'img2"'......   
var shuffled = [];    
while (theImages.length) {
    shuffled.push(theImages.splice(Math.random() * theImages.length, 1));
}            
$(document).ready(function(){        
    //Runs Script each time there is an <li>
    $("#news li").each(function(index){                
        //Puts Image in front of everything in <li>
        $(this).prepend('<img src="'+shuffled[index]+'">');            
    });

});

И я включил его в карусель jQuery. Здесь вы можете увидеть (моя скрипка). Проблема в том, что структура массива, которую я хочу использовать для карусели, отличается от структуры ротатора. Вращатель использует:

var theImages = new Array() 
theImages[0] = 'img1"'
theImages[1] = 'img2"'
theImages[2] = 'img3"'

Но я хочу использовать следующее для карусели, потому что я хочу также ввести ссылку на каждую картинку.

var theImages = [
['img1','url_1'],
['img2','url_2'],
['img3','url_3']];

Результат, который я ищу, будет следующим:

<div id="carousel1"> 
<div class="1"><a href="url_1"><img src="img1"></a></div>
<div class="1"><a href="url_2"><img src="img2"></a></div>......

Из того, что я прочитал, я должен использовать for in loop для назначения данных и не могу просто использовать то, что использует ротатор изображения:

$("#carousel1 .1").each(function(index){    

$(this).prepend('<a href="'+imgPath+''+shuffled[index]+'"><img 
src="'+urlPath+''+shuffled[?url](?url)+'"></a>');

Это правда? Есть ли способ, который позволяет мне заполнять изображения, а также URL-адреса в карусели?