var pagesize=10;
var type=0;
var pagegroup=0;
var count=0;
var country = 0;
var state = 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;
    GetEvents();
    
}

function GetEvents()
{
    var cuid=$('currentuid').value;
    var appid=$('appid').value;
    $('h2info').update("Loading");
    $('userlist2').hide();
    $('ulpages').hide();
    country = $('ddlCountry').value;
    state = $('ddlState').value;
    Bloc.ObjectModel.Events.GetEvents(appid,cuid,type,country,state,pagegroup,pagesize,OnPostGetEventsCallBack);
    
}   

function OnPostGetEventsCallBack(res)
{
    var strHTML="";
    
    var groupimage=$('groupimage').value;
    
//    strHTML+='<dt><p id="ptabname">';
//    
    if (type==0)
        $('h2info').update("Showing Events");
        
    if (type==1)
        $('h2info').update("Showing Your Events");
        
    if (type==2)
        $('h2info').update("Showing Friends Events");
        
//    strHTML+='</p></dt>';  
// 
    
    if (res.value==null)
    {
       
        $('userlist2').innerHTML=strHTML;
        $('h2info').update("Showing last Events");
        $('userlist2').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="../event/events.rails?Eid='+resvalue.EventID+'" class="img">';
        if (resvalue.EventImage!="")
        {
            strHTML+='<img src="'+resvalue.EventImage+'" />';
        }
        else
        {
            strHTML+='<div class="event-nopic">';
            strHTML+=resvalue.StartTime.getDate();
            strHTML+='</div>';
        }
        strHTML+='</a>';
        
        strHTML+='<div class="group">';
        
        strHTML+='<h3>';
        strHTML+='<a class="read" href="../event/events.rails?Eid='+resvalue.EventID+'">'+resvalue.EventName+'</a>';
        strHTML+='</h3>';
        
        strHTML+='<p class="detail">'+resvalue.TagLine+'</p>';
        
        strHTML+='<ol>';
        
        if (resvalue.GroupID==0)
            strHTML+='<li><strong>Hosted by:</strong> '+ resvalue.UserName +'</li>';
        else
            strHTML+='<li><strong>Hosted by:</strong> '+ resvalue.GroupName +'</li>';
            
        
        strHTML+='<li><strong>Type:</strong> '+ resvalue.CategoryName +'- '+resvalue.SubCategoryName+'</li>';
        
        strHTML+='<li><strong>Where:</strong> '+ resvalue.Location+'</li>';
        
        strHTML+='<li><strong>Starts:</strong> '+ WeekdayName(resvalue.StartTime)+", "+ monthName(resvalue.StartTime)+" "+ resvalue.StartTime.getUTCDate()+", at "+ resvalue.StartTime.getUTCFullYear()+" "+ (resvalue.StartTime.getUTCHours()+1)+":";
        if (resvalue.StartTime.getUTCMinutes()<10)
            strHTML+='0'
        strHTML+=resvalue.StartTime.getUTCMinutes();
           
        strHTML+='</li>';
        
        strHTML+='<li><strong>Members:</strong> '+ resvalue.CountAttending +' of your friends, '+resvalue.CountInvited+' in total.</li>';

        
        strHTML+='</ol>';
        
        strHTML+='<a class="submit-gray right" href="../event/events.rails?Eid='+resvalue.EventID+'">Go to Event</a>';
        strHTML+='</div>';
        
        strHTML+='</li>';
        
    }
    
    Paging();

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

function pagingevent(pagenow)
{
    pagegroup=pagenow-1;
    GetEvents();

}


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 href="#" onclick="pagingevent('
			strHTML+=(parseInt(currentpage)).toString();
			strHTML+=')"';
			strHTML+='>Back</a>';
			strHTML+='</li>'
		}
	
	if (pagecount>9)
	{
		if (PageNow == 1) 
		{
			strHTML+='<li id="activePage"><a href="#">'+PageNow+'</a></li>'
			strHTML+='<li><a href="#" onclick="pagingevent(2)">' + 2 + '</a></li>'
			strHTML+='<li><a href="#" onclick="pagingevent(3)">' + 3 + '</a></li>'
			if (PageNow+3!=3)
				strHTML+='<li><a>..</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 3) +')">' + (PageNow + 3) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 4) +')">' + (PageNow + 4) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 5) +')">' + (PageNow + 5) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 6) +')">' + (PageNow + 6) + '</a></li>';
			
			if ((PageNow + 6) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a href="#" onclick="pagingevent('+ (pagecount-1) +')">' + (pagecount-1) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (pagecount) +')">' + (pagecount) + '</a></li>';
			
		}
		else if (PageNow == 2)
		{
			strHTML+='<li><a href="#" onclick="pagingevent(1)">' + 1 + '</a></li>'
			strHTML+='<li id="activePage"><a href="#">'+PageNow+'</a></li>'
			strHTML+='<li><a href="#" onclick="pagingevent(3)">' + 3 + '</a></li>'
			if (PageNow+2!=3)
				strHTML+='<li><a>..</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 2) +')">' + (PageNow + 2) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 3) +')">' + (PageNow + 3) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 4) +')">' + (PageNow + 4) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (PageNow + 5) +')">' + (PageNow + 5) + '</a></li>';
			
			if ((PageNow + 5) != (pagecount-1))
				strHTML+='<li><a>..</a></li>';
				
			strHTML+='<li><a href="#" onclick="pagingevent('+ (pagecount-1) +')">' + (pagecount-1) + '</a></li>';
			strHTML+='<li><a href="#" onclick="pagingevent('+ (pagecount) +')">' + (pagecount) + '</a></li>';

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

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

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

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

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

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

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

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

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

		}
	}
	else
	{
		for (var i=1;i<=pagecount;i++)
		{
			if (PageNow==i)
				strHTML+='<li id="activePage"><a href="#">'+PageNow+'</a></li>'
			else
				strHTML+='<li><a href="#" onclick="pagingevent('+(i).toString()+')">'+i+'</a></li>'
		}
	}
	
	
	if (pagecount!=0)
	if ((parseInt(currentpage)+1)!= pagecount)
	{
		strHTML+='<li><a href="#" onclick="pagingevent('
		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);
            }
        }
    }
}