firefox compatibility

[inteli]

Hey anybody can help me out wid this code..Its working well in IE but nt in firefox.The problem lies in offset,clientX,clientY part but I dnt know how to resolve it ..

var zxcDockAry=new Array();
var zxcBdy,zxcObj,zxcWDone,zxcWDCnt,zxcXos,zxcYos,zxcTD,zxcDiv;
var zxcDragDo=false;
 
function zxcInit(){
 zxcBdy = document.getElementsByTagName('BODY')[0];
 zxcdocks=zxcBdy.getElementsByTagName('TR');
 for (zxc1=0;zxc1<zxcdocks.length;zxc1++){
  if (zxcdocks[zxc1].className=='TileDock'){
   zxcdocks[zxc1].spell=zxcdocks[zxc1].title;
   zxcdocks[zxc1].removeAttribute('title');
   zxcdocks[zxc1].ary=new Array();
   zxctds=zxcdocks[zxc1].getElementsByTagName('TD');
   for (zxc2=1;zxc2<zxctds.length;zxc2++){
    if (zxctds[zxc2].className=='Dock'){
     zxcDockAry[zxcDockAry.length]=zxctds[zxc2];
    }
    zxctds[zxc2].style.position='relative';
    zxctds[zxc2].spell='';
    zxcdocks[zxc1].ary[zxcdocks[zxc1].ary.length]=zxctds[zxc2];
   }
  }
 }
 
}
function zxcMouseDown(e){
 if (!document.all){ zxcobj=e.target; zxcparent='HTML'; }
 else { zxcobj=event.srcElement; zxcparent='BODY'; }
 if (!zxcobj.className){ return; }
 while (zxcobj.tagName!=zxcparent&&zxcobj.className!='drag'){
  if (!document.all){ zxcobj=zxcobj.parentNode; }
  else { zxcobj=zxcobj.parentElement; }
 }
var divobj = document.getElementById("centercontent");
var divobj_width = parseInt(divobj.style.width);
var divobj_height = parseInt(divobj.style.height);
if (( zxcobj.className=='drag') &&
     ( ( zxcPos(zxcobj)[0] > zxcPos(divobj)[0] &&  (zxcPos(zxcobj)[0] < (zxcPos(divobj)[0] + divobj_width ) ) ) && 
       ( zxcPos(zxcobj)[1] > zxcPos(divobj)[1] &&  (zxcPos(zxcobj)[1] < (zxcPos(divobj)[1] + divobj_height) ) ) ) )
{
  zxcDragDo=true;
  zxcObj=zxcobj;
  zxcObj.style.position='absolute';
  zxcObj.style.left=zxcObj.offsetLeft+'px';
  zxcObj.style.top=zxcObj.offsetTop+'px';
  zxcXos=zxcObj.offsetLeft-zxcMse(e)[0];
  zxcYos=zxcObj.offsetTop-zxcMse(e)[1];
  document.onmousemove=zxcDrag;
  return true;
  } else if (zxcobj.className=='drag')  {
  zxcDragDo=true;
  zxcObj=zxcobj.cloneNode(true);
  zxcBdy.appendChild(zxcObj);
  zxcObj.style.position='absolute';
  zxcObj.style.left=(zxcPos(zxcobj)[0])+'px';
  zxcObj.style.top=(zxcPos(zxcobj)[1])+'px';
  zxcXos=zxcObj.offsetLeft-zxcMse(e)[0];
  zxcYos=zxcObj.offsetTop-zxcMse(e)[1];
  document.onmousemove=zxcDrag;
  return true;
 }
}
 
 
 
function zxcDrag(e){
 if (zxcDragDo){
  zxcObj.style.left=(zxcMse(e)[0]+zxcXos)+'px';
  zxcObj.style.top=(zxcMse(e)[1]+zxcYos)+'px';
 
  return false;
 }
}
 
function zxcMse(e){
  if (!document.all){ return [e.clientX,e.clientY] }
  else { return [event.clientX,event.clientY]; }
 
}
 
function zxcMseUp(){
var divobj = document.getElementById("centercontent");
var divobj_width = parseInt(divobj.style.width);
var divobj_height = parseInt(divobj.style.height);
 
 if ( ( (zxcPos(zxcobj)[0] > zxcPos(divobj)[0]) &&  (zxcPos(zxcobj)[0] < (zxcPos(divobj)[0] + divobj_width ) ) ) && 
      ( (zxcPos(zxcobj)[1] > zxcPos(divobj)[1]) &&  (zxcPos(zxcobj)[1] < (zxcPos(divobj)[1] + divobj_height) ) ) )
    {
    zxcMseUpNotAdd();
    }
else
   { 
    zxcMseUpAdd();
    } 
 
 
}
 
 
function zxcMseUpAdd(){
 zxcDragDo=false;
  var divobj = document.getElementById("centercontent");
var divobj_width = parseInt(divobj.style.width);
var divobj_height = parseInt(divobj.style.height);
 zxcTD=zxcDockCk();
 if (zxcTD){
  id = zxcObj.id;
 add_product(id);
zxcDiv=zxcTD.getElementsByTagName('DIV');
  zxcDiv=zxcTD.getElementsByTagName('DIV')[0];
  zxcimg=zxcDiv.getElementsByTagName('IMG'); 
      if (zxcimg.length){ zxcDiv.removeChild(zxcimg[0]); }
 
    }
else
    {
        //alert('bracelet');
        if (((zxcPos(zxcObj)[0] > zxcPos(divobj)[0]) && (zxcPos(zxcObj)[0] < (zxcPos(divobj)[0] + divobj_width))) && 
               ((zxcPos(zxcObj)[1] > zxcPos(divobj)[1]) && (zxcPos(zxcObj)[1] < (zxcPos(divobj)[1] + divobj_height))))
 
        { alert('braceletout');
        zxcObj.style.left='-1200px'; 
        zxcMseUpRemove();
        }
        else
        { alert('bracelet');
        zxcObj.style.left='-1200px';
        }
 
    }
 
}
 
function zxcMseUpNotAdd(){
 zxcDragDo=false;
 var divobj = document.getElementById("centercontent");
var divobj_width = parseInt(divobj.style.width);
var divobj_height = parseInt(divobj.style.height);
if (((zxcPos(zxcObj)[0] > zxcPos(divobj)[0]) && (zxcPos(zxcObj)[0] < (zxcPos(divobj)[0] + divobj_width))) && 
               ((zxcPos(zxcObj)[1] > zxcPos(divobj)[1]) && (zxcPos(zxcObj)[1] < (zxcPos(divobj)[1] + divobj_height))))
 
         {
                zxcTD=zxcDockCk();
             if (zxcTD){
                  zxcDiv=zxcTD.getElementsByTagName('DIV');
                   zxcDiv=zxcTD.getElementsByTagName('DIV')[0];
                  zxcimg=zxcDiv.getElementsByTagName('IMG'); 
 
                       }
 
         }
         else
         {
    //     zxcObj.style.left='-1200px'; 
    //     zxcMseUpRemove();
         }
}
 
 
function zxcMseUpRemove(){
zxcDragDo=false;
id = zxcObj.id;
document.onmouseup=doBuyNowGet('ajax_shopping_cart.php?action=remove_product_ajax&products_id='+id);
id.style.left='-1200px';
}
 
 function add_product(id)
 {
   document.onmouseup=doBuyNowGet('ajax_shopping_cart.php?action=buy_now&products_id='+id);
 
   zxcDiv=document.getElementsByTagName('DIV');
   zxcDiv=document.getElementsByTagName('DIV')[0];
   zxcimg=document.getElementsByTagName('IMG'); 
 
//return id;
  }
 
function zxcDockCk(){
 for (zxc0=0;zxc0<zxcDockAry.length;zxc0++){
  if (zxcPos(zxcObj)[0]>zxcPos(zxcDockAry[zxc0])[0]&&
        zxcPos(zxcObj)[0] + zxcObj.offsetWidth < zxcPos(zxcDockAry[zxc0])[0]+zxcDockAry[zxc0].offsetWidth &&
         zxcPos(zxcObj)[1]>zxcPos(zxcDockAry[zxc0])[1]&&
         zxcPos(zxcObj)[1]+zxcObj.offsetHeight<zxcPos(zxcDockAry[zxc0])[1]+zxcDockAry[zxc0].offsetHeight){
   return zxcDockAry[zxc0];
  }
 }
 return false
}
 
function zxcPos(zxc){
 zxcl=zxc.offsetLeft;
 zxct=zxc.offsetTop;
 while(zxc.offsetParent!=null){
  zxcp=zxc.offsetParent;
  zxcl+=zxcp.offsetLeft;
  zxct+=zxcp.offsetTop;
  zxc=zxcp;
 }
 return [zxcl,zxct];
}
 
document.onmousedown=zxcMouseDown;
document.onmouseup=new Function('zxcMseUp();');
window.onload=zxcInit;

[acoder]

Perhaps you may want to take a look at this and see if it helps you solve your problem.