Site de camisas

Pessoal, sou principiante em programação. Estou precisando desenvolver uma página em que o usuário seleciona um modelo de camisa (básica, camiseta,...), nesta hora o site exibe com onclick na lateral da página a imagem q ele selecionou.

Depois ele clica na cor . Daí, o site vai pegar o modelo clicado + a cor e busca num diretório a imagem correspondente. Expl “básica vermelha”. (o 1º problema é como guardar o q foi clicado).

Tudo na mesma página dividido por tabela.

Eu To usando esse script aqui que é bem fácil q faz on line a troca de imagens mas como fazer pra armazenar o q foi clicado no onclick?

<script language="javascript">

<!--

function imagem(arquivo) {

document.getElementById("modelo").src=arquivo;

}

 

</script>

 

 

<table border=1 width=100%>

 

<tr>

<td width=50%><img src="costastextocentro.GIF" onclick="imagem('costascentro.gif');"><br><br><br>

<img src="costaslisa.gif" onclick="imagem('costastextoabaixo.GIF');"><br><bR><br>

<img src="costastextoacima.GIF" onclick="imagem('ser_diferente_lr.gif');"></td>

<td width=50%><img src="costastextocentro.GIF" id="modelo"></td>

 

 

</tr>

</table>

Ah, a página que tô me baseando é essa: http://www.kmisetas.com.br/criecamisetas/

Por favor, não peço pra fazerem pra mim, só quero que me digam o que devo usar e como fazer pra tratar as informações.

Obrigado !!