<!-- $Id: uiaccountsel.tpl,v 1.2.4.1 2004/08/18 19:39:05 mgalgoci Exp $ -->

<script LANGUAGE="JavaScript">
	window.focus();

	function addOption(id,label,value)
	{
		opener.addOption(id,label,value);

		selectBox = document.getElementById('uiaccountsel_popup_selection');
		if (selectBox) {
			for (i=0; i < selectBox.length; i++) {
				if (selectBox.options[i].value == value) {
					selectBox.options[i].selected = true;
					break;
				}
			}
			if (i >= selectBox.length) {
				selectBox.options[selectBox.length] = new Option(label,value,false,true);
			}
		}
	}

	function removeSelectedOptions(id)
	{
		openerSelectBox = opener.document.getElementById(id);
		if (openerSelectBox == null) window.close();
		selectBox = document.getElementById('uiaccountsel_popup_selection');
		for (i=0; i < selectBox.length; i++) {
			if (selectBox.options[i].selected) {
				for (j=0; j < openerSelectBox.length; j++) {
					if (openerSelectBox[j].value == selectBox.options[i].value) {
						openerSelectBox.removeChild(openerSelectBox[j]);
					}
				}
				selectBox.options[i--] = null;
			}
		}
	}

	function copyOptions(id)
	{
		openerSelectBox = opener.document.getElementById(id);
		selectBox = document.getElementById('uiaccountsel_popup_selection');
		for (i=0; i < openerSelectBox.length; i++) {
			with (openerSelectBox.options[i]) {
				if (selected) {
					selectBox.options[selectBox.length] =  new Option(text,value);
				}
			}
		}
	}
</script>

<style type="text/css">
	.letter_box,.letter_box_active {
		background-color: #E8F0F0;
		width: 15px;
		border: 1px solid white;
		text-align: center;
		cursor: pointer;
		cusror: hand;
	}
	.letter_box_active {
		font-weight: bold;
		background-color: #D3DCE3;
	}
	.letter_box_active,.letter_box:hover {
		border: 1px solid black;
		background-color: #D3DCE3;
	}
</style>

<div id="divMain">
<table border="0" width="100%">
	<tr>
		<td width="20%" rowspan="3">{accountsel_icon}</td>
		<td align="right" colspan="5">
			<form method="POST" action="{search_action}">
				 <select name="query_type" >
						<option value="firstname">{lang_firstname}</option>
						<option value="lastname">{lang_lastname}</option>
					</select>
				<!-- {query_type} -->
				<input type="text" name="query" value="{prev_query}">
				<input type="submit" name="search" value="{lang_search}">
			</form>
		</td>
	</tr>
	<tr>
		<td colspan="5">
			<table width="100%"><tr>
<!-- BEGIN letter_search -->
				<td class="{class}" onclick="location.href='{link}';">{letter}</td>
<!-- END letter_search -->
			</tr></table>
		</td>
	</tr>
	<tr>
		{left}
		<td align="center">{lang_showing}</td>
		{right}
	</tr>
</table>

<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top" width="20%">
			<table border="0" width="100%" cellpadding="2" cellspacing="2">
				<tr>
					<td class="th" colspan="2" align="center"><b>{lang_groups}</b></td>
				</tr>
<!-- BEGIN bla_intro -->
				<tr>
					<td class="th" colspan="2">{lang_perm}</td>
				</tr>

<!-- END bla_intro -->

<!-- BEGIN other_intro -->
				<tr>
					<td class="th" colspan="2">{lang_perm}</td>
				</tr>
<!-- END other_intro -->

<!-- BEGIN group_cal -->
				<tr class="{tr_color}">
					<td><a href="{link_user_group}" title="{lang_list_members}">{name_user_group}</a></td>
					<td align="center">
						<input type="image" src="{img}" onclick="{onclick}; return false;" title="{lang_select_group}">
					</td>
				</tr>
<!-- END group_cal -->

<!-- BEGIN group_other -->

				<tr class="{tr_color}">
					<td><a href="{link_user_group}" title="{lang_list_members}">{name_user_group}</a></td>
				</tr>

<!-- END group_other -->

<!-- BEGIN all_intro -->
				<tr height="5">
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td class="th" colspan="2">{lang_nonperm}</td>
				</tr>

<!-- END all_intro -->

<!-- BEGIN group_all -->

				<tr class="{tr_color}">
					<td colspan="2"><a href="{link_all_group}" title="{lang_list_members}">{name_all_group}</a></td>
				</tr>

<!-- END group_all -->


			</table>
		</td>
		<td valign="top">
			<table border="0" width="100%" cellpadding="2" cellspacing="2">
				<tr class="th">
					<td width="100%" class="th" align="center" colspan="3"><b>{lang_accounts}</b></td>
				</tr>
				<tr class="th">
					<!-- <td align="center">{sort_lid}</td> -->
					<td align="center">{sort_firstname}</td>
					<td align="center">{sort_lastname}</td>
					<td width="10%">&nbsp;</td>
				</tr>

<!-- BEGIN accounts_list -->

	<tr class="{tr_color}">
		<!-- <td>{lid}</td> -->
		<td>{firstname}</td>
		<td>{lastname}</td>
		<td align="center">
			<input type="image" src="{img}" onclick="{onclick}; return false;" title="{lang_select_user}">
		</td>
	</tr>

<!-- END accounts_list -->

			</table>
		</td>
		<td valign="top">
			<table border="0" width="100%" cellpadding="2" cellspacing="2">
				<tr class="th">
					<td align="center" colspan="2"><b>{lang_selection}</b> {remove}</td>
				</tr>
				<tr class="row_off">
					<td align="center">
						{selection}
					</td>
				</tr>
				<tr>
					<td align="center" colspan="2">
						<input type="button" name="close" value="{lang_close}" onClick="window.close()">
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
</div>

