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


var dragObject  = null;
var mouseOffset = null;

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 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};
}
	var yy;
	var xx;

	var echo = 0;
	var mousePos;






function mouseMove(ev){
		ev           = ev || window.event;
		mousePos = mouseCoords(ev);
	
	if( dragObject ){
	//alert(123);
		yy = mousePos.y - mouseOffset.y;
		xx = mousePos.x - mouseOffset.x;

		dragObject.style.left = (xx>4)?xx:5;
		dragObject.style.top = (yy>4)?yy:5;

	}
	
	return false;
}







function mouseUp(){

	if( dragObject ){
		
		//var npos = new Array( parseInt(dragObject.style.left.replace(/px/, "")), parseInt(dragObject.style.top.replace(/px/, "")), parseInt(dragObject.style.width.replace(/px/, "")) , parseInt(dragObject.style.height.replace(/px/, ""))  );

		dragObject = null;

	}
	//testas();
}


function getMouseTop(i){
	i = typeof(i) != 'undefined' ? i : 0;
	return mousePos.y + i ;
}

function getMouseLeft(g){
	g = typeof(g) != 'undefined' ? g : 0;
	return mousePos.x + i ;
}



  
  
 var arrToTop = new Array();
 var thistipobjZindex;
function toTop(topObjId){

	var thistipobjid ;
	if( document.getElementById( topObjId ) ){
		thistipobjid = topObjId;
		thistipobjZindex = arrToTop[topObjId];
	}else{
		return false;
	}
	var zindex = 10;
	for( ivtop in arrToTop ){
		zindex++;
			if( document.getElementById(ivtop) && ivtop != thistipobjid ){
				 document.getElementById(ivtop).style.zIndex = zindex;//arrToTop[ivtop]+zindex
			}else{
				delete arrToTop[ivtop] ;
			}
	}
	document.getElementById(thistipobjid).style.zIndex = 555 + zindex;
	arrToTop[thistipobjid] = thistipobjZindex?thistipobjZindex:50;
	return false;
}




/*function makeDraggable(item){
	if(!item) return;


		dragObject  = item;
		//dragObject.stiliausName = item.className;
		//dragObject.className = 'class-dragtable';
		mouseOffset = getMouseOffset(this, ev);
		return false;
	 
} */



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
	    };
	}