Hello guys,

For a part of my website, I'm trying to build up a way to send 3 variables (which I'll get them from the database) through a javascript function so that it will load a picture (or more) over another picture

All the pictures are .png, so that have transparency background.

Here's my cod so far:

Code:
<html>
<head>
<title>Demo work</title>
<style>
body {
margin: 0px;
padding: 0px;
}

table {
margin: 0px;
padding: 0px;
}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function moveImage(a,b,c) {
  document.getElementById("default_picture").style.top= a + "px";
  document.getElementById("default_picture").style.left= b + "px";
  document.getElementById("default_picture").src="../img/" + c + "_fata.png";
  }
}

//-->
</script>
</head>
<body>
<div>
<table cellpadding="0" cellspacing="0" align="center">
 <td>
   <img id="default_picture" src="../img/slim_woman_transparent.png" />
 </td>
 <td>
  <table width="60">
   <td width="60"><img src="../img/I677G7G_prezentare.png" style="width:60; height:90;" onClick=moveImage('10, 20, I677G7G') ></td>
   <td width="60"><img src="../img/GHy446y_prezentare.png" style="width:60; height:90;" onClick=moveImage('20, 10, GHy446y') ></td>
  </table>
 </td>
</tr>			
</table>
</div>
</body>
</html>
Any ideas on how I can make this possible ?

I've been doing a lot of searching for the past 2 hours, but with no results