var element = 0;
var hidding = true;
var requestingFriend = false;

window.onload = function() {
	createElement();
	
	// create loading div
	var myBody = document.body;
	var myDiv = document.createElement('div');
	myDiv.id = "contextualUserMenuLoadingDiv";
	myDiv.style.position = "absolute";
	myDiv.style.display = "none";
	myDiv.style.zIndex = "1";
	myDiv.innerHTML = "<img src='/images/ajax-loading.gif' width='20' height='20'>";
	myBody.appendChild(myDiv);
}

function createElement() {
	var myBody = document.body;
	var myDiv = document.createElement('div');
	myDiv.id = "contextualUserMenu";
	myDiv.style.position = "absolute";
	myDiv.style.display = "none";
	myDiv.style.zIndex = "1";
	myBody.appendChild(myDiv);
	element++;
}

function removeElement(elemento) {
	var myBody = document.body;
	var myDiv = document.getElementById(elemento);
	myBody.removeChild(myDiv);
}

function hideUserMenu() {
	if (document.getElementById("ContextualMenuAddAsFriendLink") == null || !document.getElementById("ContextualMenuAddAsFriendLink").hasFocus) {
		hidding = true;
		elemento = element - 1;
		new Effect.Opacity("contextualUserMenu" + (elemento), {duration: 0.3, from: 0.99, to: 0.1});
		setTimeout("removeElement('contextualUserMenu' + (elemento))", 300);
	}
}

function showUserMenu(event) {
	if (hidding) {
		hidding = false;
	} else {
		hideUserMenu();
	}
	assignPosition(event, document.getElementById("contextualUserMenu"), 10);
	document.getElementById("contextualUserMenu").style.display = "block";
	
	var myDiv = document.getElementById("contextualUserMenu");
	myDiv.id = "contextualUserMenu" + element;
	new Effect.Opacity("contextualUserMenu" + (element), {duration: 0.3, from: 0.1, to: 1});
	//new Effect.BlindDown("contextualUserMenu" + element);
	createElement();
}

function showLoadingGif(event) {
	assignPosition(event, document.getElementById("contextualUserMenuLoadingDiv"), 15);
	document.getElementById("contextualUserMenuLoadingDiv").style.display = "block";
}

function hideLoadingGif() {
	document.getElementById("contextualUserMenuLoadingDiv").style.display = "none";
}

function assignPosition(evento, capa, margin) {
	//determina un margen de pixels del div al raton
	//margin=16;

	//La variable IE determina si estamos utilizando IE
	var IE = document.all?true:false;
	
	var tempX = 0;
	var tempY = 0;
	
	//document.body.clientHeight = devuelve la altura del body
	if (IE) { 
		// para IE
		tempX = Event.pointerX(evento);
		tempY = Event.pointerY(evento)
		
		//if (window.pageYOffset){
		//	tempY = (tempY + window.pageYOffset);
		//	tempX = (tempX + window.pageXOffset);
		//} else {
		//	tempY = (tempY + Math.max(document.body.scrollTop, document.documentElement.scrollTop));
		//	tempX = (tempX + Math.max(document.body.scrollLeft, document.documentElement.scrollLeft));
		//}
	} else {
		// para netscape
		// window.pageYOffset = devuelve el tamaņo en pixels de la parte superior no visible (scroll) de la pagina
		document.captureEvents(Event.MOUSEMOVE);
		tempX = evento.pageX;
		tempY = evento.pageY;
	}
	
	if (tempX < 0){tempX = 0;}
	if (tempY < 0){tempY = 0;}
	
	capa.style.top = (tempY + margin) + "px";
	capa.style.left = (tempX + margin) + "px";
}