Expand|Select|Wrap|Line Numbers
- 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;