var boxInvite = null;
function ShowInvite(e)
{
    var html = ''+
    '<div style="padding:10px;">'+
        '<div id="divCommonMenu">'+
            '<div class="divTabBlank" style="width:5px;"></div>'+
            '<div id="divTabSearch" class="divTabOn" onclick="SetSearch();">查找</div>'+
            '<div id="divTabFriend" class="divTabOff" onclick="SetFriends();">好友</div>'+
            '<div class="divTabBlank" style="width:215px;"></div>'+
        '</div>'+
        '<div class="divCommonContent" style="height:240px;">'+
            '<div id="divSearch" style="margin:60px auto auto auto;text-align:center;">'+
                '<input type="text" id="txtSearch" class="txtCommon" style="width:200px" onkeydown="if(event.keyCode == 13) SearchUser();"><br />'+
                '<input type="radio" id="chkUsername" name="search" checked>用户名<input type="radio" id="chkNickname" name="search">昵称<input type="radio" id="chkHobby" name="search">爱好<input type="radio" id="chkCity" name="search">城市<br /><br />'+
                '<input type="button" class="btnCommon2" value="查找" onclick="SearchUser()"><input type="button" class="btnCommon2" value="取消" onclick="boxInvite.Toggle()">'+
            '</div>'+
            '<div id="divSearchResult" style="display:none"></div>'+
            '<div id="divFriends" style="display:none;">'+
            '</div>'+
        '</div>'+        
    '</div>';
    if(boxInvite == null)
    {
        boxInvite = new CommonBox(html,'邀请好友',0,0,400,0,false,true,null);
    }
    else
    {
        boxInvite.SetContent(html);
    }
    boxInvite.Show();
    divOn = $('div2');
}
function SetSearch()
{
    $('divTabSearch').className = 'divTabOn';
    $('divTabFriend').className = 'divTabOff';
    
    $('divSearch').style.display = 'block';
    $('divSearchResult').style.display = 'none';
    $('divFriends').style.display = 'none';
}
function SetFriends()
{
    $('divTabSearch').className = 'divTabOff';
    $('divTabFriend').className = 'divTabOn';
    
    $('divSearch').style.display = 'none';
    $('divSearchResult').style.display = 'none';
    $('divFriends').style.display = 'block';
    GetFriends();
}
function SearchUser()
{
    pageIndex = 0;
    pageSize = 7;
    SearchUserPaged();
}
function SearchUserPaged()
{
    var query = TrimEnd($('txtSearch').value);
    if(query == '')
    {
        alert('请填写查找条件');
        return;
    }
    if($('chkUsername').checked)
    {
        Clozone.Web.WebService.User.GetUserByUserName(query,GetUsersSuccess);
    }
    else if($('chkNickname').checked)
    {
        Clozone.Web.WebService.User.GetUserByNickName(query,pageSize,pageIndex,GetUsersSuccess);
    }
    else if($('chkCity').checked)
    {
        Clozone.Web.WebService.User.GetUserByCity(query,pageSize,pageIndex,GetUsersSuccess);
    }
    ShowProcess('正在查找用户，请稍候...');
}
function GetFriends()
{
    pageIndex = 0;
    pageSize = 8;
    GetFriendsPaged();
}
function GetFriendsPaged()
{
    Clozone.Web.WebService.Friend.GetFriendsPaged(null,pageIndex,pageSize,GetUsersSuccess);
    ShowProcess('正在获取好友信息，请稍候...');
}
function GetUsersSuccess(result)
{
    HideProcess();
    if(result == null || result.length !=2)
    {
        ShowResultBox('有错误发生，请重试');
        return;
    }
    users = result[0];
    pageCount = Math.ceil(result[1] / pageSize);
    var divResult = $('divSearchResult');
    divResult.style.display = 'block';
    $('divSearch').style.display = 'none';
    if(users.length == 0)
    {
        divResult.innerHTML = '没有找到符合条件的用户';
    }
    else
    {
        divResult.innerHTML = '以下是查找到符合条件的用户：';
    }
    var divUsers = document.createElement('div');
    divUsers.style.height = '200px';
    divUsers.style.border = 'solid 1px #ccc';
    divResult.appendChild(divUsers);
    
    var table = document.createElement('table');
    table.style.textAlign = 'center';
    table.style.width = '100%';
    table.cellSpacing = '0';
    var row = table.insertRow(0);
    var cell = row.insertCell(0);
    cell.innerHTML = '<input id="chkAll" type="checkbox" onclick="ChangeSelect()">';
    cell.style.width = '5%';
    cell = row.insertCell(1);
    cell.innerHTML = '头像';
    cell.style.width = '10%';
    cell = row.insertCell(2);
    cell.innerHTML = '用户名';
    cell = row.insertCell(3);
    cell.innerHTML = '昵称';
    cell.style.width = '20%';
    cell = row.insertCell(4);
    cell.innerHTML = '性别';
    cell.style.width = '15%';
    cell = row.insertCell(5);
    cell.innerHTML = '城市';
    cell.style.width = '20%';
    
    for(var i = 0; users && i < users.length; i++)
    {
        var divCard = document.createElement('div');
        divCard.style.border = 'solid 1px #ccc';
        divCard.style.height = '170px';
        divCard.style.padding = '5px';
        divCard.appendChild(BaseUserCard(users[i]));
        var imgUser = document.createElement('img');
        imgUser.src = users[i].PortraitUploaded? 'http://www.clozone.com/UserFile/' + users[i].Username + '/' + users[i].Username + '.jpg' : 'http://www.clozone.com/images/nopic.gif';
        imgUser.divCard = divCard;
        imgUser.onmouseover = ShowUserCard_Invite;
        imgUser.onmouseout = DelayHideCard;
        imgUser.style.width = '20px';
        imgUser.style.height = '20px';
        
        row = table.insertRow(i + 1);
        cell = row.insertCell(0);
        cell.innerHTML = '<input type="checkbox" id="chk' + users[i].UserID + '" onclick="CheckAll()">';
        cell = row.insertCell(1);
        cell.appendChild(imgUser);
        cell = row.insertCell(2);
        cell.innerHTML = users[i].Username;
        cell = row.insertCell(3);
        cell.innerHTML = users[i].Nickname;
        cell = row.insertCell(4);
        cell.innerHTML = users[i].Gender;
        cell = row.insertCell(5);
        cell.innerHTML = users[i].City;
    }
    divUsers.appendChild(table);
    var divBottom = document.createElement('div');
    var html = '<div style="float:right;"><input type="button" class="btnCommon2" value="上一步" onclick="Previous()"><input type="button" class="btnCommon2" value="邀请" onclick="InviteUsers()"></div>';
    html += '<img src="http://www.clozone.com/images/CommonBox/pre.gif">';
    if(pageIndex == 0)
    {
        html += '上一页';
    }
    else
    {
        html += '<a href="http://www.clozone.com/" onclick="PreviousPage();return false;">上一页</a>';
    }
    html += '&nbsp;<img src="http://www.clozone.com/images/CommonBox/next.gif">';
    if(pageIndex == pageCount - 1 || pageCount == 0)
    {
        html += '下一页';
    }
    else
    {
        html += '<a href="http://www.clozone.com/" onclick="NextPage();return false;">下一页</a>';
    }
    html += '&nbsp;' + (pageIndex + 1) + '/' + pageCount;
    divBottom.innerHTML = html;    
    divResult.appendChild(divBottom);
}
function ChangeSelect(checked)
{
    for(var i = 0; users && i < users.length; i++)
    {
        $('chk' + users[i].UserID).checked = $('chkAll').checked;
    }
}
function CheckAll()
{
    $('chkAll').checked = true;
    for(var i = 0; users && i < users.length; i++)
    {
        if(!$('chk' + users[i].UserID).checked)
        {
             $('chkAll').checked = false;
        }
    }
}
function InviteUsers()
{
    var userIDs = new Array();
    for(var i = 0; i < users.length; i++)
    {
        if($('chk' + users[i].UserID).checked)
        {
            userIDs.push(users[i].UserID);
        }
    }
    if(userIDs.length == 0)
    {
        alert('请勾选成员');
        return;
    }
    Clozone.Web.WebService.Group.InviteUsers(prefix,userIDs,InviteUserSuccess);
    ShowProcess('正在邀请成员加入，请稍候...');
}
function InviteUserSuccess(result)
{
    HideProcess();
    switch(result)
    {
        case -1:
            ShowResultBox('有错误发生，请重试',false);
            break;
        case 0:
            ShowResultBox('邀请成功',true);
            break;
        case 1:
            ShowResultBox('该成员已被邀请或已为该群组成员',false);
            break;
        case 2:
            ShowResultBox('邀请失败，您没有权限邀请成员加入该群',false);
            break;
        case 3:
            ShowResultBox('邀请失败，该群不允许新成员加入',false);
            break;
            
    }
}
function ShowUserCard_Invite(e)
{
    if(document.all)
    {
        e = window.event;
    }
    var toElement = document.all? e.toElement : e.currentTarget;
	DelayShowCard(toElement.divCard,toElement,300);
}
function PreviousPage()
{
    pageIndex--;
    if($('divFriends').style.display == 'none')
    {
        SearchUserPaged();
    }
    else
    {
        GetFriendsPaged();
    }
}
function NextPage()
{
    pageIndex++;
    if($('divFriends').style.display == 'none')
    {
        SearchUserPaged();
    }
    else
    {
        GetFriendsPaged();
    }
}
function Previous()
{
    $('divSearch').style.display = 'block';
    $('divSearchResult').style.display = 'none';
}