var pagesize=10;
var type=0;
var pagegroup=0;
var count = 0;

function changetab(obj,index)
{
    //$('ptabname').innerHTML=obj.innerHTML;
    var lis=$('userMenu').getElementsBySelector('li');
    for (var i=0,n=lis.length;i<n;i++)
    {
        lis[i].id="";
    }
    obj.parentNode.id="active";
    type=index;
    pagegroup=0;
    GetGroups();

    if (type != 0)
        $('sellocation').hide();

}

function SearchGroup() {
    countryid = $('ddlCountry').value;
    stateid = $('ddlState').value;
    GetGroups();
}

function GetGroups()
{
    var cuid=$('currentuid').value;
    var appid=$('appid').value;
    $('h2info').update('<img class="loader" src="/Content/gfx/ajax-loader-small.gif" alt="" /> Loading...');
    $('userlist2').hide();
    $('ulpages').hide();
    
    Bloc.ObjectModel.Groups.GetGroups(appid,cuid,type,pagegroup,pagesize,countryid,stateid,0,OnPostGetGroupsCallBack);
    
}   

function OnPostGetGroupsCallBack(res)
{
    var strHTML="";
    
    var groupimage=$('groupimage').value;
    
//    strHTML+='<dt><p id="ptabname">';
//    
    if (type==0)
        $('h2info').update("Showing Groups");
        
    if (type==1)
        $('h2info').update("Showing Your Groups");
        
    if (type==2)
        $('h2info').update("Showing Friends Groups");
        
    if (type==8)
        $('h2info').update("Showing Networks Groups");
        
//    strHTML+='</p></dt>';  
// 
    
    if (res.value==null)
    {
       
        $('userlist').innerHTML=strHTML;
        $('h2info').update("Showing last Groups");
        $('userlist').show();
        $('ulpages').innerHTML="";
        $('ulpages').hide();
        return ;
    }
    
    count=res.value[1];
    
    for (var i=0,n=res.value[0].length;i<n;i++)
    {
        var resvalue=res.value[0][i];
        strHTML+='<li>';
        
        strHTML+='<a href="../group/group.rails?Gid='+resvalue.GroupID+'" class="img">';
        if (resvalue.GroupImage!="")
        {
            strHTML+='<img src="'+resvalue.GroupImage+'" />';
        }
        else
        {
            strHTML+='<img src="../Content/gfx/modules/group/default149.gif" alt="'+resvalue.GroupName+'"/>';
        }
        strHTML+='</a>';
        
        strHTML+='<div class="group">';
        
        strHTML+='<h3>';
        strHTML+='<a href="../group/group.rails?Gid='+resvalue.GroupID+'">'+resvalue.GroupName+'</a>';
        strHTML+='</h3>';
        
        strHTML+='<p class="detail">'+resvalue.TagLine+'</p>';
        
        strHTML+='<ol>';
        
        strHTML+='<li><strong>Type:</strong> '+ resvalue.CategoryName +'- '+resvalue.SubCategoryName+'</li>';
        
        strHTML+='<li><strong>Where:</strong> '+ resvalue.Location+'</li>';
        
        strHTML+='<li><strong>Members:</strong> '+ resvalue.FriendJoin +' of your friends, '+resvalue.CountJoin+' in total.</li>';

        
        strHTML+='</ol>';
        
        strHTML+='<a class="submit-gray right" href="../group/group.rails?Gid='+resvalue.GroupID+'">Go to Group</a>';
        strHTML+='</div>';
        
        strHTML+='</li>';
        
    }
    
    Paging();

    $('userlist2').innerHTML=strHTML;
    //$('h2info').update("Showing last Groups");
    $('userlist2').show();
    return ;
    
}

function paginggroup(pagenow)
{
    pagegroup=pagenow-1;
    
    GetGroups();

}


function Paging()
{
	var strHTML="";

	var currentpage=pagegroup;
	var PageNow;
	PageNow=parseInt(pagegroup)+1;
	//var countuser=$('countuser').value;
	var imagecount=parseInt(count);
	var pagecount;
	pagecount=parseInt(parseInt(imagecount)/pagesize);
	if (parseInt(imagecount)%pagesize>0)
		pagecount+=1;
	
	if (pagecount == 1)
    {
        $('ulpages').update("");
        return;
    }
	
	if (currentpage!="0")
		{
			strHTML+='<li>'
			strHTML+='<a onclick="paginggroup('
			strHTML+=(parseInt(currentpage)).toString();
			strHTML+=')"';
			strHTML+='>Back</a>';
			strHTML+='</li>'
		}
	
	if (pagecount>9)
	{
		if (PageNow == 1) 
		{
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			if (PageNow+3!=3)
				strHTML+='<li><a>..</a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 3) +')">' + (PageNow + 3) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 4) +')">' + (PageNow + 4) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 5) +')">' + (PageNow + 5) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 6) +')">' + (PageNow + 6) + '<span></span></a></li>';
			
			if ((PageNow + 6) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';
			
		}
		else if (PageNow == 2)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			if (PageNow+2!=3)
				strHTML+='<li><a>..</a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 2) +')">' + (PageNow + 2) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 3) +')">' + (PageNow + 3) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 4) +')">' + (PageNow + 4) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 5) +')">' + (PageNow + 5) + '<span></span></a></li>';
			
			if ((PageNow + 5) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';

		}
	 	else if (PageNow == 3)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			//if (PageNow!=(PageNow + 1))
			//	strHTML+='<li><a>..</a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 1) +')">' + (PageNow + 1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 2) +')">' + (PageNow + 2) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 3) +')">' + (PageNow + 3) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 4) +')">' + (PageNow + 4) + '<span></span></a></li>';
			
			if ((PageNow + 4) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';

			//1 2 PageNow & ".." PageNow+1 PageNow+2 PageNow+3 PageNow+4 ".." & Lastpage-1 Lastpage
		}
		else if (PageNow == 4)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 1) +')">' + (PageNow + 1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 2) +')">' + (PageNow + 2) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow + 3) +')">' + (PageNow + 3) + '<span></span></a></li>';
			
			if ((PageNow + 3) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';

			//1 2 3 & ".." PageNow PageNow+1 PageNow+2 PageNow+3 ".." & Lastpage-1 Lastpage
		}
		else if (PageNow == pagecount)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			
			if ((PageNow -5 ) != 3)
				strHTML+='<li><a>..</a></li>';
			
			
			strHTML+='<li><a onclick="paginggroup('+ (PageNow-5) +')">' + (PageNow-5) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 4) +')">' + (PageNow-4) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 3) +')">' + (PageNow-3) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-2) +')">' + (pagecount-2) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			//1 2 3 & ".." PageNow-5 pageNow-4 PageNow-3 PageNow-2 Lastpage-1 PageNow
		}
		else if (PageNow == pagecount- 1)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			
			if ((PageNow -4 ) != 3)
				strHTML+='<li><a>..</a></li>';

			strHTML+='<li><a onclick="paginggroup('+ (PageNow-4) +')">' + (PageNow-4) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 3) +')">' + (PageNow-3) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 2) +')">' + (PageNow-2) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow-1) +')">' + (PageNow-1) + '<span></span></a></li>';
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';

			//1 2 3 & ".." PageNow-4 PageNow-3 PageNow-2 PageNow-1 PageNow Lastpage
		}
		else if (PageNow == pagecount - 2)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			
			if ((PageNow -3 ) != 3)
				strHTML+='<li><a>..</a></li>';

			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 3) +')">' + (PageNow-3) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 2) +')">' + (PageNow-2) + '<span></span></a></li>';
			
			strHTML+='<li><a onclick="paginggroup('+ (PageNow-1) +')">' + (PageNow-1) + '<span></span></a></li>';
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';
			
			//1 2 3 & ".." PageNow-3 PageNow-2 PageNow-1 PageNow  Lastpage-1 Lastpage
		}
		else if (PageNow == pagecount - 3)
		{
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			
			if ((PageNow -2 ) != 3)
				strHTML+='<li><a>..</a></li>';

			
			strHTML+='<li><a onclick="paginggroup('+ (PageNow - 2) +')">' + (PageNow-2) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow-1) +')">' + (PageNow-1) + '<span></span></a></li>';
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup('+ (PageNow+1) +')">' + (PageNow + 1) + '<span></span></a></li>';
			
			
			if ((PageNow + 1) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';

			//1 2 3 & ".." PageNow-2 pageNow-1 PageNow PageNow+1 ".." & Lastpage-1 Lastpage
		}
		else
		{ 
			strHTML+='<li><a onclick="paginggroup(1)">' + 1 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(2)">' + 2 + '<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup(3)">' + 3 + '<span></span></a></li>'
			
			if ((PageNow -1 ) != 3)
				strHTML+='<li><a>..</a></li>';

			
			strHTML+='<li><a onclick="paginggroup('+ (PageNow-1) +')">' + (PageNow-1) + '<span></span></a></li>';
			strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			strHTML+='<li><a onclick="paginggroup('+ (PageNow+1) +')">' + (PageNow + 1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (PageNow+2) +')">' + (PageNow + 2) + '<span></span></a></li>';
			
			
			if ((PageNow + 2) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a onclick="paginggroup('+ (pagecount-1) +')">' + (pagecount-1) + '<span></span></a></li>';
			strHTML+='<li><a onclick="paginggroup('+ (pagecount) +')">' + (pagecount) + '<span></span></a></li>';

		}
	}
	else
	{
		for (var i=1;i<=pagecount;i++)
		{
			if (PageNow==i)
				strHTML+='<li id="activePage"><a>'+PageNow+'<span></span></a></li>'
			else
				strHTML+='<li><a onclick="paginggroup('+(i).toString()+')">'+i+'<span></span></a></li>'
		}
	}
	
	
	if (pagecount!=0)
	if ((parseInt(currentpage)+1)!= pagecount)
	{
		strHTML+='<li><a onclick="paginggroup('
		strHTML+=(parseInt(PageNow)+ 1).toString();
		strHTML+=')">Next</a></li>'	
	}	

	$('ulpages').update(strHTML);
	$('ulpages').show();
}


function GetStatesByID(obj) {
    var CountryId;
    CountryId = obj.value;

    subOptions($("ddlState"));
    addOption($("ddlState"), "0", "Loading data...");

    Bloc.ObjectModel.State.GetStatesByCountryID(CountryId, OnPostGetStatesByIDCallBack);
}

function OnPostGetStatesByIDCallBack(res) {
    subOptions($("ddlState"));
    addOption($("ddlState"), "0", "Choose a state");
    if (res.value != null & res.value != "") {
        var state = document.getElementById("ddlState");
        subOptions($("ddlState"));
        addOption($("ddlState"), "0", "Choose a state");
        var num = res.value.length;

        for (i = 0; i < num; i++) {
            if (res.value[i].StateName != "") {
                addOption($("ddlState"), res.value[i].StateID, res.value[i].StateName);
            }
        }
    }
}