{template admin_header}
<script type="text/javascript">
var Regular = {
	id: null,
	groupid:0,
	groupidlist:[],
	data : {
	'0':'{lang regularGroupSelect}'
	<!--{loop $regulargrouplist $regulargroup}-->
	,'$regulargroup[id]':'$regulargroup[title]'
	<!--{/loop}-->
	},
	regulars:"{$regulars}",
	
	makeChecked: function(){
		if ('' == this.regulars) return;
		var regulars = this.regulars.split('|');
		for (i in regulars){
			$(":checkbox[value='"+regulars[i]+"']").attr('checked', true);
		}
	},
	
	makeTab: function(){
		var html='', data = Regular.data;
		this.groupidlist = [];
		for(i in data){
			this.groupidlist.push(i);
			if (i != '0'){
				html += '<a name="a'+i+'" onclick="Regular.filter('+i+')" href="javascript:;" class="regulargroup">'+data[i]+'</a> ';
			}
		}
		
		$('#regulargrouptab').html(html);
	},
	
	filter: function(groupid){
		this.groupid = groupid;
		$(".grouplist").hide().filter('[name=group'+groupid+']').show();
		$('#selectRegularGroup').hide();
		$('a.selected').removeClass('selected');
		$('a[name=a'+groupid+']').addClass('selected');
		$("#selectall").attr("checked",false);
	},
	
	setWidth: function(){
		var width = $(document).width();
		var grouplist, data = Regular.data;
		for(i in data){
			grouplist = $(".grouplist[name=group"+i+"]");
			if (grouplist.size() > 18){
				grouplist.each(function(i, n){
					if (i % 2 == 1){
						if (width>1024){
							$(n).css('width','65%');
						}else if(width<800){
							$(n).css('width','40%');
						}else{
							$(n).css('width','55%');
						}
					}else{
						if (width>1024){
							$(n).css('width','20%')
						}else if(width<800){
							$(n).css('width','40%');
						}else{
							$(n).css('width','30%');
						}
					}
				});
			}
		}
	},
	
	selectAll: function(E){
		$("span[name=group"+this.groupid+"]").find(':checkbox').attr('checked', E.checked);
	},
	
	click: function(E){
		var action,id = $(E).attr('id').replace('regular','');
		action = ($(E).attr('checked'))?'right':'left';
		var url = 'index.php?admin_regular-getrelation-'+id+'-'+action;
		$.get(url, function(data, state){
			data = $.trim(data);
			if ('' != data && 'OK' == data.substr(0,2)){
				var idlist = data.substr(2).split('|');
				var idrightlist = idlist[0].split(',');
				var idleftlist = idlist[1].split(',');
				
				for(i in idleftlist){
					$('#regular'+idleftlist[i]).attr('checked',false);
				}
				
				for(i in idrightlist){
					$('#regular'+idrightlist[i]).attr('checked',true);
				}
			}
		});
	}
}

$(document).ready(function(){
	$('#regulargrouptab').html(Regular.makeTab("selectTab"));
	
	var groupid = Regular.groupidlist[1];
	Regular.filter(groupid);

	setTimeout('timer()', 100);
});

function timer(){
	Regular.setWidth();
}
</script>
<style type="text/css">
.usergroup{padding-left:30px;border:1px solid #E3EFF9;}
.selected{background:#E3EFF9}
.regulargroup{border:1px solid #E3EFF9;float:left;padding:1px 5px;}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
    <td><br>
	<div id="navcontainer">
	  <ul id="navlist">
	<!--{if $ISOFFICIAL}-->
		<li><a href="index.php?admin_regular">{lang regularMng}</a></li>
		<li><a href="index.php?admin_regular-grouplist">{lang regularGroup}</a></li>
	<!--{/if}-->
		<li><a href="index.php?admin_regular-groupset-{$groupid}" id="current">{lang regularMng}</a></li>
	  </ul>
	</div>
    </td>
</tr>
</table>

<table align="center" cellpadding="10" cellspacing="0" width="100%">
  <tr>
    <td valign="top">
	<table width="100%" class="list">
	  <tr>
		<td width="160" height="40"><img src="style/default/admin/usergroupset.gif"/></td>
		<td><span id="regulargrouptab">Loading....</span></td>
	  </tr>
	  <tr>
		<td valign="top" height="600">
			<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
			<!--{loop $usergrouplist $usergroup}-->
			<tr>
			    <td height="30" class="usergroup <!--{if $groupid==$usergroup[groupid]}-->selected<!--{/if}-->">
				<a value="{$usergroup[groupid]}" 
				href="index.php?admin_regular-groupset-{$usergroup[groupid]}"
				>{$usergroup[grouptitle]}</a></td>
			</tr>
			<!--{/loop}-->
			<tr><td>&nbsp;</td></tr>
			</table>
		</td>
		<td  valign="top">
	<form name="regularform" id="regularform" action="index.php?admin_usergroup-edit-{$groupid}"  method="post">
	  <table width="100%" cellspacing="0" cellpadding="3">
       	 <tr>
 	      <td>
		  <!--{loop $regularlist $regular}-->
		  <span id="tr{$regular[id]}" class="grouplist" name="group{$regular[regulargroupid]}">
		  <label><input type="checkbox" name="regular[]" id="regular{$regular[id]}" onclick="Regular.click(this)"
		  value="{$regular[regular]}" <!--{if $regular[checked]}-->checked="true"<!--{/if}--> >
		  $regular[name]</label>
		  </span>
		   <!--{/loop}-->
		  </td>
        </tr>
		<tr>
			<td><label><input id="selectall" type="checkbox" onclick="Regular.selectAll(this)"><b>{lang magSelectAll}</b></label></td>
		</tr>
		<tr>
			<td>
			<input name="submit" type="submit" value="{lang submit}">
			<input name="default" type="submit" value="{lang usergroupDefault}">
			</td>
		</tr>		
      </table>
      </form>
		</td>
	  </tr>
  </table>
      </td>
  </tr>
</table>

{template admin_footer}