var currentgrouptype = "";
var alphabet = "";
var currenttab = "mygroup";

function setAlphabet(c){
	alphabet = c;
}

function showMyGroupList(userid,contentpage,view,e)
{	
	if(e && e.className == 'selected')
		return
	if(e)
	{
		if (e.name == 'thaisubfiltergroup')
		{
			var tmp = document.getElementsByName('thaisubfiltergroup');
			for(var i = 0;i<tmp.length;i++)
			{
				if(tmp[i] != e)
					tmp[i].className = '';
				else
					e.className = 'selected';
			}
		}
		else if (e.name == 'engsubfiltergroup')
		{
			var tmp = document.getElementsByName('engsubfiltergroup');
			for(var i = 0;i<tmp.length;i++)
			{
				if(tmp[i] != e)
					tmp[i].className = '';
				else
					e.className = 'selected';
			}
		}
		else if (e.name == 'mainfiltergroup')
		{
			var tmp = document.getElementsByName('mainfiltergroup');
			for(var i = 0;i<tmp.length;i++)
			{
				if(tmp[i] != e)
					tmp[i].className = '';
				else
					e.className = 'selected';
			}
		}
	}
	showElement("loading");
	if ($("groupfilter"))
		$("groupfilter").value = "";
    
	var opt = {
			method: 'post',
			postBody: 'userid=' + userid +'&contentpage='+ contentpage +'&view='+ view + '&alphabet='+alphabet,
			onSuccess: function(t) {
				var element = $('groupcontentbox');
				element.innerHTML = t.responseText;
				
				var options = Object.extend({
                from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 1.0),
                to:   1.0,
                afterFinishInternal: function(effect) {
                    effect.element.forceRerendering();
                    $("loading").style.display = 'none';
                },
                beforeSetup: function(effect) {
                    effect.element.setOpacity(effect.options.from).show();
                },
                durations: 0.1
            });
            new Effect.Opacity(element,options);
			},
			onFailure: function(t) {
				$('groupcontentbox').innerHTML = t.responseText;
				hideElement("loading");
			}
		  }
	new Ajax.Request('/groups/showMyGroup', opt);
}

function showOtherGroup(userid,contentpage,view,e)
{	
	if(e && e.className == 'selected')
		return
	if(e)
	{
		if (e.name == 'thaisubfiltergroup')
		{
			var tmp = document.getElementsByName('thaisubfiltergroup');
			for(var i = 0;i<tmp.length;i++)
			{
				if(tmp[i] != e)
					tmp[i].className = '';
				else
					e.className = 'selected';
			}
		}
		else if (e.name == 'engsubfiltergroup')
		{
			var tmp = document.getElementsByName('engsubfiltergroup');
			for(var i = 0;i<tmp.length;i++)
			{
				if(tmp[i] != e)
					tmp[i].className = '';
				else
					e.className = 'selected';
			}
		}
		else if (e.name == 'mainfiltergroup')
		{
			var tmp = document.getElementsByName('mainfiltergroup');
			for(var i = 0;i<tmp.length;i++)
			{
				if(tmp[i] != e)
					tmp[i].className = '';
				else
					e.className = 'selected';
			}
		}
	}
	showElement("loading");
	if ($("groupfilter"))
		$("groupfilter").value = "";
		
	var opt = {
			method: 'post',
			postBody: 'userid=' + userid +'&contentpage='+ contentpage + '&view='+ view + '&alphabet='+alphabet,
			onSuccess: function(t) {
				var element = $('groupallcontentbox');
				element.innerHTML = t.responseText;
				
				var options = Object.extend({
                from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 1.0),
                to:   1.0,
                afterFinishInternal: function(effect) {
                    effect.element.forceRerendering();
                    $("loading").style.display = 'none';
                },
                beforeSetup: function(effect) {
                    effect.element.setOpacity(effect.options.from).show();
                },
                durations: 0.1
            });
            new Effect.Opacity(element,options);
			},
			onFailure: function(t) {
				$('groupallcontentbox').innerHTML = t.responseText;
				hideElement("loading");
			}
		  }
	new Ajax.Request('/groups/showOtherGroup', opt);
}

function showFilterGroup(keyword,view,page)
{	
	if (currenttab!="mygroup" && currenttab!="allgroup")
		return;
	if (Trim(keyword)=='')
		return;
	showElement("loading");
	var opt = {
			method: 'post',
			postBody: 'keyword=' + keyword +'&view='+view+'&page='+page +'&tab='+ currenttab+"&userid="+userId,
			onSuccess: function(t) {
				var element = undefined;
				if (currenttab == "mygroup")
					element = $('groupcontentbox');//.innerHTML = t.responseText;
				else if (currenttab == "allgroup")
					element = $('groupallcontentbox');//.innerHTML = t.responseText;

				if (element) {
					element.innerHTML = t.responseText;
					var options = Object.extend({
						from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 1.0),
						to: 1.0,
						afterFinishInternal: function(effect){
							effect.element.forceRerendering();
							$("loading").style.display = 'none';
						},
						beforeSetup: function(effect){
							effect.element.setOpacity(effect.options.from).show();
						},
						durations: 0.1
					});
					new Effect.Opacity(element, options);
				}
			},
			onFailure: function(t) {
				if (currenttab == "mygroup")
					$('groupcontentbox').innerHTML = t.responseText;
				else if (currenttab == "allgroup")
					$('groupallcontentbox').innerHTML = t.responseText;
				hideElement("loading");
			}
		  }
	new Ajax.Request('/groups/groupfilter', opt);
}

function createNewGroup(userid)
{
	var opt = {
			method: 'post',
			postBody: 'userid=' + userid,
			onSuccess: function(t) {
				$('groupcreatecontentbox').innerHTML = t.responseText;
			},
			onFailure: function(t) {
				$('groupcreatecontentbox').innerHTML = t.responseText;
			}
		  }
	new Ajax.Request('/groups/createNewGroup', opt);
}

function swapTab(tab) {
	$("mygroup").style.display = "none";
	$("allgroup").style.display = "none";
	if ($("creategroup"))
		$("creategroup").style.display = "none";
	if($("createnetworkgroup"))
		$("createnetworkgroup").style.display = "none";

	if($('tabcreatenetworkgroup'))
		$("tabcreatenetworkgroup").className = "";

	$(tab + "group").style.display = "block";
	$("tabmygroup").className = "";
	$("taballgroup").className = "";
	if ($("tabcreategroup"))
		$("tabcreategroup").className = "";
	$("tab" + tab + "group").className = "selected";
	if (tab == "my")
		 currenttab = "mygroup";
	else if (tab == "all")
		 currenttab = "allgroup";
	else
	{
		 currenttab = "";
		 hideElement("divgroupfilter");
		 return false;
	}
	showElement("divgroupfilter");
	return false;
}

function startCallback() {
	// make something useful before submit (onStart)
	$('checkloading').innerHTML = '<img style="width: 20px; vertical-align: middle;" src="/static/v2p/images/ajax-loader.gif"/> waiting ...';
	return true;
}

function startCallback2() {
	// make something useful before submit (onStart)
	$('checkloading2').innerHTML = '<img style="width: 20px; vertical-align: middle;" src="/static/v2p/images/ajax-loader.gif"/> waiting ...';
	return true;
}

function startCallback_banner() {
	// make something useful before submit (onStart)
	$('checkloading_banner').innerHTML = '<img style="width: 20px; vertical-align: middle;" src="/static/v2p/images/ajax-loader.gif"/> waiting ...';
	return true;
}

function startCallback_banner2() {
	// make something useful before submit (onStart)
	$('checkloading_banner2').innerHTML = '<img style="width: 20px; vertical-align: middle;" src="/static/v2p/images/ajax-loader.gif"/> waiting ...';
	return true;
}

function startCssCallback() {
	// make something useful before submit (onStart)
	$('checkcssloading').innerHTML = '<img style="width: 20px; vertical-align: middle;" src="/static/v2p/images/ajax-loader.gif"/> waiting ...';
	return true;
}

function completeCallback(response) {
	// make something useful after (onComplete)
	if (response.match(/^\w{10}\.(png|jpg)$/) || response == "default.jpg") {
		$('file_name').value = response;
		$('groupphotopreview').src = '/asset/group/' + response;
		$('checkloading').innerHTML = '';
	} else {
		$('checkloading').innerHTML = '<span style="color:red;">' + response + "</span>";
	}
}

function completeCallback2(response) {
	// make something useful after (onComplete)
	if (response.match(/^\w{10}\.(png|jpg)$/) || response == "default.jpg") {
		$('network_file_name').value = response;
		$('networkphotopreview').src = '/asset/group/' + response;
		$('checkloading2').innerHTML = '';
	} else {
		$('checkloading2').innerHTML = '<span style="color:red;">' + response + "</span>";
	}
}

function completeCallback_banner(response) {
	// make something useful after (onComplete)
	if (response.match(/^\w{10}\.(png|jpg)$/) || response == "default.jpg") {
		$('banner_file_name').value = response;
        if($('groupbannerpreview')){
            $('groupbannerpreview').src = '/asset/group/banner/' + response;
        }else{
            $('groupbannerpreview_dummy').replace('<label>Banner Preview:</label><img id="groupbannerpreview" src="/asset/group/banner/'+response+'"/>');
        }

		$('checkloading_banner').innerHTML = '';
	} else {
		$('checkloading_banner').innerHTML = '<span style="color:red;">' + response + "</span>";
	}
}

function completeCallback_banner2(response) {
	// make something useful after (onComplete)
	if (response.match(/^\w{10}\.(png|jpg)$/) || response == "default.jpg") {
		$('banner_file_name2').value = response;
        if($('groupbannerpreview2')){
            $('groupbannerpreview2').src = '/asset/group/banner/' + response;
        }else{
            $('groupbannerpreview_dummy2').replace('<label>Banner Preview:</label><img id="groupbannerpreview" src="/asset/group/banner/'+response+'"/>');
        }
		$('checkloading_banner2').innerHTML = '';
	} else {
		$('checkloading_banner2').innerHTML = '<span style="color:red;">' + response + "</span>";
	}
}

function completeCssCallback(response) {
	// make something useful after (onComplete)
	if (response.match(/^\w{10}\.(css)$/)) {
        changeCss('/asset/group/css/' + response);
		$('css_file_name').value = response;
		$('checkcssloading').innerHTML = '';
	} else {
		$('checkcssloading').innerHTML = '<span style="color:red;">' + response + "</span>";
	}
}

function changeCss(csssrc){
    var elementid = "groupcss";
    var element = $(elementid);
    if(element) {
        element.parentNode.removeChild(element);
    }

    element = document.createElement('link');
    element.id = elementid
    element.href = csssrc;
    element.rel="stylesheet";
    element.type="text/css";
    element.media="screen";
    document.getElementsByTagName('head')[0].appendChild(element);
}

function deleteCss(){
    if(confirm(_("Do you want to delete uploaded CSS?"))){
        changeCss("");
        var opt = {
            onSuccess: function(t) {
                $('css_file_name').value = "";
                changeCss("");
                $('infotext1').innerHTML = _("Delete CSS Completed");
                showElement("infobox1");
            },
            onFailure: function(t) {
                $('infotext1').innerHTML = _("There is an system error. Please try again");
                showElement("infobox1");
            }
        }
        new Ajax.Request('/group/deletecss/'+$("groupid").value, opt);
    }
}

function createGroup(userid) {
	if ($('url')) {
		if ($('url').value.length < 3 && $('url').value.length != 0) {
			$("infotext1").innerHTML = _('The shortname length must be at least 3 characters');
			showElement("infobox1");
			return;
		}
		else 
			if ($('url').value.indexOf(';') != -1) {
				$("infotext1").innerHTML = _('The acceptable characters are not in range 0-9, A-Z, a-z and -');
				showElement("infobox1");
				return;
			}
	}
	var opt = {
			method: 'post',
			postBody: 'name=' + encodeURIComponent($('groupname').value) + '&description=' + encodeURIComponent($('groupdescription').value) + 
				'&picture=' + $('file_name').value + '&banner_filename=' + $('banner_file_name').value + '&privacy=' + $('grouppermission').value + 
				'&shortname='+ $('url').value,
			onSuccess: function(t) {
				if (t.responseText == 'success')
					window.location.href = "/groups/" + userid;
				else
				{
					if(t.responseText!='')
					{
						if (t.responseText == 'short shortname') {
							$("infotext1").innerHTML = _("The length of URL is too short");
						}else if (t.responseText == 'wrong character') {
							$("infotext1").innerHTML = _('The characters of URL are not in range 0-9, A-Z, a-z and -');
						}else if (t.responseText == 'redundant' || t.responseText == 'reserve') {
							$("infotext1").innerHTML = _('The URL is not available');
						}else if (t.responseText == 'too long') {
							$("infotext1").innerHTML = _('The URL is too long');
						}else{
						    $('infotext1').innerHTML = t.responseText;
						}
						showElement("infobox1");
					}
				}
			},
			onFailure: function(t) {
				alert(_("There is an system error. Please try again"));
			}
		  }
	new Ajax.Request('/group/create', opt);
}

function createNetwork(userid) {
	var opt = {
			method: 'post',
			postBody: 'name=' + encodeURIComponent($('networkname').value) + '&description=' + encodeURIComponent($('networkdescription').value) + 
				'&picture=' + $('network_file_name').value + '&banner_filename=' + $('banner_file_name2').value,
			onSuccess: function(t) {
				if (t.responseText == 'success')
					window.location.href = "/groups/" + userid;
				else
				{
					if(t.responseText!='')
					{
						$('infotext1').innerHTML = t.responseText;
						showElement("infobox1");	
					}
				}
			},
			onFailure: function(t) {
				alert(_("There is an system error. Please try again"));
			}
		  }
	new Ajax.Request('/network/create', opt);
}

function uploadPicture(grouptype) 
{
	if(grouptype=="custom")
	{
		if ($('uploadForm').onsubmit())
			$('uploadForm').submit();
	}
	else if(grouptype=="network")
	{
		if ($('uploadnetworkForm').onsubmit())
			$('uploadnetworkForm').submit();
	}
}

function uploadCss() 
{
	if ($('uploadCssForm').onsubmit()){
		$('uploadCssForm').submit();
    }
}

function requestjoingroup(groupid,userid,grouptype,e,view) {
	var url = '/group/requestjoingroup'
	if (grouptype=="network")
	{
		url = '/network/requestjoingroup'
	}
	var opt = {
			method: 'post',
			postBody: 'gid=' + groupid + '&uid=' + userid,
			onSuccess: function(t) {
				if (t.responseText == 'success')
				{
					$('infotext1').innerHTML = _("Congratulations, you are a member of this group.");
					showMyGroupList(userId,"0",view);
					showOtherGroup(userId,"0",view);
				}
				else if (t.responseText == _("Send join group request success"))
				{
					$('infotext1').innerHTML = t.responseText;
					showMyGroupList(userId,"0",view);
					showOtherGroup(userId,"0",view);
				}
				else
					$('infotext1').innerHTML = t.responseText;
				if(t.responseText!='')
					showElement("infobox1");
			},
			onFailure: function(t) {
				alert(_("There is an system error. Please try again"));
			}
		  }
	new Ajax.Request(url, opt);
}

function memberslist(groupid,pageno)
{
	   var url = '/group/members';
	   if (currentgrouptype=="network")
	   {
			url = '/network/members'
	   }

		var opt = {
			method: 'post',
			postBody: 'groupId=' + groupid +"&contentpage=" + pageno,
			onSuccess: function(t) {
					if(t.responseText.indexOf('chkmember')!=-1 || pageno == 0)
					{
						$('memberslist').update(t.responseText);
					}
					else
					{
						pageno = (parseInt(pageno)-1).toString();
						memberslist(groupid,pageno);
					}
			},
			onFailure: function(t) {
				//alert(_("There is an system error. Please try again"));
			}
		  }
	new Ajax.Request(url, opt);
}

function chkalltoggle()
{
	var checklist = document.getElementsByName('chkmember');
	for (i=0;i<checklist.length;i++)
	{
			if(!checklist[i].disabled)
				checklist[i].checked = $('chkall').checked;
	}
}

function resignall(gid)
{
	if(confirm(_("Do you want to delete selected user form your group?")))
	{
	   var url = '/group/resignall';
	   if (currentgrouptype=="network")
	   {
			url = '/network/resignall';
	   }
		var uid = "&";
			var checklist = document.getElementsByName('chkmember');
		for (i=0;i<checklist.length;i++)
		{
				if(checklist[i].checked)
				{
					uid += "uid="+checklist[i].value + "|"+$("hstatus_"+checklist[i].value).value+"&";
				}
		}
		uid = uid.substring(0,uid.length-1);

		var opt = {
				method: 'post',
				postBody: 'gid=' + gid + uid,
				onSuccess: function(t) {
						if(t.responseText == "success")
							memberslist(gid,0)
						else
						{
							if(t.responseText != '')
							{
								$('infotext1').innerHTML = t.responseText;
								showElement("infobox1");
							}
						}
				},
				onFailure: function(t) {
					alert(_("There is an system error. Please try again"));
				}
			  }
		new Ajax.Request(url, opt);
	}
}

function resignmember(gid,uid)
{
	if(confirm(_("Do you want to delete selected user form your group?")))
	{
	   var url = '/group/resign';
	   if (currentgrouptype=="network")
	   {
			url = '/network/resign'
	   }
				var opt = {
				method: 'post',
				postBody: 'gid=' + gid + "&uid=" +uid,
				onSuccess: function(t) {
						if(t.responseText == "success")
							memberslist(gid,0)
						else
						{
							if(t.responseText!='')
							{
								$('infotext1').innerHTML = t.responseText;
								showElement("infobox1");
							}
						}
				},
				onFailure: function(t) {
					alert(_("There is an system error. Please try again"));
				}
			  }
		new Ajax.Request(url, opt);
	}
}

function resigngroup(grouptype,gid,uid,view)
{
	if(confirm(_("Do you want to resign from this group?")))
	{
		var url = '/group/resigngroup';
	   
	    if (grouptype=="network") url = '/network/resigngroup'

		var opt = {
		method: 'post',
		postBody: 'gid=' + gid + "&uid=" +uid,
		onSuccess: function(t) {
			if(t.responseText == "success")
			{
				showMyGroupList(userId, 0,view);
				showOtherGroup(userId ,0,view);
			}
			else
			{
				if(t.responseText!='')
				{
					$('infotext1').innerHTML = t.responseText;
					showElement("infobox1");
					//showMyGroupList(userId, 0,view);
					//showOtherGroup(userId ,0,view);
				}
			}
		},
		onFailure: function(t) {
			alert(_("There is an system error. Please try again"));
		}
	  }
	  new Ajax.Request(url, opt);
	}
}

function rejectjoinrequest(gid,uid)
{
	if(confirm(_("Do you want to deny join request?")))
	{
		var opt = {
				method: 'post',
				postBody: 'gid=' + gid + "&uid=" +uid,
				onSuccess: function(t) {
						if(t.responseText == "success")
							memberslist(gid,0)
						else
						{
							if(t.responseText!='')
							{
								$('infotext1').innerHTML = t.responseText;
								showElement("infobox1");
							}
						}
				},
				onFailure: function(t) {
					alert(_("There is an system error. Please try again"));
				}
			  }
		new Ajax.Request('/group/rejectjoinrequest', opt);
	}
}

function setcheckbox(inivalue,e)
{/*
	var checkitem;
	var checklist = document.getElementsByName('chkmember');
	for (i=0;i<checklist.length;i++)
	{
			if(checklist[i].value==e.id.substring(7))
			{
					checkitem = checklist[i];
					break;
			}
	}

	checkitem.checked = (e.value!=inivalue);*/
}

function setallpermission()
{
	/*
		var checklist = document.getElementsByName('chkmember');
		for (i=0;i<checklist.length;i++)
		{
			if(checklist[i].checked)
			{
				$('select_'+checklist[i].value).selectedIndex = $('allpermission').selectedIndex;
			}
		}*/
}

function savechangemember(gid)
{
	if(confirm(_("Do you want to save change?")))
	{
		var uid = "&";
		var checklist = document.getElementsByName('chkmember');
		for (i=0;i<checklist.length;i++)
		{
				if(checklist[i].checked)
				{
					uid += "uid="+checklist[i].value+"&";
				}
		}
		uid = uid.substring(0,uid.length-1);
		
		permission = "0";
		if ($('allpermission').value == "1")
		{
			permission = "1";
		}
		
			var opt = {
				method: 'post',
				postBody: 'gid=' + gid  +uid + "&p="+permission,
				onSuccess: function(t) {
						if(t.responseText == "success")
							memberslist(gid,0)
						else
						{
							if(t.responseText!='')
							{
								$('infotext1').innerHTML = t.responseText;
								showElement("infobox1");
							}
						}
				},
				onFailure: function(t) {
					alert(_("There is an system error. Please try again"));
				}
			  }
		new Ajax.Request('/group/setmultipermission', opt);
	}
}

function editGroup(userid) {
	var privacy = "";
	var filename = "";
	var url = '/group/edit';
	if(currentgrouptype=="network")
		url =  '/network/edit'
	if ($('grouppermission'))
	{
		privacy = $('grouppermission').value;
	}
	if($('file_name'))
		filename = $('file_name').value;
	else
		filename = $('network_file_name').value;
    var banner_filename = $('banner_file_name') || $('banner_file_name2');
    var css_file_name = $('css_file_name');
    if(css_file_name){
        css_file_name = css_file_name.value;
    }else{
        css_file_name = "";
    }
    
    if ($('url')) {
		if ($('url').value.length < 3 && $('url').value.length != 0) {
			$("infotext1").innerHTML = _('The shortname length must be at least 3 characters');
			showElement("infobox1");
			return;
		}
		else
			if ($('url').value.indexOf(';') != -1) {
				$("infotext1").innerHTML = _('The acceptable characters are not in range 0-9, A-Z, a-z and -');
				showElement("infobox1");
				return;
			}

		posted = 'gid='+$('groupid').value+'&description=' + encodeURIComponent($('groupdescription').value) + '&shortname=' + $('url').value +
				'&picture=' + filename + '&banner_filename=' + banner_filename.value + '&privacy=' + privacy +'&css_file_name='+css_file_name;
	}else{
		posted = 'gid='+$('groupid').value+'&description=' + encodeURIComponent($('groupdescription').value) +
				'&picture=' + filename + '&banner_filename=' + banner_filename.value + '&privacy=' + privacy +'&css_file_name='+css_file_name;
	}

	var opt = {
			method: 'post',
			postBody: posted,
			onSuccess: function(t) {
				if (t.responseText == 'success')
					window.location.href = "/groups/" + userid;
				else
				{
					if(t.responseText!='')
					{
						if (t.responseText == 'short shortname') {
							$("infotext1").innerHTML = _("The length of URL is too short");
						}else if (t.responseText == 'wrong character') {
							$("infotext1").innerHTML = _('The characters of URL are not in range 0-9, A-Z, a-z and -');
						}else if (t.responseText == 'redundant' || t.responseText == 'reserve') {
							$("infotext1").innerHTML = _('The URL is not available');
						}else if (t.responseText == 'too long') {
							$("infotext1").innerHTML = _('The URL is too long');
						}else{
						    $('infotext1').innerHTML = t.responseText;
						}
						
						showElement("infobox1");
					}
				}
			},
			onFailure: function(t) {
				alert(_("There is an system error. Please try again"));
			}
		  }
	new Ajax.Request(url, opt);
}

function showRecentUpdate(groupAlias, groupId, no) {
	var count = 5;
	if(no)
		count = no;
	var opt = {
				method: 'post',
				postBody: 'groupId='+ groupId + "&count=" + count,
				onSuccess: function(t) {
					$('recentupdate').innerHTML = t.responseText;
				},
				onFailure: function(t) {
					$('recentupdate').innerHTML = t.responseText;
				}
			  }
	new Ajax.Request('/' + groupAlias + '/showRecentUpdate', opt);
}

function createNewNetworkGroup(userid)
{
	var opt = {
			method: 'post',
			postBody: 'userid=' + userid,
			onSuccess: function(t) {
				$('networkgroupcreatecontentbox').innerHTML = t.responseText;
			},
			onFailure: function(t) {
				$('networkgroupcreatecontentbox').innerHTML = t.responseText;
			}
		  }
	new Ajax.Request('/groups/createNewNetworkGroup', opt);
}

function requestjoingroup2(groupid,userid,grouptype,e) {
	var url = '/group/requestjoingroup'
	if (grouptype=="network")
	{
		url = '/network/requestjoingroup'
	}
	var opt = {
			method: 'post',
			postBody: 'gid=' + groupid + '&uid=' + userid,
			onSuccess: function(t) {
				if (t.responseText == 'success')
				{
					//hideElement(e.id);
					$('infotext1').innerHTML = _("Congratulations, you are a member of this group.");
				}
				else if (t.responseText == _("Send join group request success"))
				{
					$('infotext1').innerHTML = t.responseText;
				}
				else
					$('infotext1').innerHTML = t.responseText;
				if(t.responseText!='')
					showElement("infobox1");
			},
			onFailure: function(t) {
				alert(_("There is an system error. Please try again"));
			}
		  }
	new Ajax.Request(url, opt);
}
function showDeleteGroup(id,type){
    $("groupitemid").value = id;
    $("groupitemtype").value = type;
    $("deleteboxtext").innerHTML = _("Do you want to delete this group?");
    showElement("deletebox");
}
function deleteGroup(id,type){
    var opt = {
            method: 'post',
            postBody: 'id=' + id +'&type='+ type,
            onSuccess: function(t) {
                if (t.responseText == "200"){
                    showMyGroupList(userId,0,'preview');
                }else{
                    $('infotext1').innerHTML = _("There is an system error. Please try again");
                    showElement("infobox1");
                }
            },
            onFailure: function(t) {
                $('infotext1').innerHTML = _("There is an system error. Please try again");
                showElement("infobox1");
            }
          }
    new Ajax.Request('/groups/deleteGroup', opt);
}