Alternar campos a cada atualização da pagina

[Vitor Hugo Almeida 0]

Olá pessoal, tudo bem com vocês?

Estou aqui para pedir uma ajuda em uma ideia, sou meio leigo no assunto, fase de iniciante ^^

Estou preparando uma pagina de anúncios basicamente em HTML e um pouco de php, sem banco de dados...

Na pagina inicial sera exibidos alguns campos com uma imagem, nome e telefone da empresa. 

Cada linha terá 3 colunas de anúncios, usando exemplo do código abaixo:

 

<section id="liteanuncios">

<span>
<a href="http://www.empresaABC.com.br" title="ABC Aluguel de carros" itemprop="url">
<img width="452" height="304" src="AQUI VAI A URL DA IMG" class="attachment-destaque_empresa size-destaque_empresa" alt="Aluguel de carros, confira!" /><p>
<span class="nome">Empresa ABC</span>
<span class="tel">(xx) xxxxx-xxxx</span>
</p>
</a>
</span>

Estou tentando sem sucesso, fazer com que os anúncios se alterem de posição a cada atualização e ou acesso da pagina.
Ex: a empresa ABC aparece na 1ª coluna da 1ª linha, e num acesso posterior apareça na 2ª coluna da 3ª linha, se alternando com os outros anúncios.
 

Alguém pode me ajudar como posso fazer isso?
lembrado que sou iniciante em desenvolvimento web.

agradecido, abraços!

[Vitor Hugo Almeida 0]

      
<script language="javascript" type="text/javascript">

var foto    = new Array();
    foto.push('empresaA/capa.jpg');
    foto.push('empresaB/capa.jpg');
    foto.push('empresaC/capa.jpg');
        
var linka    = new Array();
    linka.push('empresaA');
    linka.push('empresaB');
    linka.push('empresaC');
	
function shuffle(o)
{
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
}

var myArray = [0];
for (i=1 ; i < foto.length ; i++)
{
	myArray[i] = i;
}
newArray = shuffle(myArray);

for (i=0; i< myArray.length;i++)
{
	j = i % 3;
	if (i != 0 && j == 0)
		{
        	document.write("<tr><td><br><br>" + "</td></tr>");
		}
    document.write("<td align='center'><a href= " + linka[myArray[i]] + "/index.html><img src= " + foto[myArray[i]] + " /></a></td>");
	for (a=1;a<=5;a++)
	{
		document.write("&nbsp");
	}
}

</script>

 

Encontrei algo que talvez seja o que preciso, consigo fazer algo com esse javascript?