//
// WEB SMALL POPUP

var DrawingsPopTimer = "";

function showDrawingsPopup(e) {
	var popDrawings = document.getElementById('drawingspop');
	var btnDrawings = document.getElementById('drawings');


	if (moveanim.timer != null) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}

	// Determine where we should pop up in relation to the dynamic button
 
	position = findElementPos(btnDrawings);
	popDrawings.style.top = (position[1] - (popDrawings.offsetHeight - 40)) +"px";
	popDrawings.style.left = "540" + "px";

	// If already trigger a rollover, cancel it because we're back in

	if (DrawingsPopTimer != "")
	{
		clearTimeout(DrawingsPopTimer);
		DrawingsPopTimer = "";
	} else {
		setOpacity(0, 'drawingspop');
		popDrawings.style.visibility = 'visible';
		moveStart(popDrawings, parseInt(popDrawings.style.left), parseInt(popDrawings.style.left), parseInt(popDrawings.style.top) + 10, parseInt(popDrawings.style.top), 15);
		fadeElementSetup('drawingspop', 0, 100, 13);
	}
}

function hideDrawingsPopup() {
	// Start timer to hide the pop-up and the overlay
	DrawingsPopTimer = setTimeout("DrawingsPopupActuallyHide()", 500);
}

function DrawingsPopupActuallyHide() {
	var popDrawings = document.getElementById('drawingspop');
	if (DrawingsPopTimer != "")
	{
		DrawingsPopTimer = "";
		moveStart(popDrawings, parseInt(popDrawings.style.left), parseInt(popDrawings.style.left), parseInt(popDrawings.style.top), parseInt(popDrawings.style.top) - 10, 15);		
		fadeElementSetup('drawingspop', 100, 0, 13, 1);
	}
}

//
// MOVE: Animate the move of an element.
//
// Move is also synchronous. One at a time, please.
//

var moveanim = {time:0, beginX:0, changeX:0.0, beginY:0, changeY:0, duration:0.0, element:null, timer:null};

function moveStart(elem, startX, endX, startY, endY, duration)
{
	if (moveanim.timer != null) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}
	moveanim.time = 0;
	moveanim.beginX = startX;
	moveanim.changeX = endX - startX;
	moveanim.beginY = startY;
	moveanim.changeY = endY - startY;
	moveanim.duration = duration;
	moveanim.element = elem;

	moveanim.timer = setInterval("moveAnimDo();", 15);
}

function moveAnimDo()
{
	if (moveanim.time > moveanim.duration) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}
	else {
		moveX = cubicOut(moveanim.time, moveanim.beginX, moveanim.changeX, moveanim.duration);
		moveY = cubicOut(moveanim.time, moveanim.beginY, moveanim.changeY, moveanim.duration);
		moveanim.element.style.left = moveX + "px";
		moveanim.element.style.top = moveY + "px";
		moveanim.time++;
	}
}



//console.log("Initialized");