/**
 * @author abratfisch
 */

function findPosX(obj) {
	var curleft = 0;
	if (document.getElementById || document.all ) {
		while (obj.offsetParent) {
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else 
	if (document.layers)
		curleft += obj.x;
	
	return curleft;
}

function findPosY(obj) {
	var curtop = 0;
	if (document.getElementById || document.all ) {
		while (obj.offsetParent) {
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else 
	if (document.layers)
		curtop += obj.y;
	
	return curtop;
}

friendlayers = new Hash();

function showFriendLayer(friendObj, user_id) {
	var ffLayer = $('footerFriendLayer');
	if( !ffLayer ) {
		return;
	}
	
	// TODO: Default Inhalt einbauen.
	ffLayer.innerHTML = lade_daten;

	if (Browser.Engine.trident) {
		pos = new Object;
		pos.x = findPosX(friendObj);
		pos.y = findPosY(friendObj);
		ffLayer.style.position = "absolute";
		var footerX = findPosX($("footerCommunity"));
		var leftNeu = pos.x - footerX;
		ffLayer.style.left = leftNeu + "px";
		ffLayer.style.bottom = 50; //pos.y + "px";
		ffLayer.style.display = "";
		ffLayer.style.zIndex = 99999;
	}
	else {
		var fc = $("footerCommunity");
		pos = friendObj.getPosition(fc);
		ffLayer.setStyles({
			left: pos.x - 5,
			bottom: pos.y+70,
			display: ''
		});
	}
	
	if( typeof friendlayers.get(user_id) != 'object' || friendlayers.get(user_id) == null ) {
		new Request.JSON({
			method: 'post',
			data: { userid: user_id },
			onComplete: function(responseHTML) {
				var data = responseHTML.userdata;
				ffLayer.innerHTML = data;
				friendlayers.set(user_id, responseHTML);
			}
		}).post('/includes/php/ajax/friendlayer.php');
	}
	else {
		var data = friendlayers.get(user_id);
		ffLayer.innerHTML = data.userdata;
	}
}

function checkFriendLayer(event) {
	var ffLayer = $('footerFriendLayer');
	if( !ffLayer ) {
		return;
	}
	
	if( !event ) 
		event = window.event;
	
	var pos = ffLayer.getPosition();
	var mouse = new Object();
	mouse.x = event.clientX;
	mouse.y = event.clientY;
	
	
	if( mouse.x <= pos.x || mouse.x >= (pos.x + ffLayer.getSize().x) )
		ffLayer.style.display = 'none';
}

window.addEvent('domready', function() {
	var ffLayer = $('footerFriendLayer');
	if( ffLayer ) {
		ffLayer.onclick = function() {
			this.setStyles({
				display: 'none'
			});
		}
			
		ffLayer.onmouseout = checkFriendLayer;
	}
})