// JavaScript Document
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

var tempX = 0;
var tempY = 0;
var move = false;
var resize = false;
var xOffset = 0, yOffset = 0, xCoord, yCoord;
var snapper_id = 0;

function getMouseXY(e)
{
	if(IE)
	{
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	}
	else
	{
		tempX = e.pageX;
		tempY = e.pageY;
	}  

	if(tempX < 0) tempX = 0;
	if(tempY < 0) tempY = 0;
		
	if(move)
	{
		var container = document.getElementById('container');
		if(xOffset == 0 && yOffset == 0)
		{
			xOffset = tempX - container.offsetLeft;
			yOffset = tempY - container.offsetTop;
		}
		
		xCoord = tempX - xOffset;
		yCoord = tempY - yOffset;
			
		container.style.left = xCoord + 'px';
		container.style.top = yCoord + 'px';
		
	}

	if(resize)
	{
		var container = document.getElementById('container');
		
		container.style.width = (tempX - container.offsetLeft + 10) + 'px';
		container.style.height = (tempY - container.offsetTop - 28) + 'px';
	}
	
	pre_snap();
	
	return true;
}

function pre_snap()
{
	
	var container = document.getElementById('container');
	snapper_id = 0;

	for(i=1; i<=5; i++)
	{
		var snapper = document.getElementById('snapper' + i);		
		
		if(Math.round(Math.sqrt(Math.pow((snapper.offsetLeft - container.offsetLeft),2) + Math.pow((snapper.offsetTop - container.offsetTop),2))) <= 50)
		{			
			snapper.style.width = (container.offsetWidth + 8) + 'px';
			snapper.style.height = (container.offsetHeight + 38) + 'px';
			snapper_id = i;
		}
		else
		{
			snapper.style.width = 100 + 'px';
			snapper.style.height = 100 + 'px';
		}

	}
}

function snap()
{
	if(snapper_id != 0)
	{
		var snapper = document.getElementById('snapper' + snapper_id),
			container = document.getElementById('container');
		container.style.top = (snapper.offsetTop + 5) + 'px';
		container.style.left = (snapper.offsetLeft + 5) + 'px';
		snapper_id = 0;
	}
}