Script para Conteúdo Aleatório

Olá Colegas,

Estou com um pequeno problema, simples, porém, difícil para quem não sabe. Tenho esse conteúdo abaixo sendo um liquidcaroucel, que faz com que uma imagem com uma caixa em hover onde se tem os links e textos role para a esquerda e direita. Parecido com o "Google books", o que estou querendo é colocar todos esses conteúdos aleatórios, ou seja, a cada pagina atualizada eles estejam em ordens diferentes. Como poderei fazer isso com Script?

<div id="liquid1" class="liquid" style="width:100%">
	<span class="previous"><img src="liquidcarousel/images/previous.png" width="64" height="190" border="0" onMouseOver="this.src='liquidcarousel/images/previous2.png'" onMouseOut="this.src='liquidcarousel/images/previous.png'"></span>
<div class="wrapper">

 <ul id="work">

 <li>
 <a class="show">
 <img src="Images/1313863203_240927199_1-Fotos-de--Dom-Casmurro-Machado-De-Assis-Novo-Literatura-Brasileira.jpg" width="130" height="190" style="border:1px double #222" alt="image"></a>
 <div class="hide">
 <a href="PP/MachadodeAssis(DomCasmurro)/index.html" target="_blank" class="title">Dom Casmurro</a>
 <a href="PP/MachadodeAssis(DomCasmurro)/index.html" target="_blank">
 <span class="botao">Ler</span>
 </a>
 <span class="subtitle"><b>Autor:</b> Machado de Assis</span>
 <span class="conetwork">Compartilhe</span>
 <span class="network">
 <span style="width:70px; margin:5px 2px; float:left">
 <div class="g-plusone" data-size="medium" data-annotation="none"></div></span>
 <span style="width:70px; margin:5px 2px; float:left;margin-left:2px"><div class="fb-like" data-href="[http://bookyn.sixserve.net/](http://bookyn.sixserve.net/)" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div></span></span><a href="PP/EPUBs/Dom Casmurro - Machado de Assis.epub"><span class="botaoepub" style="margin-top:50px">EPUB</span></a><a href="PP/MachadodeAssis(DomCasmurro)/files/machado de assis - (dom casmurro).pdf" target="_blank"><span class="botaoPDF" style="margin-top:50px">PDF</span></a>
 </div>
 </li>

 <li>
 <a class="show">
 <img src="Images/Fernando Pessoa (Poemas).jpg" width="130" height="190" style="border:1px double #222" alt="image"></a>
 <div class="hide">
 <a href="PP/FernandoPessoa(Poemas)/index.html" target="_blank" class="title">Poemas</a>
 <a href="PP/FernandoPessoa(Poemas)/index.html" target="_blank">
 <span class="botao">Ler</span>
 </a>
 <span class="subtitle"><b>Autor:</b> Fernando Pessoa</span>
 <span class="conetwork">Compartilhe</span>
 <span class="network">
 <span style="width:70px; margin:5px 2px; float:left">
 <div class="g-plusone" data-size="medium" data-annotation="none"></div></span>
 <span style="width:70px; margin:5px 2px; float:left;margin-left:2px"><div class="fb-like" data-href="[http://bookyn.sixserve.net/](http://bookyn.sixserve.net/)" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div></span></span><a href="PP/EPUBs/Poemas - Fernando Pessoa.epub"><span class="botaoepub" style="margin-top:50px">EPUB</span></a><a href="PP/FernandoPessoa(Poemas)/files/fernandopessoa(poemas).pdf" target="_blank"><span class="botaoPDF" style=" margin-top:50px">PDF</span></a>
 </div>
 </li>

 <li>
 <a class="show">
 <img src="Images/A-Cartomante-Machado-de-Assis-www.LivrosGratis.net-.jpg" width="130" height="190" style="border:1px double #222" alt="image"></a>
 <div class="hide">
 <a href="PP/MachadodeAssis(ACartomante)/index.html" target="_blank" class="title">A Cartomante</a>
 <a href="PP/MachadodeAssis(ACartomante)/index.html" target="_blank">
 <span class="botao">Ler</span>
 </a>
 <span class="subtitle"><b>Autor:</b> Machado de Assis</span>
 <span class="conetwork">Compartilhe</span>
 <span class="network">
 <span style="width:70px; margin:5px 2px; float:left">
 <div class="g-plusone" data-size="medium" data-annotation="none"></div></span>
 <span style="width:70px; margin:5px 2px; float:left;margin-left:2px"><div class="fb-like" data-href="[http://bookyn.sixserve.net/](http://bookyn.sixserve.net/)" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div></span></span><a href="PP/EPUBs/A Cartomante - Machado de Assis.epub"><span class="botaoepub" style="margin-top:50px">EPUB</span></a><a href="PP/MachadodeAssis(ACartomante)/files/a cartomante(machado de assis).pdf" target="_blank"><span class="botaoPDF" style="margin-top:50px">PDF</span></a>
 </div>
 </li>

 </ul>
	</div>
 <span class="next"><img src="liquidcarousel/images/next.png" width="64" height="190" border="0" onMouseOver="this.src='liquidcarousel/images/next2.png'" onMouseOut="this.src='liquidcarousel/images/next.png'"></span>
</div>

Agradeço desde já a colaboração de todos! :google: :thumbsup: