JavaScript seleziona random da XML: come fare?

[acchiappasogni]

Ciao a tutti,

sto utilizzando uno script che prende dei dati da un file XML per creare una vetrina che mostra:
- miniatura immagine
- immagine grande
- titolo
- descrizione
- link

Lo script funziona, ma vorrei che ogni volta che si apre la pagina la vetrina si modifichi in modalità random.

Partendo dai file che sto utilizzando e che trovate di seguito, come posso fare?


Il file XML è il seguente:

<?xml version="1.0" encoding="iso-8859-1"?>
 <gallery>
   <bsp1 id="1">
    <titolo>testo</titolo>
    <descrizione>testo</descrizione>
	<url>link</url>
	<urlimg>link</urlimg>
	<urlthumb>link</urlthumb>
   </bsp1>
   <bsp1 id="2">
    <titolo>testo</titolo>
    <descrizione>testo</descrizione>
	<url>link</url>
	<urlimg>link</urlimg>
	<urlthumb>link</urlthumb>
   </bsp1>
<gallery>

Il codice JavaScript è il seguente:

     	$(document).ready(function(){
			$.ajax({
				type: "GET",
				url: "file.xml",
				dataType: "xml",
				success: function(xml) {
				
				// BOX A SINISTRA
					$(xml).find('bsp1').each(function(){
						var id = $(this).attr('id');
						var titolo = $(this).find('titolo').text();
						var url = $(this).find('url').text();
						var urlimg = $(this).find('urlimg').text();
						var urlthumb = $(this).find('urlthumb').text();
						var descrizione = $(this).find('descrizione').text();
		
						$('<div></div>').html('<a class="swith" href="'+url+'">[img]'+urlthumb+'[/img]'+titolo+'
'+descrizione+'</a>').appendTo('#gallery');
		
					});
							
				}
			});
		});