// JavaScript Document//
// WEB SMALL POPUP

var MiscPopTimer = "";

function showMiscPopup(e) {
	var popMisc = document.getElementById('clients-bulle');
	var btnMisc = document.getElementById('clients');


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

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

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

	if (MiscPopTimer != "")
	{
		clearTimeout(MiscPopTimer);
		MiscPopTimer = "";
	} else {
		setOpacity(0, 'clients-bulle');
		popMisc.style.visibility = 'visible';
		moveStart(popMisc, parseInt(popMisc.style.left), parseInt(popMisc.style.left), parseInt(popMisc.style.top) + 10, parseInt(popMisc.style.top), 15);
		fadeElementSetup('clients-bulle', 0, 100, 13);
	}
}

function hideMiscPopup() {
	// Start timer to hide the pop-up and the overlay
	MiscPopTimer = setTimeout("MiscPopupActuallyHide()", 500);
}

function MiscPopupActuallyHide() {
	var popMisc = document.getElementById('clients-bulle');
	if (MiscPopTimer != "")
	{
		MiscPopTimer = "";
		moveStart(popMisc, parseInt(popMisc.style.left), parseInt(popMisc.style.left), parseInt(popMisc.style.top), parseInt(popMisc.style.top) - 10, 15);		
		fadeElementSetup('clients-bulle', 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");