Помогите .. как сделать так чтоб function f_m() перетаскивала ту картинку на какую кликну... а не только 1
<script>
var i=0,x,y
function f_d()
{
i=1
x=event.offsetX
y=event.offsetY
var t=document.getElementById("v")
}
function f_u()
{
i=0
}
function f_m()
{
{var t=document.getElementById("part0")
if (i==1)
{
t.style.left=event.clientX-x
t.style.top=event.clientY-y
t.style.opacity=0.4
}}
}
</script>
</head>
<body onmousemove="f_m()" onmouseup="f_u()" style="width:1400px; height:900px">
<img onmousedown="f_d()" id="part00" src="2.jpg" style="position:absolute;"/>
<img onmousedown="f_d()" id="part01" src="3.jpg" style=" position:absolute;" />
<img onmousedown="f_d()" id="part02" src="4.jpg" style=" position:absolute;"/>
<img onmousedown="f_d()" id="part03" src="5.jpg" style=" position:absolute"/>
<img onmousedown="f_d()" id="part04" src="6.jpg" style=" position:absolute"/>
<img onmousedown="f_d()" id="part05" src="7.jpg" style="position:absolute"/>
<div style="width:510px; height:310px; float:right">
<div id="p2" style="width:131px; height:150px; border:1px solid #999; float:left"></div>
<div id="p3" style="width:126px; height:150px; border:1px solid #999;float:left"></div>
<div id="p4" style="width:124px; height:150px; border:1px solid #999;float:left"></div>
<div id="p5" style="width:131px; height:150px; border:1px solid #999;float:left"></div>
<div id="p5" style="width:126px; height:150px; border:1px solid #999;float:left"></div>
<div id="p5" style="width:124px; height:150px; border:1px solid #999;float:left"></div>
</div>