var xDown, yDown, dragging = false
var idname
document.onmousemove = mouseMove
document.onmouseup = mouseUp

function mouseDown(e)
{
	if(window.event) e = window.event
	//xDown = e.clientX - document.getElementById(idname).offsetLeft
	//yDown = e.clientY - document.getElementById(idname).offsetTop
	xDown = e.clientX - idname.offsetLeft
	yDown = e.clientY - idname.offsetTop
	dragging = true
	idname.style.zIndex = ++topIndex
	return false
}

function mouseMove(e)
{
	if(!dragging) return
	
	var newX, newY
	if(window.event) e = window.event
	//if(e.button != 1) return
	newX = e.clientX - xDown
	newY = e.clientY - yDown
	//document.getElementById(idname).style.left = newX
	//document.getElementById(idname).style.top = newY
	idname.style.left = newX
	idname.style.top = newY
	return false
}

function mouseUp(e)
{
	dragging = false
	return false
}
		
function hideObsah(item)
{
	var obj = document.getElementById(item)
	if(obj.offsetHeight == 20 || obj.offsetHeight == 24) // 24 kôli godzille
		obj.style.height = obj.childNodes[1].offsetHeight + 20 + 'px'
	else
		obj.style.height = '20px'
}

function setup()
{
	var obj
	pocetItem = itemNames.length
	for(n = 0; n < pocetItem; n++)
	{
		obj = document.getElementById(itemNames[n])
		obj.style.left = Items[itemNames[n]]["posx"] + "px"
		obj.style.top = Items[itemNames[n]]["posy"] + "px"
		obj.style.width = Items[itemNames[n]]["width"] + "px"
		if(Items[itemNames[n]]["minimize"]) vyska = 20
		else
		{
			if(Items[itemNames[n]]["height"] != null) vyska = Items[itemNames[n]]["height"] + 20
			else vyska = obj.childNodes[1].offsetHeight + 20
		}
		obj.style.height = vyska + "px"
		if(Items[itemNames[n]]["visible"]) stav = ''
		else stav = 'none'
		obj.style.display = stav
		obj.style.visibility = "visible"
	}
}

function setup2()
{
	pocetItem = itemNames.length
	for(n = 0; n < pocetItem; n++)
	{
		obj = document.getElementById(itemNames[n])
		if(obj.tagName == "SPAN")
		{
			obj.onmousedown = addEvent
			obj.style.cursor = "move"
			for(m = 0; m < obj.childNodes.length; m++) obj.childNodes[m].style.cursor = "move"
			obj.onmouseover = oznac
			obj.onmouseout = odznac
			obj.onclick = idName
		}
	}
}

function addEvent()
{
	idname = this
	return mouseDown(event)
}

function oznac()
{
	this.style.border = "1px dashed gray"
}

function odznac()
{
	this.style.border = "none"
}

function idName()
{
	idname = this;
	pocetCh = idname.childNodes.length
	document.getElementById('menoObj').innerText = idname.id
	document.forms[0].pos.value = (idname.style.position) ? idname.style.position : "static";
	document.forms[0].pozx.value = idname.offsetLeft;
	document.forms[0].pozy.value = idname.offsetTop;
	if(pocetCh > 1)
	{
		document.forms[0].sirka.value = idname.childNodes[1].offsetWidth;
		if(idname.childNodes[1].tagName == "TEXTAREA")
		{
			document.getElementById("tr_riadky").style.display = "inline";
			document.forms[0].riadky.value = idname.childNodes[1].rows;
			document.getElementById("tr_popis").style.display = "inline";
			if(idname.childNodes[0].tagName == "SPAN") document.forms[0].popis.value = "left";
			else document.forms[0].popis.value = "top";
		}
		else
		{
			document.getElementById("tr_riadky").style.display = "none";
			document.getElementById("tr_popis").style.display = "none";
		}
		document.getElementById("tr_vyska").style.display = "none";
		document.getElementById("tr_legend").style.display = "none";
	}
	if(pocetCh == 1)
	{
		document.forms[0].sirka.value = idname.childNodes[0].offsetWidth;
		document.forms[0].vyska.value = idname.childNodes[0].offsetHeight;
		document.getElementById("tr_riadky").style.display = "none";
		document.getElementById("tr_popis").style.display = "none";
		document.getElementById("tr_vyska").style.display = "inline";
		if(idname.childNodes[0].tagName == "FIELDSET")
		{
			if(idname.childNodes[0].childNodes.length)
				document.forms[0].legenda.value = idname.childNodes[0].childNodes[0].innerHTML;
			else
				document.forms[0].legenda.value = "";
			document.getElementById("tr_legend").style.display = "inline";
		}
		if(idname.childNodes[0].tagName == "IMG")
		{
			document.getElementById("tr_legend").style.display = "none";
		}
	}
}

function nastav()
{
	if(!idname) return
	idname.style.left = document.forms[0].pozx.value + "px";
	idname.style.top = document.forms[0].pozy.value + "px";
	if(pocetCh > 1)
	{
		idname.childNodes[1].style.width = document.forms[0].sirka.value + "px";
		if(idname.childNodes[1].tagName == "TEXTAREA") idname.childNodes[1].rows = document.forms[0].riadky.value;
	}
	if(pocetCh == 1)
	{
		idname.childNodes[0].style.width = document.forms[0].sirka.value + "px";
		idname.childNodes[0].style.height = document.forms[0].vyska.value + "px";
		if(idname.childNodes[0].tagName == "FIELDSET")
		{
			idname.childNodes[0].innerHTML = "<LEGEND>" + document.forms[0].legenda.value + "</LEGEND>";
		}
	}
}

topIndex = 0
function moveStk(stkId, obj)
{
	var stk = document.getElementById(stkId)
	if(stk.style.position == "absolute")
	{
		stk.style.position = "static"
		obj.src = "Images/System/locked.gif"
	}
	else
	{
		stk.style.position = "absolute"
		obj.src = "Images/System/unlocked.gif"
	}
}
function changePosStyle(typ)
{
	if(!idname) return
	idname.style.position = typ
	idname.style.left = (document.forms[0].pozx.value = idname.offsetLeft) + "px"
	idname.style.top = (document.forms[0].pozy.value = idname.offsetTop) + "px"
}

function changePopisStyle(typ)
{
	if(!idname) return
	switch(typ)
	{
		case "left":
			idname.childNodes[0].outerHTML = "<SPAN style=\"text-align:right;width:100px;vertical-align:top\">" + idname.childNodes[0].innerHTML + "</SPAN>"
			break
		case "top":
			idname.childNodes[0].outerHTML = "<DIV>" + idname.childNodes[0].innerHTML + "</DIV>"
			break
	}
}

function colectParams(obj)
{
	pocetItem = itemNames.length
	var ret = '';
	for(n = 0; n < pocetItem; n++)
	{
		 curObj = document.getElementById(itemNames[n]);		 
		 ret += curObj.style.left + '¤' + curObj.style.top + '¤' + curObj.style.width + '¤' + curObj.style.Height + '¤';		 
	}
	obj.value = ret;
}