﻿var backSelectGroup=0;
var currGroup = -1;
var currGroupName = "";
var currPage = 1;
var currType = 0;
var tempViewMode="complete";    //default觀看模式(簡易,完整)

//將array加入remove function
Array.prototype.remove = function(from, to) {
    var rest = this.slice((to || from) + 1 || this.length);
    this.length = from < 0 ? this.length + from : from;
    return this.push.apply(this, rest);
};
var CONTACT_LIST = new Array();
var GROUP_LIST = new Array();
var selectedGroupImage ="../template/every8d/images/address_contactman_11_30.jpg";
var unselectedGroupImage ="../template/every8d/images/address_contactman_11_01.jpg";

function showContactCard(cid) {
     var cardId="#contact_card_id"+cid;
     var cardHiddenId="#card_hidden_value_id"+cid;
     var getCardHiddenVal=$(cardHiddenId).val();
     if(getCardHiddenVal=='')
     {
        $.ajax({
            type: "POST",
            url: "../ajax_handler/getContactCard.aspx",
            data: "cid=" + cid,
            success: function(redata) {
                $(cardHiddenId).val(redata);
                $(cardId).attr("title",redata);   
                $(cardId).tooltip({ 
                        track: true, 
                        delay: 0, 
                        showURL: false, 
                        showBody: " - ", 
                        fade: 250
                    });   
                    
            }
        })
     }
     else
     {
        $(cardId).attr("title",getCardHiddenVal);      
        $(cardId).tooltip({ 
                        track: true, 
                        delay: 0, 
                        showURL: false, 
                        showBody: " - ", 
                        fade: 250
                    });
     }
}

function setDisplayModel(mode) {
    if (mode == 0) { // 常用聯絡人
         
        $("#contact_simple").click(function() {
            $.cookie('contact_mode', 'simple', { expires: 365 });
                tempViewMode="simple";
                $("#div_ContactGroupTab").html("");
                getGroupContactsByPage(currGroup, currGroupName, currPage, 0);
           

        });

        $("#contact_complete").click(function() {
            $.cookie('contact_mode', 'complete', { expires: 365 });
                tempViewMode="complete";
                $("#div_ContactGroupTab").html("");
                getGroupContactsByPage(currGroup, currGroupName, currPage, 0);

        });
        $("#div_ContactGroupTab").html("");
    } else if (mode == 1) { //自訂群組
        $("#contact_simple").click(function() {
            $.cookie('contact_mode', 'simple', { expires: 365 });
            tempViewMode="simple";
            showContactGroupTab(currType);
            getGroupContacts(currGroup, currGroupName, currPage, 0);
        });

        $("#contact_complete").click(function() {
            $.cookie('contact_mode', 'complete', { expires: 365 });
            tempViewMode="complete";
            showContactGroupTab(currType);
            getGroupContactsByPage(currGroup, currGroupName, currPage, 0);
           
        });

    }
}
//取得群組
function getContactGroup(type) {
    // type =0 : 自用聯絡人群組  ;  type = 1 : 分享聯絡人群組  ;

    $.ajax({
        type: "POST",
        url: "../ajax_handler/getContactGroup.aspx",
        data: "type=" + type,
        success: function(redata) {
            //alert(redata);
            $("#divGroup").html(redata);
            showContactGroupTab(type);
            showdiv();
            
            var getGroupMapHtml=$("#divGroupMap").html();
            if(type==1)
            {
                if(getGroupMapHtml!=null)
                {
                    $("#divGroup").show();
                    $("#divGroupMap").hide();
                }
            }
            else
            {
                if(getGroupMapHtml!=null)
                {
                    $("#divGroup").hide();
                    $("#divGroupMap").show();
                }
            }
        }
    })
}

//取得常用聯絡人群組
function getCommonContactsGroup() {
    $.ajax({
        type: "POST",
        url: "../ajax_handler/getCommonContactsGroup.aspx",
        data: "",
        success: function(redata) {
            //alert(redata);
            $("#divGroup").html(redata);
            var gid = $("#CommonGroupID").val();
            getGroupContacts(gid, "常用聯絡人", 1, 0);
            $("#divGroup").show();
            $("#divGroupMap").hide();
        }
    })
}

//切換自用/共用聯絡人的Tab顯示模式
function showContactGroupTab(type) {
    var sHtml = "";
    
        sHtml = sHtml + "<table width='23' border='0' cellpadding='0' cellspacing='0'>";
        sHtml = sHtml + "<tr> ";
        sHtml = sHtml + "<td width='23' height='53' align='right' valign='top'><span onclick='getContactGroup(0);' class='tittle_link'><img src='../template/every8d/images//button_person.jpg' name='PrivateGroupTab' id='PrivateGroupTab' width='23' height='49' border='0'></span></td>";
        sHtml = sHtml + "</tr>";
        sHtml = sHtml + "<tr>";
        sHtml = sHtml + "<td height='53' align='right' valign='top'><span onclick='getContactGroup(1);'  class='tittle_link'> ";
        sHtml = sHtml + "<img src='../template/every8d/images//button_business_hover.jpg' name='PublicGroupTab' id='PublicGroupTab' height='49' border='0' style='width: 23px'></span></td> ";
        sHtml = sHtml + "</tr>";
        sHtml = sHtml + "</table>";




    $("#div_ContactGroupTab").html(sHtml);
    if (type == 0) {  //自用
        $("#PrivateGroupTab").attr("src", "../template/every8d/images//button_person.jpg");
        $("#PublicGroupTab").attr("src", "../template/every8d/images//button_business_hover.jpg");


    } else {  //共用
        $("#PrivateGroupTab").attr("src", "../template/every8d/images//button_person_hover.jpg");
        $("#PublicGroupTab").attr("src", "../template/every8d/images//button_business.jpg");
    }
}


//取得特定群組的聯絡人
function getGroupContacts(groupid, groupname, page, type) {
    currGroup = groupid;
    currGroupName = groupname;
    currPage = page;
    currType = type;
    //ie6 找不到cookie故用tempViewMode取代為立即點選
    var viewmode = "";
    if($.cookie('contact_mode'))
    {
        viewmode = $.cookie('contact_mode');
    }
    else
    {
        viewmode = tempViewMode;
    }
    //透過cookie取得觀看欄位，如果找不到則用預設3個欄位name,mobile1,email
    var viewColumns="";
    if($.cookie('contact_view_columns'))
    {
        viewColumns=$.cookie('contact_view_columns');
    }
    //透過cookie取得排序欄位，如果找不到則不排序
    var viewSort="";
    if($.cookie('contact_view_sort'))
    {
        viewSort=$.cookie('contact_view_sort');
    }
    //var viewmode = $.cookie('contact_mode');
    $.ajax({
        type: "POST",
        url: "../ajax_handler/getGroupContacts.aspx",
        data: "gid=" + groupid + "&pageno=" + page + "&ViewMode=" + viewmode + "&ViewColumns=" + viewColumns + "&ViewSort=" + viewSort + "&type=" + type,
        success: function(redata) {
            if(redata!="")
            {
                var splitIndex=redata.search(",<");
                var newGroupName=redata.substring(0,splitIndex)
                var reHtml=redata.substring(splitIndex+1,redata.length);
                $("#div_selectedContacts").html(reHtml);
                $("#div_selectedGroupName").html("<div>" + newGroupName + "</div>");

                setCurrGroupDiv(groupid, groupname+"("+newGroupName+"人)");
                setContactsPageInfo(groupid, groupname, page, type);
                checkSelectedContacts();
                checkSelectedGroup(groupid);
            }
            
        }
    });
}

//取得特定群組的聯絡人
function getGroupContactsByPage(groupid, groupname, page, type) {
    currGroup = groupid;
    currGroupName = groupname;
    currPage = page;
    currType = type;
    var viewmode = "";
    if($.cookie('contact_mode'))
    {
        viewmode = $.cookie('contact_mode');
    }
    else
    {
        viewmode = tempViewMode;
    }
    //透過cookie取得觀看欄位，如果找不到則用預設3個欄位name,mobile1,email
    var viewColumns="";
    if($.cookie('contact_view_columns'))
    {
        viewColumns=$.cookie('contact_view_columns');
    }
    //透過cookie取得排序欄位，如果找不到則不排序
    var viewSort="";
    if($.cookie('contact_view_sort'))
    {
        viewSort=$.cookie('contact_view_sort');
    }
    
    //var viewmode = $.cookie('contact_mode');
    $.ajax({
        type: "POST",
        url: "../ajax_handler/getGroupContacts.aspx",
        data: "gid=" + groupid + "&pageno=" + page + "&ViewMode=" + viewmode + "&ViewColumns=" + viewColumns + "&ViewSort=" + viewSort + "&type=" + type,
        success: function(redata) {
            if(redata!="")
            {
                var splitIndex=redata.search(",<");
                var newGroupName=redata.substring(0,splitIndex)
                var reHtml=redata.substring(splitIndex+1,redata.length);
                $("#div_selectedContacts").html(reHtml);
                $("#div_selectedGroupName").html("<div>" + newGroupName + "</div>");

                setCurrGroupDiv(groupid, groupname+"("+newGroupName+"人)");
                setContactsPageInfo(groupid, groupname, page, type);
                checkSelectedContacts();
                //checkSelectedGroup(groupid);
                
                /*
                var redataArray=redata.split(',');
                $("#div_selectedContacts").html(redataArray[1]);
                $("#div_selectedGroupName").html("<div>" + groupname + "</div>");

                setCurrGroupDiv(groupid, groupname+"("+redataArray[0]+"人)");
                setContactsPageInfo(groupid, groupname, page, type);
                checkSelectedContacts();
                */
                //checkSelectedGroup(groupid);
            }
        }
    });

}

//check/uncheck已選取之群組
function checkSelectedGroup(groupid) {
    var bExisted = false;

    for (i = 0; i < GROUP_LIST.length; i++) {
        if (GROUP_LIST[i] == groupid) {
            bExisted = true;
            GROUP_LIST.remove(i);
          //  removeAllSelectContact(groupid);
            return;
        }
    }

    if (!bExisted) {   //未選取過
        GROUP_LIST.push(groupid);
        //addAllGroupContacts(groupid);
    } 

}

//取得特定群組的所有聯絡人

function setCurrGroupDiv(groupid, groupname) {

    currGroup = groupid;
    var html = "";
    html = html + "<table width='100%' border='0' cellpadding='0' cellspacing='0'>";
    html = html + "<tr>";
    html = html + "<td height=30 colspan=2>";
    html = html + "<table width='100%' border='0' cellpadding='0' cellspacing='0'>";
    html = html + "<tr>";
    html = html + "<td align='right' width='515' height=30><p><span class=tittle_link onclick=callQuickSearchContact(); onMouseOut=MM_swapImgRestore() onMouseOver=MM_swapImage(\'searchButton\',\'\',\'../template/every8d/images/contact/team_05.jpg\',1)><img src=../template/every8d/images/contact/team_05.jpg width=44 height=19 border=0></span></p></td>";
    html = html + "<td align='right' height=30><input type='text' name='txt_contact_qsearch' id='txt_contact_qsearch' size='18' value='關鍵字搜尋' onfocus=\"if(this.value=='關鍵字搜尋'){this.value=''}\"></td>";
    html = html + "</tr>";
    html = html + "</table>";
    html = html + "</td>";
    html = html + "</tr>";
    
    
    
    
    
    html = html + "<tr>";
    html = html + "<td width='120' height='30' align='left' bgcolor='#FFFFFF' class='word_hotnews'>";
    html = html + "您目前所在群組：</td>";
    html = html + "<td align='left' bgcolor='#FFFFFF'>";
    html = html + "<table border='0' cellpadding='0' cellspacing='0'>";
    html = html + "<tr>";
    html = html + "<td width='26' align='left'><img src='../template/every8d/images/address_contactman_11_01.jpg' width='21' height='21'></td>";
    html = html + "<td width='240' align='left' valign='bottom'>" + groupname + "</div></td>";
    html = html + "<td width='120'>&nbsp;</td>";
    html = html + "<td align='right' width='120'><div class='tittle_link' onclick='addAllGroupContacts(" + groupid + ");'><img border='0' src='../template/every8d/images/contact/icon_on.gif' alt='全部選取'/></div></td>";
    html = html + "<td align='right' width='120'><div class='tittle_link' onclick='removeAllSelectContact(" + groupid + ");'><img border='0' src='../template/every8d/images/contact/icon_off.gif' alt='取消選取'/></div></td>";
    html = html + "</tr>";
    
    
    
    
    
    html = html + "</table>";
    html = html + "</td>";
    html = html + "</tr>";
    html = html + "</table>";

    $("#divCurrGroup").html(html);
}

//設定分頁
function setContactsPageInfo(groupid, groupname, index, currType) {


    
    var sHTML = "";
    var PageCount = $("#PageCount").attr("value");
    if (PageCount == null) {
        return;
    }
    var pageSize = 10;
    var iPage = parseInt(index / pageSize);
    var iBegin = pageSize * iPage + 1;
    var iEnd = pageSize * (iPage + 1);
    currPage = index;
    if (PageCount <= pageSize) {
        for (var i = 1; i <= PageCount; i++) {
            if (i == currPage) {
                sHTML = sHTML + "<span class='tittle_link_focus' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + i + "," + currType + ")\" >" + i + "</span>&nbsp;&nbsp;";
            } else {
            sHTML = sHTML + "<span class='tittle_link' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + i + "," + currType + ")\" >" + i + "</span>&nbsp;&nbsp;";
            }
        }
    } else {


        if (index > pageSize) {
            sHTML = sHTML + "<span class='tittle_link' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + (iBegin - pageSize) + "," + currType + ")\" >...</span>&nbsp;&nbsp";
        }
        if (iEnd <= PageCount) {

            for (var i = iBegin; i <= iEnd; i++) {
                if (i == currPage) {
                    sHTML = sHTML + "<span class='tittle_link_focus' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + i + "," + currType + ")\" >" + i + "</span>&nbsp;&nbsp;";
                } else {

                sHTML = sHTML + "<span class='tittle_link' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + i + "," + currType + ")\" >" + i + "</span>&nbsp;&nbsp;";
                }
            }

            if (iEnd < PageCount) {
                sHTML = sHTML + "<span class='tittle_link' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + (iEnd + 1) + "," + currType + ")\" >...</span>&nbsp;&nbsp";
            }

        } else {
            iEnd = PageCount;
            for (var i = iEnd - 9; i <= iEnd; i++) {
                if (i == currPage) {
                    sHTML = sHTML + "<span class='tittle_link_focus' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + i + "," + currType + ")\" >" + i + "</span>&nbsp;&nbsp;";
                } else {
                sHTML = sHTML + "<span class='tittle_link' onclick=\"getGroupContactsByPage(" + groupid + ",'" + groupname + "'," + i + "," + currType + ")\" >" + i + "</span>&nbsp;&nbsp;";
                }
            }

        }
        sHTML = sHTML + "<span>，共 " + PageCount + " 頁</span>";
    }
    
    $("#div_PageInfo").html(sHTML);



}
function addAllGroupContacts(groupID) {
    var contactList = $("#groupItems_" + groupID).attr("value");
    //alert("contactlist:" + contactList);
    if (contactList != "" && contactList != null) {
        var temp = new Array();
        temp = contactList.split(',');
        for (i = 0; i < temp.length; i++) {
            addContact(temp[i]);
        }
        //將此Group圖形改為勾選
        var imageID = "groupImg_" + groupID;
        if ($("#" + imageID).attr("rel") == "unselected") {
            $("#" + imageID).attr("src", selectedGroupImage);
            $("#" + imageID).attr("rel", "selected");
        }
    }
}

function removeAllSelectContact(groupID) {
    var contactList = $("#groupItems_" + groupID).attr("value");
    //alert("contactlist:" + contactList);
    if (contactList != "" && contactList != null) {
        var temp = new Array();
        temp = contactList.split(',');
        for (i = 0; i < temp.length; i++) {

            removeContact(temp[i]);
        }
        var imageID = "groupImg_" + groupID;
        $("#" + imageID).attr("src", unselectedGroupImage);
        $("#" + imageID).attr("rel", "unselected");
    }
}

function selectContact(cid) {

    if ($("#contactImg_" + cid).attr("rel") == "selected") {

        removeContact(cid);

    } else {
        addContact(cid);
    }
}

function checkSelectedContacts() {

    for (var i = 0; i < CONTACT_LIST.length; i++) {

        if ($("#contactImg_" + CONTACT_LIST[i]).attr("rel") != null) {
            $("#contactImg_" + CONTACT_LIST[i]).attr("rel", "selected");
            $("#contactImg_" + CONTACT_LIST[i]).attr("src", "../template/every8d/images/address_contactman_14_31.jpg");

        }
    }
}
function addContact(cid) {
    var bExist = false;
    for (var i = 0; i < CONTACT_LIST.length; i++) {

        if (CONTACT_LIST[i] == cid) {
            bExist = true;
        }
    }
    if (!bExist) {
        CONTACT_LIST.push(cid);
        $("#contactImg_" + cid).attr("rel", "selected");
        $("#contactImg_" + cid).attr("src", "../template/every8d/images/address_contactman_14_31.jpg");
        var imageID = "groupImg_" + currGroup;
        //將此Group圖形改為勾選
        if ($("#" + imageID).attr("rel") == "unselected") {
            $("#" + imageID).attr("src", "../template/every8d/images/address_contactman_11_30.jpg");
            $("#" + imageID).attr("rel", "selected");
        }

        updateSMSCount2();
    }

}

function removeContact(cid) {

    var bExist = false;
    for (var i = 0; i < CONTACT_LIST.length; i++) {

        if (CONTACT_LIST[i] == cid) {

            CONTACT_LIST.remove(i);
            $("#contactImg_" + cid).attr("rel", "unselected");
            $("#contactImg_" + cid).attr("src", "../template/every8d/images/address_contactman_14_01.jpg");
            updateSMSCount2();
        }
    }
    //alert(CONTACT_LIST);

}


function updateSMSCount2() {

    if (CONTACT_LIST != null) {
        $("#smsCount2").attr("value", CONTACT_LIST.length);
    } else {
        $("#smsCount2").attr("value", "0");

    }
}

function settingContactView()
{
    var page = "../sms/sms_contactview_setting.aspx";
    $("#view_contact_column").attr("href", page).nyroModal({ minWidth: 700, minHeight: 285 });
    $("#view_contact_column").click();
}

//取得特定群組的聯絡人
function reloadGroupContacts() {
    getGroupContactsByPage(currGroup,currGroupName,currPage,currType);
}

function setGroupContactsSort(sortName)
{
    var sortString='';
    if($.cookie('contact_view_sort'))
    {
        sortString=$.cookie('contact_view_sort');
        if(sortString.length>0)
        {
            var sortSequence=sortString.split(';');
            if(sortSequence[1]=='asc')
            {
                //desc
                sortString=sortName+';desc';
                $.cookie('contact_view_sort', sortString, { expires: 365 });
            }
            else
            {
                //asc
                sortString=sortName+';asc';
                $.cookie('contact_view_sort', sortString, { expires: 365 });
            }
        }
    }
    else
    {
        //asc
        sortString=sortName+';asc';
        $.cookie('contact_view_sort', sortString, { expires: 365 });
    }
}

function sortContact(sortName)
{   
    setGroupContactsSort(sortName);
    reloadGroupContacts();
}

//快速搜尋聯絡人
function quickSearchContact(groupid, groupname, page, type,searchKey)
{
    currGroup = groupid;
    currGroupName = groupname;
    currPage = page;
    currType = type;
    //ie6 找不到cookie故用tempViewMode取代為立即點選
    var viewmode = "";
    if($.cookie('contact_mode'))
    {
        viewmode = $.cookie('contact_mode');
    }
    else
    {
        viewmode = tempViewMode;
    }
    //透過cookie取得觀看欄位，如果找不到則用預設3個欄位name,mobile1,email
    var viewColumns="";
    if($.cookie('contact_view_columns'))
    {
        viewColumns=$.cookie('contact_view_columns');
    }
    //透過cookie取得排序欄位，如果找不到則不排序
    var viewSort="";
    if($.cookie('contact_view_sort'))
    {
        viewSort=$.cookie('contact_view_sort');
    }
    //var viewmode = $.cookie('contact_mode');
    $.ajax({
        type: "POST",
        url: "../ajax_handler/getGroupContacts.aspx",
        data: "gid=" + groupid + "&pageno=" + page + "&ViewMode=" + viewmode + "&ViewColumns=" + viewColumns + "&ViewSort=" + viewSort + "&type=" + type + "&SearchKey="+searchKey,
        success: function(redata) {
            if(redata!="")
            {
                var splitIndex=redata.search(",<");
                var newGroupName=redata.substring(0,splitIndex)
                var reHtml=redata.substring(splitIndex+1,redata.length);
                $("#div_selectedContacts").html(reHtml);
                $("#div_selectedGroupName").html("<div>" + newGroupName + "</div>");

                setCurrGroupDiv(groupid, groupname+"("+newGroupName+"人)");
                setContactsPageInfo(groupid, groupname, page, type);
                checkSelectedContacts();
                checkSelectedGroup(groupid);
            }
        }
    });
}

function callQuickSearchContact()
{
    if($("#txt_contact_qsearch").val()=='關鍵字搜尋')
    {
        $("#txt_contact_qsearch").val("");
    }
    
    if($("#txt_contact_qsearch").val()!='')
    {
       quickSearchContact('0','關鍵字查詢',1,1,$("#txt_contact_qsearch").val());
       $("#txt_contact_qsearch").val("");
       return false; 
    }
}

/*
$(function () {
    jQuery(document).bind('keydown', 'return',function (evt){
        callQuickSearchContact();
    });
});
*/
