var window_active = -1;
var window_drag_offset_x = 0;
var window_drag_offset_y = 0;
var firstmove = true;

function init_widgets()
{
	// alle fenster mit eventhändlern und knöpfen versehen.
	var divs = document.getElementsByTagName("div");
	for(var i=0; i < divs.length; ++i){
		if(divs[i].className != "box") continue;
		divs[i].style.position = "relative";
		var titles = divs[i].getElementsByTagName("h2");
		if(titles.length == 0) continue;
		titles[0].setAttribute("onmousedown","window_active = " + i + ";");
		titles[0].style.cursor = "move";
	};
	document.onmouseup = window_up;
	document.onmousemove = window_move;
};

function window_up(up_ev)
{
	if(window_active == -1) return;
	var divbox = document.getElementsByTagName("div")[window_active];
	window_active = -1;
	//divbox.style.border = "1px solid #3d3a38";
	firstmove = true;
};



function window_move(move_ev)
{
	if(window_active == -1) return;
	if(firstmove){
		firstmove = false;

		var divbox = document.getElementsByTagName("div")[window_active];
		//divbox.style.border = "1px solid #f23";
		if(!divbox.style.left){
			divbox.style.left = "0px";
			divbox.style.top = "0px";
		};
		window_drag_offset_x = parseInt(divbox.style.left) - move_ev.clientX;
		window_drag_offset_y = parseInt(divbox.style.top) - move_ev.clientY;
	};
	var divbox = document.getElementsByTagName("div")[window_active];
	divbox.style.left = (move_ev.clientX + window_drag_offset_x) + "px";
	divbox.style.top = (move_ev.clientY + window_drag_offset_y) + "px";
};