/**********************************
*
*
*
*
*
*
***********************************/

document.onmousedown = engage;
document.onmousemove = dragit;
document.onmouseup = release;
var moving;
var sizing;
var clickx;
var clicky;
var intxt;
var sheight;
var what;
var left;
var top;
var width;


function setSelected(evt,obj,secobj,type) {
    
    moving = obj;
    sizing = document.getElementById(secobj); 
    width = parseInt(sizing.style.width);
    evt = evt ? evt : window.event;
        clicky = evt.clientY;
	clickx = evt.clientX;
    top = parseInt(sizing.style.top);
    if (parseInt(sizing.style.left) == 50 )
    {
        left = (parseInt(document.body.clientWidth)/2);
        /*left = (width/2) - (document.body.clientWidth/2);*/
    }
    else
    {
	left = parseInt(sizing.style.left);
    }
    what = type;
    
    sheight = parseInt(sizing.style.height);
    return
}


function shiftTo(obj, x)
{
    
    if (sizing)
    {
        sizing.style.height = sheight + x;
        
    }
    return
}

function moveTo(obj,x,y)
{
    if (sizing)
    {
	sizing.style.top = top + y;
	sizing.style.left = left + x;
    }
    return
}

function engage(evt) {
    return
}

function dragit(evt) {
    
    if (moving)
    {
        evt = evt ? evt : window.event;
            posY = evt.clientY;
	    posX = evt.clientX;
	if ( what == 'resize' )
	{
            shiftTo(moving, (posY - clicky));
            sizing.style.visibility = 'hidden';
            moving.style.visibility = 'hidden';
            sizing.parentNode.style.border = '1px dotted #634d4d';
	}
	if (what == 'move' )
	{
	    moveTo(moving, (posX - clickx), (posY - clicky));
	    /*moveTo(moving, ());*/
	    var z= 10;
	}
    }
}

function release(evt) {
    if (sizing)
    {
        sizing.style.visibility = 'visible';
        sizing.parentNode.style.border = '';
        sizing = null;
        
    }
    if (moving)
    {
        moving.style.visibility = 'visible';
        moving = null;
    }
}