var mouseOffset = null; 
var dragObject  = null; 
var zIndex = 1000; 
var objCount = 0; 
var objArray = [];

document.onmousemove = mouseMove;
document.onmouseup   = mouseUp;

function $(objId) {
	return document.getElementById(objId); 
}
function findEmpty() { 
	if (objArray.length)
		for (i=0; i<objArray.length; i++) {
			if (!objArray[i]) {
				return i;
				break;
			}
		}
	else 
		return 0;
}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}

function mouseUp(ev){
	dragObject = null;
}


function getPosition(e){
	var left = 0;
	var top  = 0;

	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}

function getMouseOffset(target, ev){
	ev = ev || window.event;

	var docPos    = getPosition(target);
	var mousePos  = mouseCoords(ev);
	return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

function mouseMove(ev){
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);

	if(dragObject){
		dragObject.style.position = 'absolute';
		dragObject.style.top      = (mousePos.y - mouseOffset.y) + 'px';
		dragObject.style.left     = (mousePos.x - mouseOffset.x) + 'px';
		return false;
	}
}

function makeDraggable(tytul, maska, orderIfMin, winLeft, winTop, winWidth, winHeight) {
	var obj;
	objArray.push(false);
	// tworzymy obiekt okienka
	obj = document.createElement('div');
	
//	obj.onclick = function() {obj.moveTop()};
	// ustalamy, że jest otwarte i bez pinechy
	obj.closed = false;
	obj.minimized = false;
	obj.pinized = false;
	
	// ustalamy wygląd, rozmiary i położenie
	obj.style.position = "absolute";
	obj.style.width = winWidth;
	//obj.style.height = (winHeight?winHeight+"px":"auto");
	obj.style.height = "auto";
	obj.style.top = winTop;
	obj.style.left = winLeft;
	obj.style.visibility = "visible";
	obj.style.backgroundColor="#FFFFFF";
	obj.style.border="1px solid #7F9DB9";
	obj.style.fontFamily = "Geneva, Arial, Helvetica, sans-serif";
	obj.style.fontSize = "11px";
	obj.style.color = "#000000";
	obj.style.textAlign = "left";
	obj.style.zIndex = ++zIndex;
	
	obj.orderIfMin=orderIfMin;
	obj.maxWidth=winWidth;
	obj.maxHeight=winHeight;

	// dodajemy do body
	document.body.appendChild(obj);
	
	// definiujemy tabelkę uchwytu (handle)
	var tabela = document.createElement('table');
	//tabela.style.backgroundImage="url(" + site_path + "images/tlo_belki_warstwy.gif)";

	tabela.style.backgroundImage="url(" + images_path + "tlo_belki_warstwy_sepia.gif)";
	
	tabela.cellPadding=0;
	tabela.cellSpacing=0;
	tabela.border = 0;
	tabela.width = "100%";
	tabela.style.fontWeight = "bold";
	tabela.style.cursor = "move";

	// i dodajemy ją do obiektu okienka
	obj.appendChild(tabela);

	// definiujemy ikony 
	var wiersz = tabela.insertRow(0);
	if (parseInt(maska.charAt(2)))
		var closeIcon = createIcon(wiersz, images_path + "iko_zamknij_sepia.png", "obj.closeWin();");
	if (parseInt(maska.charAt(1)))
		var minimizeIcon = createIcon(wiersz, images_path + "iko_minimalizuj_sepia.png", "obj.minimize();");
	if (parseInt(maska.charAt(0)))
		var pinizeIcon = createIcon(wiersz, images_path + "iko_pinezka_up.png", "alert('pin');");

	// definiujemy komórkę tytułową uchwytu 
	komorka = wiersz.insertCell(0);
	komorka.width="97%";
	komorka.height="16px";
	komorka.style.paddingLeft="10px";
	komorka.innerHTML = tytul;	
	komorka.ondblclick = function() {
		if (obj.minimized) { obj.maximize(); } else { obj.minimize(); }
		obj.moveTop();
	};
	
	// dragging (reagowanie na przesuwanie myszka)
	komorka.onmousedown = function(ev){
		if (obj.minimized) return false;
		dragObject = obj;
		mouseOffset = getMouseOffset(this, ev);
		obj.moveTop();
	}
	
	// definiujemy body dla okienka
	var obj_body = document.createElement('div');
	obj.appendChild(obj_body);
	obj_body.id = tytul + '_body';
	obj_body.style.height = (winHeight?winHeight:"auto");
	obj_body.style.overflow = "auto";
	obj_body.style.paddingLeft = "15px";
	obj_body.style.paddingRight = "15px";
	obj_body.style.paddingBottom = "15px";
	obj_body.style.paddingTop = "15px";
	obj.winBody = obj_body;
	
	// wstawianie treści do body okna
	obj.addBody = function(inner) {
		obj_body.innerHTML = inner;
	}
	
	// podmienia div_name z oknem
	obj.captureDiv = function(div_name) {
		obj_body.innerHTML = $(div_name).innerHTML;
		$(div_name).parentNode.removeChild($(div_name));
	}
	
	obj.closeWin = function() {
		if (obj.closed) return false;
		objArray[obj.countContener] = false;
		obj.closed=true;
		obj.style.display='none';
		eval(obj.onClose);
	}
	
	obj.openWin = function() {
		if (!obj.closed) return false;
		obj.closed=false;
		obj.style.display='';
		obj.style.zIndex = ++zIndex;
		eval(obj.onOpen);
	}
	
	obj.moveTop = function() {
		zIndex = zIndex + 1;
		obj.style.zIndex = zIndex;
	}
	
	obj.minimize = function() {
		if (obj.minimized) return false;
		obj.countContener = findEmpty();
		objArray[obj.countContener] = true;
		obj.minimized=true;
		obj.maxLeft = obj.style.left;
		obj.maxTop = obj.style.top;
		
		tabela.style.cursor = "pointer";

		obj.style.left = "85%";
//		obj.style.right = "30px";
//		obj.style.right = "2%";
		obj.style.top = (400+25*obj.orderIfMin) + "px";
//		obj.style.bottom = 30+5*obj.orderIfMin+"%";

		obj.style.width = "120px";
		obj.style.height="18px";
//		obj_body.style.visibility='hidden';
		obj_body.style.display='none';
		
		minimizeIcon.src = images_path + "iko_maksymalizuj_sepia.png";
		minimizeIcon.onclick = function() {obj.maximize();};
		eval(obj.onMinimize);
	}

	

	obj.maximize = function() {
		if (!obj.minimized) return false;
//console.log ('width: '+obj.winWidth);
		obj.style.left = obj.maxLeft;
		obj.style.bottom = null;
		obj.style.top = obj.maxTop;
		obj.minimized=false;
		tabela.style.cursor = "move";
		obj.style.width = obj.maxWidth;
		obj.style.height=obj.maxHeight;
		obj_body.style.display='';
		obj.moveTop;

		minimizeIcon.src = images_path + "iko_minimalizuj_sepia.png";
		minimizeIcon.onclick = function() {obj.minimize();};
		eval(obj.onMaximize);
	}
	
	function createIcon(w, s, f) {
		var img_kom = w.insertCell(0);
		img_kom.allign="right";
		img_kom.width="1%";
		img_kom.style.backgroundImage="url(" + images_path + "tlo_belki_warstwy_sepia.gif)";
		
		var pin_img = document.createElement('img');
		pin_img.src=s;
		pin_img.style.cursor="pointer";
		pin_img.style.marginTop="2px";
		pin_img.width="17";
		pin_img.height="16";
		pin_img.border="0";
		pin_img.className="ikona";
		pin_img.onclick= function () {if (f) eval(f)};
		img_kom.appendChild(pin_img);
		return pin_img;
	}	

	return obj;
}


document.onmouseup = mouseUp;
document.onmousemove = mouseMove;