Trocar imagens na página inicial

Front-end
#1

Boa tarde pessoal;

Estou com dificuldades em trocar as imagens da página inicial do meu html

Abaixo segue os links onde clico para alterar as imagens

<tr> <td height="348" valign="top" onclick="subGrupo() "> <div class="buttonwhite"><img src="images/spacer.gif" alt="" width="24" height="17"><a href="http://www.templatesfreelance.com/" id="polo">Polos</a></div> <div class="buttonwhite"><img src="images/spacer.gif" alt="" width="24" height="17"><a href="http://www.templatesfreelance.com/" id="cami">Camisas</a></div> <div class="buttonwhite"><img src="images/spacer.gif" alt="" width="24" height="17"><a href="http://www.templatesfreelance.com/" id="calc">Calças</a></div> <div class="buttonwhite"><img src="images/spacer.gif" alt="" width="24" height="17"><a href="http://www.templatesfreelance.com/" id="berm">Bermudas</a></div> <div class="buttonwhite"><img src="images/spacer.gif" alt="" width="24" height="17"><a href="http://www.templatesfreelance.com/" id="aces">Acessórios</a></div> </td> </tr>

Aqui as imagens deveriam aparecer

 <tr>
															<td width="58"><a href="http://www.templatesfreelance.com/"><img src="images/a2.jpg" alt="" width="58" height="268" border="0"></a></td>
															<td width="198"><a href="http://www.templatesfreelance.com/"><img src="var_img_1" alt="" width="198" height="268" border="0"></a></td>
															<td width="10"><a href="http://www.templatesfreelance.com/"><img src="var_img_1" alt="" width="212" height="268" border="0"></a></td>
															<td width="366"><a href="http://www.templatesfreelance.com/"><img src="var_img_1" alt="" width="200" height="268" border="0"></a></td>
															<td width="102"><a href="http://www.templatesfreelance.com/"><img src="images/a6.jpg" alt="" width="63" height="268" border="0"></a></td>
														  </tr>

Aqui segue o meu JavaScrit


	function Imagens(){ 
	   var imagen_1;        
	   var imagen_2;        
	   var imagen_3;        
	   
		this.getImagen_1 = function()
		{        
			return this.Imagen_1    
		};  
		
		this.getImagen_2 = function()
		{        
			return this.Imagen_2
		};  
		
		this.getImagen_3 = function()
		{        
			return this.Imagen_3    
		};  
		
		this.setImagen_1 = function(ima_1)
		{
			this.imagen_1 = ima_1;    
		};
		
		this.setImagen_2 = function(ima_2)
		{
			this.imagen_2 = ima_2;    
		};
		
		this.setImagen_3 = function(ima_3)
		{
			this.imagen_3 = ima_3;    
		};
	}	
 
 
 
 
 function subGrupo(var_grupo) {
	if (var_grupo=="polo") {
		var_img_1="polo_1.jpg";
		var_img_2="polo_2.jpg";
		var_img_3="polo_3.jpg";				
	} else if (var_grupo=="acessorio") {
		var_img_1="aces_1.jpg";
		var_img_2="aces_2.jpg";
		var_img_3="aces_3.jpg";
	} else if (var_grupo=="calcas") {
		var_img_1="calc_1.jpg";
		var_img_2="calc_2.jpg";
		var_img_3="calc_3.jpg";
	}
	
	var imagens = new imagens();
	imagens.setImagen_1(var_img_1);
	imagens.setImagen_2(var_img_2);
	imagens.setImagen_3(var_img_3);
}

Eu preciso clicar no link e trocar as imagens conforme o link clicado, Mas não sei como fazer as chamadas e onde colocar as variáveis no HTML.

Obrigado!!!

#2