click Function sobre un dibujo PNG con transparencia

Hola a todos

Necesito tener un dibujo de un objeto que debe tener transparencia y detectar el click del mouse solo sobre el objeto y no sobre la transparencia.

Por poner un ejemplo sencillo yo tengo 2 dibujos.

1) cuadrado.png
2) circulo.png

El dibujo del circulo tiene transparencia sobre las esquinas del cuadrado que lo contiene.

Pero al dar click sobre las esquinas con transparencia del circulo.png este detecta el click, Pero yo necesito que detecte el click solo sobre el circulo.

Tengo el siguiente código

$('document').ready(function(){

document.getElementById('circulo').style.display = 'inline';
document.getElementById('cuadrado').style.display = 'inline';

$("#circulo").click(function() {
document.getElementById('circulo').style.display = 'none';
document.getElementById('cuadrado').style.display = 'inline';
});

$("#cuadrado").click(function() {
document.getElementById('cuadrado').style.display = 'none';
document.getElementById('circulo').style.display = 'inline';
});
});

Cualquier sugerencia, recomendacion o regaño es bien recibida
Saludos

No entiendo que es lo que necesitas, es decir tienes un .jpg al que le pones una transparencia y una función que al dar click se active, cual es el problema? Vamos a ver si tu pones un

Código HTML :

onclick="funcion()"

sobre tal .jpg esa función solo se activara cuando hagas click en ESE .jpg no en otro. Asi que no entiendo =S

Lo puedes hacer con <map>.