// JavaScript Document

function trace( varname, val ){
	consoleWin.value += "\n " + varname + "  =  " + val +"\n";
}
function initDrag( dragname, dragplace )
{
	if(!dragablestate) {
		dragobj = document.getElementById( dragname );
		
		dragablearea = document.getElementById( dragplace );
		
		//consoleWin = document.getElementById('console');
		
		dragablearea.onmousedown = startDrag;
	}
}

function startDrag(e)
{
	document.onmousemove = moveDrag;
	dragablestate = true;
	
	maxZ += 1;
	
	dragobj.style.zIndex = maxZ;
	
	var e = e ? e : window.event;
	
	var xPos = e.clientX;
	var yPos = e.clientY;
	
	localXClick = e.layerX ? e.layerX : e.offsetX;
	localYClick = e.layerY ? e.layerY : e.offsetY;
}

function moveDrag(e)
{
	if(dragablestate){
		var e = e ? e : window.event;
		var fixECoord = window.event ? 1 : 0;
		
		var xPos = (e.pageX) ? e.pageX : (e.clientX + document.documentElement.scrollLeft);
		var yPos = (e.pageY) ? e.pageY : (e.clientY + document.documentElement.scrollTop);
		
		dragablearea.onmouseup = stopDrag;
		document.onmouseup = stopDrag;
				  
		var calcX = xPos - localXClick - (13 + fixECoord);
		var calcY = yPos - localYClick - (12 + fixECoord);
				
		dragobj.style.left = calcX + 'px';
		dragobj.style.top = calcY + 'px';
	}
}

function stopDrag()
{
	document.onmousemove = null;
	dragablestate = false;
	//document.onmousemove = null;
	
}

function stopDraggedWindow() 
{
	dragablearea.onmousedown = null;
}