var MessageOverlay = function (id) {
	this.overlay = new Overlay(id, {	width: "208px",
										height: "70px",
										close: false,
										visible: false,
										zindex: 1000
	});
	
	this.overlay.showEffect = { on: "click",
								delay: 1
	};

	this.overlay.hideEffect = { on: "mouseout",//sembra non rispondere sempre quindi aggiungo visibleFor
								delay: 3
	};
	
	this.overlay.visibleFor = 40;
	
	// Internet Explorer versione precedente alla ha bisogno di valori differenti
	// this.overlay.positionOffset = (window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substr(window.navigator.appVersion.indexOf("MSIE") + 5, 1) < 7) ?
		//		{ x: 25, y: 14 } : { x: 14, y: 14 };
	
	this.registerTransitions = function (anchor, user) {
		this.overlay.registerTransitions(anchor, { header: "", body: this.overlayUserInfo(user, anchor), footer: "" }, this.overlay.YUIoverlay.id);
	};		
	
	this.delete_message = function () {
		var bd = '<div id="overlayMessage">' +
		'<a id="message" class="item" href="javascript:deletemessage();">Eliminare messaggio??</a>' +
		'</div>';
		this.overlay.setContent("", bd, "");
	};
	
	
	this.overlayUserInfo = function (user, anchor) {
		this.setPositionOffset(anchor);
		return	'<div class="details left">' +
				'<img src="' + Utilities.getUserAvatar(user.avatar, user.gender, false) + '" alt="" class="' + (user.gender == "M" ? "male" : "female") + '" />' +		  		
		  		'<div class="menu">' +
			  		'<a id="message" class="item" href="javascript:message.delete_message();" title="Elimina messaggio">Elimina messaggio</a>' +
		  		'</div>';
	};
	
	
	this.setPositionOffset = function (anchor) {
		this.overlay.positionOffset = { x: 130, y: 14 };
	};
};