source: branches/version-2_4/html/user_data/packages/default/js/dragdrop.js @ 18734

/*
 * This file is part of EC-CUBE
 *
 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 */
var obj;
var offsetX;
var offsetY;
var arrObj;
var objParam;

// パラメータ管理クラスの定義
function SC_Param() {
    this.ITEM_MAX = 3;      
}

// サイズ管理クラスの定義
function SC_Size() {
    this.id = '';
    this.left = 0;
    this.top = 0;
    this.width = 0;
    this.height = 0;
    this.obj;
};

// オンロード処理
onload=function () {
    // パラメータの初期化
    objParam = new SC_Param();
    
    // WIN-IE
    if (document.all) {
        objlist = document.all.tags("div");
    // WIN-NN,WIN-FF   
    } else if (document.getElementsByTagName) {
        objlist = document.getElementsByTagName("div");
    } else {
        return;
    }
    
    arrObj = new Array();
    for (i = 0; i < objlist.length; i++) {
        id = objlist[i].id;
        arrObj[id] = new SC_Size();
        arrObj[id].id = id;
        arrObj[id].obj = objlist[id];
        arrObj[id].left = objlist[id].style.left;
        arrObj[id].top = objlist[id].style.top;
        arrObj[id].width = objlist[id].style.width;
        arrObj[id].height = objlist[id].style.height;
        arrObj[id].left = Number(arrObj[id].left.replace(/px/, ''));
        arrObj[id].top = Number(arrObj[id].top.replace(/px/, ''));
        arrObj[id].width = Number(arrObj[id].width.replace(/px/, ''));
        arrObj[id].height = Number(arrObj[id].height.replace(/px/, ''));
        arrObj[id].right = Number(arrObj[id].left) + Number(arrObj[id].width);
        arrObj[id].bottom =Number(arrObj[id].top) + Number(arrObj[id].height);
    }
    
    // MouseDownイベント処理の入れ替え
    objlist['item0'].onmousedown = onMouseDown;
    objlist['item1'].onmousedown = onMouseDown;
    objlist['item2'].onmousedown = onMouseDown;
    
    document.onmousemove = onMouseMove;
    document.onmouseup = onMouseUp;
}

// MouseDownイベント
function onMouseDown(e) {
   obj = this;
   // WIN-IE
   if (document.all) {
      offsetX = event.offsetX + 2;
      offsetY = event.offsetY + 2;
   // WIN-NN,WIN-FF
   } else if (obj.getElementsByTagName) {
      offsetX = e.pageX - parseInt(obj.style.left);
      offsetY = e.pageY - parseInt(obj.style.top);
   }
   return false;
}

// MouseMoveイベント
function onMouseMove(e) {
    if (!obj) {
        return true;
    }   
    // WIN-IE
    if (document.all) {
        x = event.clientX - offsetX;
        // 画面外に出ないように制御する　
        if(x <= 0) {
            x = 0;
        }
        left_max = document.body.clientWidth - arrObj[obj.id].width;
        if(x >= left_max) {
            x =left_max;            
        }
        obj.style.left = x;
        // 画面外に出ないように制御する　
        y = event.clientY - offsetY;
        if(y <= 0) {
            y = 0;
        }
        top_max = document.body.clientHeight - arrObj[obj.id].height;
        if(y >= top_max) {
            y =top_max;         
        }
        obj.style.top = y;      
    // WIN-NN,WIN-FF
    } else if (obj.getElementsByTagName) {
        x = e.pageX - offsetX;
        // 画面外に出ないように制御する　
        if(x <= 0) {
            x = 0;
        }
        left_max = window.innerWidth - arrObj[obj.id].width;
        if(x >= left_max) {
            x =left_max;            
        }
        obj.style.left = x;
        
        y = e.pageY - offsetY;
        // 画面外に出ないように制御する　
        if(y <= 0) {
            y = 0;
            obj.style.top = 0;
        }
        top_max = window.innerHeight - arrObj[obj.id].height;
        if(y >= top_max) {
            y =top_max;         
        }
        obj.style.top = y;
    }
    
    if(isInFlame('flame0', obj)) {
        document.getElementById('td1').style.backgroundColor = '#fffadd';
    } else {
        document.getElementById('td1').style.backgroundColor = '#ffffff';
    }
    return false;
}

// MouseUpイベント
function onMouseUp(e) {
    if (!obj) {
        return true;
    }
    
    if(!isInFlame('flame0', obj)) {
        // WIN-IE
        if (document.all) {
            // 最初の位置に戻す
            obj.style.left = arrObj[obj.id].left;
            obj.style.top = arrObj[obj.id].top;
        // WIN-NN,WIN-FF
        } else if (obj.getElementsByTagName) {
            // 最初の位置に戻す
            obj.style.left = arrObj[obj.id].left;
            obj.style.top = arrObj[obj.id].top;
        }
    }   
    document.getElementById('td1').style.backgroundColor = '#ffffff';   
    obj = null;
}

// フレーム内にアイテムが存在するか判定する　
function isInFlame(flame_id, item) {
    top_val = item.style.top;
    top_val = Number(top_val.replace(/px/, ''));
    bottom_val = top_val + arrObj[item.id].height;
    left_val = item.style.left;
    left_val = Number(left_val.replace(/px/, ''))
    right_val = left_val + arrObj[item.id].width;       
    if(
        top_val > arrObj[flame_id].top &&
        bottom_val < arrObj[flame_id].bottom &&
        left_val > arrObj[flame_id].left &&
        right_val < arrObj[flame_id].right
        ) {
        return true;
    }
    return false;
}

// 送信前の処理
function preSubmit() {
    for(i = 0; i < 3; i++) {
        id = 'item' + i;
        obj = arrObj[id].obj;
        if(isInFlame ('flame0', obj)) {
            document.form1[obj.id].value = "in";
        } else {
            document.form1[obj.id].value = "out";
        }
    }
}