// グローバル変数
var browser = get_browser();
var divs = new Array();
var target = false;
var offset_x = 0;
var offset_y = 0;

// onload時にイベントハンドラを設定
window.onload = function () {
	prepare_divs();
	document.onmousemove = drag_div;
	document.onmouseup = release_target;
}

// onmousedownの動作とz-indexを設定
function prepare_divs() {
	if (document.getElementsByTagName) {
		divs = document.getElementsByTagName("div");
	}
	else { return false; }

	for (i = 0; i < divs.length; i++) {
		divs[i].onmousedown = set_target;
		divs[i].style.zIndex = i;
	}
}

// ブラウザの種類を取得
function get_browser() {
	var str = navigator.appName;
	// Netscape, Firefox, Safari
	if (str.match(/netscape/i)) { return "ns"; }
	// Internet Explorer
	else if (str.match(/explorer/i)) { return "ie"; }
	// Opera
	else if (str.match(/opera/i)) { return "op"; }
	else { return false; }
}

// クリックされたdiv要素をドラッグターゲットにする
function set_target(e) {
	var target_id = this.getAttribute("id");
	target = document.getElementById(target_id);
	move_front();
	if (browser == "ns") {
		offset_x = e.layerX;
		offset_y = e.layerY;
	}
	else if (browser == "ie" || browser == "op") {
		offset_x = event.offsetX;
		offset_y = event.offsetY;
	}
}

// クリックされたdiv要素を最前面へ移動
function move_front() {
	var old_z = target.style.zIndex;
	target.style.zIndex = divs.length;
	for (i = 0; i < divs.length; i++) {
		if (divs[i].style.zIndex > old_z) {
			divs[i].style.zIndex -= 1;
		}
	}
}

// div要素をドラッグする
function drag_div(e) {
	if (target && browser) {
		var left = "";
		var top = "";
		if (browser == "ns") {
			left = e.pageX - offset_x + "px";
			top = e.pageY - offset_y + "px";
		}
		else if (browser == "ie" || browser == "op") {
			left = event.x - offset_x + "px";
			top = event.y - offset_y + "px";
		}
		target.style.left = left;
		target.style.top = top;
	}
}

// div要素をドロップする
function release_target() {
	target = false;
}