// Define various event handlers for Dialog
var ListFriends = function( arrFriend ) {
	var _ref = this;
	var _arrFriend = arrFriend;
	ListFriends.superclass.constructor.call(this,"listFriends",{
																			  visible:false,
																			  width:"200px" } );

	var kl_close = new YAHOO.util.KeyListener(document, {keys:27 },
												  { fn: this.hide,
														scope: this,
														correctScope:true }, "keyup" ); 												
	this.cfg.queueProperty("keylisteners", kl_close);
	var li = "";
	for( var i = 0; i < _arrFriend.length; ++i ) {
		li += '<div id="friend_'+i+'">' + _arrFriend[i].name + ' ( '+_arrFriend[i].email+' )</div>';
	}
	li += '<div id="closeListFriends" style="text-align: right;padding-right: 4px;color: #00008C;font-size: 10px;">close</div>';
	this.setBody( li );
	this.render(document.body);
	YAHOO.util.Event.addListener("closeListFriends", "click", _ref.hide,_ref,true);
	this.show = function( e, date ) {
		_ref.number = date.number;
		_ref.cfg.setProperty("context", [ date.start + date.number, "tl", "bl"]);
    ListFriends.superclass.show.call( _ref );
	}
	this.hide = function( e, nListF ) {
		var name = document.getElementById( "idNameUser_"+ _ref.number );
		var email = document.getElementById( "idEmailUser_"+ _ref.number );
		name.value = _arrFriend[nListF].name;
		email.value = _arrFriend[nListF].email;
		
    ListFriends.superclass.hide.call( _ref );
	}
}


YAHOO.lang.extend( ListFriends, YAHOO.widget.Overlay );

function listFriends() {
	
	for( var i = 1; i < 9; i++ ) {
	  YAHOO.util.Event.addListener("idNameUser_" + i, "mouseover", overlay.show, {"start":"idNameUser_","number":i}, overlay);
	  YAHOO.util.Event.addListener("idEmailUser_" + i, "mouseover", overlay.show, {"start":"idEmailUser_","number":i}, overlay);
	}
	for( var i = 0; i < listF.length; i++ ) {
		YAHOO.util.Event.addListener("friend_" + i, "click", overlay.hide,i,overlay);
	}
}