<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="../css/webkitBase.css" type="text/css" />
	<link rel="stylesheet" href="../css/default.css"  type="text/css" />
    <link rel="stylesheet" href="../css/scrollstyle.css"  type="text/css" />
    <link rel="stylesheet" href="../css/contextmenu.css" type="text/css" />
    <link rel="stylesheet" href="contact.css" type="text/css" />
	<!-- _INTL -->
	<!--<script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-48629545-1', 'vivo.com.cn');
      ga('send', 'pageview', {'dimension1' : 'Waixiao'});
    </script>-->
        


    <title>联系人</title>
    
</head>

<script id="grouplist_template" type="text/html">
    <% for (var i = 0; i < list.length; i ++) { %>
        <div class='category-list category-right' id="<%= list[i]["_id"] %>">
            <div class='group-category-name'><%= list[i]["_name"]%></div>
            <a id="<%= list[i]["_numId"]%>">( <%= list[i]["_num"]%> )</a>
        </div>
    <% } %>
</script>

<script id="group_template" type="text/html">
    <div class='category-list category-right' id="<%= list["_id"] %>">
        <div class='group-category-name'><%= list["_name"]%></div>
        <a id="<%= list["_numId"]%>">( 0 )</a>
    </div>
</script>

<script id="contact_list_template" type="text/html">
    <% for (var i = 0; i < list.length; i ++) { %>
        <li class='contact-list-item' id='<%= list[i]["_id"]%>' sim='<%= list[i]["_sim"]%>'>
            <div class='name_laber'>
                <input class='contact_checker' type="checkbox" />
                <% if(list[i]["_sim"] === -1) { %>
                    <% if(list[i]["_star"] === true) {%>
                        <div class='star starred' star="1"></div>
                    <%} else {%>
                        <div class='star' star="0"></div>
				    <%}%>
                    <div class='name'><%=# list[i]["_name"]%></div>
                <%} else {%>
                    <div class='nostar'></div>
				    <div class='name'><%=# list[i]["_name"]%></div>
                    <% if (list[i]["_slot"] === 0) {%>
                        <div class="nosim sim1"></div>
                    <% } else if (list[i]["_slot"] === 1) { %>
                        <div class="nosim sim2"></div>
                    <% } else { %>
                        <div class="nosim sim"></div>
                    <%  }%>
                <%  }%>
            </div>
            <div class='phone' dataid='<%=list[i]["_dataid"]%>'><%=# list[i]["_phone"]%></div>
            <div class='location'><%=# list[i]["_loc"]%></div>
        </li>
    <% } %>
</script>

<!--<script id="contact_list_template" type="text/html">
    <% for (var i = 0; i < list.length; i ++) { %>
        <li class='contact-list-item' onclick='c(this)' oncontextmenu='rd(this)' id='<%= list[i]["_id"]%>' sim='<%= list[i]["_sim"]%>'>
            <div class='name_laber'>
                <input class='contact_checker' type="checkbox" onclick='chc(this)'/>
                <%if(list[i]["_sim"] === 0) { if(list[i]["_star"]) {%>
                    <div class='starred' onclick='stc(this)' star="1"></div>
                    <%} else {%>
                        <div class='star' onclick='stc(this)' star="0"></div>
                <%}} else {%>
                    <div class='nostar'></div>
                <%} %>
                <div class='name'><%= list[i]["_name"]%></div>
            </div>
            <div class='phone'><%= list[i]["_phone"]%></div>
            <div class='location'><%= list[i]["_loc"]%></div>
        </li>
    <% } %>
</script> -->

<script id="contact_detail_template" type="text/html">
    <div id="contactHead">
        <% if (list["head"] !== "") {%>
            <img src='<%= list["head"] %>'></img>
        <% }%>
    </div>
    <div id="contactName" class="enable-select"><%= list["name"] %></div>
    <%if(list["_sim"] === false) { if(list["_starred"] === true) {%>
            <div id="contactstar" class="contactstarOn"></div>
        <%} else { %>
            <div id="contactstar" class="contactstar"></div>
    <%} } %>
    <div id="contactDetail">
        <!-- phone -->
        <% if (list["phone"] !== undefined) {%>
            <% for (var i = 0; i < list["phone"].length; i++) { %>
                <div class="detail_item">
                    <div class="label_pro label_phone"></div>
                    <div class="label_mess"><div id = "contactId_1_number000" class="label_button">{{contactId_1_number000_lang}}</div></div>  
                    <div class="phone_belong"><%= list["phone"][i]["location"]%></div>
					<div class="phone_text enable-select" dataid='<%= list["phone"][i]["dataid"]%>' title='<%= list["phone"][i]["number"]%>'><%= list["phone"][i]["number"]%></div>
                </div>
        <% }}%>
        <!-- email -->
        <% if (list["email"] !== undefined) {%>
        <% for (var i = 0; i < list["email"].length; i++) { %>
            <div class="detail_item">
            <div class="label_pro label_email"></div>
            <div class="show_text enable-select"><a href='mailto:<%= list["email"][i]["email"]%>' target="_blank" hidefocus="true"><%= list["email"][i]["email"]%></a></div>
            </div>
        <% }}%>
        <!-- im -->
        <% if (list["im"] !== undefined) {%>
        <% for (var i = 0; i < list["im"].length; i++) { %>
            <div class="detail_item">
                <div class="label_pro label_qq"></div>
                <div class="show_text enable-select"><%= list["im"][i]["im"]%></div>
            </div>
        <% }}%>
        <!-- address -->
        <% if (list["addr"] !== undefined) {%>
        <% for (var i = 0; i < list["addr"].length; i++) { %>
            <div class="detail_item">
                <div class="label_pro label_addr"></div>
                <div class="show_text enable-select"><%= list["addr"][i]["addr"]%></div>
            </div>
        <% }}%>
        <!-- org -->
        <% if (list["org"] !== undefined) {%>
        <% for (var i = 0; i < list["org"].length; i++) { %>
            <div class="detail_item">
                <div class="label_pro label_org"></div>
                <div class="show_text enable-select"><%= list["org"][i]["org"]%></div>
            </div>
        <% }}%>
        <!-- nickname -->
        <% if (list["nickname"] !== undefined) {%>
        <% for (var i = 0; i < list["nickname"].length; i++) { %>
            <div class="detail_item">
                <div class="label_pro label_nickName"></div>
                <div class="show_text enable-select"><%= list["nickname"][i]["nickname"]%></div>
            </div>
        <% }}%>
        <!-- web -->
        <% if (list["web"] !== undefined) {%>
        <% for (var i = 0; i < list["web"].length; i++) { %>
            <div class="detail_item">
                <div class="label_pro label_web"></div>
                <div class="show_text enable-select"><a href='<%= list["web"][i]["link"]%>' target="_blank" hidefocus="true"><%= list["web"][i]["web"]%></a></div>
            </div>
        <% }}%>
        <!-- event -->
        <% if (list["event"] !== undefined) {%>
        <% for (var i = 0; i < list["event"].length; i++) { %>
            <div class="detail_item detail_last">
                <div class="label_pro label_event"></div>
                <div class="show_text enable-select"><%= list["event"][i]["date"]%></div>
            </div>
        <% }}%>
        <!-- note -->
        <% if (list["note"] !== undefined) {%>
        <% for (var i = 0; i < list["note"].length; i++) { %>
            <div class="detail_item detail_last">
                <div class="label_pro label_note"></div>
                <div class="show_text enable-select"><%= list["note"][i]["note"]%></div>
            </div>
        <% }}%>
        <!-- ringtone -->
        <% if (list["_sim"] === false) { %>
            <div class="detail_sigle">
                <div class="ringPlay"></div>
                <div class="label_pro label_ring">{{label_ring_lang}}&nbsp;:</div>
                <div class="ring_text" title='<%= list["ring"]%>'><%= list["ring"]%></div>
            </div>
        <% }%>
    </div>
</script>

<script id="call_list_template" type="text/html">
    <% for (var i = 0; i < list.length; i ++) { %>
        <li class="call-list-item" id='<%= list[i]["_id"]%>' number='<%= list[i]["_number"]%>'>
            <div class="name_laber">
                <input class="call_checker" type="checkbox" />
                <% var type=list[i]["_type"]%>
                <% if (type === 1) { %>
                    <div class="received"></div>
                <% } else if (type === 2) { %>
                    <div class="called"></div>
                <% } else { %>
                    <div class="missed"></div>
                <% } %>
                <div class="name"><%=# list[i]["_name"]%></div>
            </div>
            <div class="phone"><%=# list[i]["_phone"]%></div>
            <div class="location"><%=# list[i]["_loc"]%></div>
            <div class="callTime"><%=# list[i]["_date"]%></div>
            <div class="callDuration"><%=# list[i]["_duration"]%></div>
        </li>
    <% } %>
</script>

<script id="notconnect_template" type="text/html">
    <div id="notConnect">
        <div class="notConnect">
            <div class="connectTip" langtag="connectTip_lang">{{connectTip_lang}}</div>
            <div class="connectTip2" langtag = "connectTip2_lang">{{connectTip2_lang}}</div>
        </div>
    </div>
</script>

<script id="processScript" type="text/html">
	<div id="aboveProcessTxt"></div>
	<div class="processbg">
		<div id="process"/></div>
	</div>
	<div class="processTxt"><label id="nDone">0</label>/<label id="nCnt">0</label></div>
</script>

<body>
    <!-- 左侧竖直栏 -->
    <div class="sideBar">
        
        <div id="allContact" class="category slideDown"><div class="categoryArrow"></div><div class="phoneIcon"></div>{{phoneIcon_lang}}</div>
        <!--<div id="accountsel" class="accountsel" style="display:none;">
            <div class="account_name">全部账户</div>
        </div>-->
        <div id="contact_group_div" class="group" style="width:100%; height:508px">
            <div id="contact_group">
                <!-- <div class="category-list category-right" id="phoneContact">
                    <div class="category-name">手机</div><a id="phoneContactNum">( 0 )</a>
                </div>
                <div class="category-list category-right" id="sim1">
                    <div class="category-name">SIM1</div><a id="sim1Num">( 1 )</a>
                </div>
                <div class="category-list category-right" id="sim2">
                    <div class="category-name">SIM2</div><a id="sim2Num">( 0 )</a>
                </div>
                <div class="category-list category-right" id="starredContact">
                    <div class="category-name">收藏</div><a id="starredContactNum">( 0 )</a>
                </div>

                <div class="category-list category-right" id="3g">
                    <div class="category-name">同学</div><a id="1gNum">( 0 )</a>
                </div>
                <div class="category-list category-right" id="1g">
                    <div class="category-name">同事</div><a id="1gNum">( 0 )</a>
                </div> -->

			</div>
            
            <div id="addGroup" class="add-category">
                <span id="addGroupText">{{addGroupText_lang}}</span>
                <div id="addGroupInput">
                   <input type="text" placeholder="{{contact_html_addgroup_hinttext_lang}}" />
                </div>
            </div>
        </div>
        
        
        <!--<div id="simContact" class="category"><div class="categoryUp"></div><div class="simIcon"></div>SIM卡联系人</div>
        <div id="SIM_group" style="display:none;" class="group" width="100%">
          <div class="category-list category-right" id="SIM1"><div class="category-name">SIM1 </div><a>( <span id="SIM1Num">1</span>/<span id="SIM1AllNum">250</span> )</a></div>
          <div class="category-list category-right" id="SIM2"><div class="category-name">SIM2 </div><a>( <span id="SIM2Num">0</span>/<span id="SIM2AllNum">250</span> )</a></div>
          <!--<tr><td class="noSIMCategory" >暂不支持/离线模式</td></tr>-->
        <!--</div>-->
        <div id="callLog" class="category"><div class="categoryArrow"></div><div class="allContactIcon"></div>{{callLog_lang}}</div>
        <div id="call_group" style="display:none;" class="group">
            <div class="category-list" id="AllCall">
				<div class="category-name">{{category_name1_lang}} </div><a>( <span id="AllCallNum">100</span> )</a>
			</div>
            <div class="category-list" id="Missed">
				<div class="category-name">{{category_name2_lang}} </div><a>( <span id="MissedNum">100</span> )</a>
			</div>
            <div class="category-list" id="Called">
				<div class="category-name">{{category_name3_lang}} </div><a>( <span id="CalledNum">100</span> )</a>
			</div>
            <div class="category-list" id="Received">
				<div class="category-name">{{category_name4_lang}} </div><a>( <span id="ReceivedNum">100</span> )</a>
			</div>
        </div>
    </div>
    
    <!-- 主要内容区开始 -->
    <div class="content">
    
        <div id="w-contact" >
            <div class="menuBar">
                <div id="newContact" onclick="topMenuClick(this)" class="menu-nav"><div class="newContactIcon"></div>{{newContactIcon_lang}}</div>
                <div class="menu-nav-split"></div>
                <div id="delContact" onclick="topMenuClick(this)" class="menu-nav disable"><div class="delContactIcon"></div>{{delContactIcon_lang}}</div>
                <div class="menu-nav-split"></div>
                <div id="coimportExport" onclick="topMenuClick(this)" class="menu-nav"><div class="importIcon"></div>{{importIcon_lang}}</div>
                <div class="menu-nav-split"></div>
                <div id="sendGroupMess" onclick="topMenuClick(this)"  class="menu-nav disable"><div class="sendGroupIcon"></div>{{sendGroupIcon_lang}}</div>
                <div class="menu-nav-split"></div>
                <div id="delRepeat" onclick="topMenuClick(this)" class="menu-nav"><div class="delRepeatIcon"></div>{{delRepeatIcon_lang}}</div>
	           	<!-- _LOCN --><div class="menu-nav-split"></div>
	            <!-- _LOCN --><div id="cloudbackup" onclick="topMenuClick(this)" class="menu-nav"><div class="cloudbackup"></div>{{cloudbackup_lang}}</div>
                <div class="menu-nav-split"></div>
                <div id="refresh" onclick="topMenuClick(this)" class="menu-nav"><div class="refreshIcon"></div>{{refreshIcon_lang}}</div>
                <div class="menu-search"><input id="searchContact"  class="inputText" type="search" placeholder="{{contact_search_contact_lang}}" /></div>
            </div>

            <!-- 联系人元素标题 -->
            <div class="title" >
                <div class="name_laber">
                    <input id="contact_all_checker" type="checkbox" />
                    <div class="name">{{name_lang}}</div>
                </div>
                <div class="phone">{{phone_lang}}</div>
                <div class="location">{{location_lang}}</div>
            </div>
            <ul id="contact_list" search="0"><!-- 联系人列表 -->
                <!--  <div style="padding-left:10px;height:40px;line-height:40px;">搜索到 "10" 个联系人</div>
                <li class='contact-list-item' id='123c' sim='0'>
                    <div class='name_laber'>
                        <input class='contact_checker' type="checkbox" />
                        <div class='star starred' star="1"></div>
                        <div class='name'>dfsadfasdf</div>
                    </div>
                    <div class='phone text'>12312313555555555555555555555555555555555555555555555, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456, 15445, 545456</div>
                    <div class='location text'>2222222222222</div>
                </li>
                <li class='contact-list-item' id='456c' sim='1'>
                    <div class='name_laber'>
                        <input class='contact_checker' type="checkbox"/>
                        <div class='star' star="0"></div>
                        <div class='name'>dfsadfasdf</div>
                        <div class="nosim sim1"></div>
                    </div>
                    <div class='phone text'>3556456</div>
                    <div class='location text'>2222222222222</div>
                </li>
                <li class='contact-list-item' id='789c' sim='0'>
                    <div class='name_laber'>
                        <input class='contact_checker' type="checkbox"/>
                        <div class="nosim sim1"></div>
                        <div class='name'>dfsadfasdf</div>
                        
                    </div>
                    <div class='phone text'>8733</div>
                    <div class='location text'>2222222222222</div>
                </li>-->
            </ul>
            <table id="leter" cellspacing="0" cellpadding="0"><!-- 联系人字母索引 -->
                <!--<tr><td><a href="#4098">#</a></td></tr>-->
            </table>
        
            <!-- 联系人详情显示模块 -->
            <div class="contact_detail_side" >
                <div class="contact_menu" id="detailEditDel" contactid="-1">
                    <div id="detailEdit" class="contact_button" onclick="editCurrentContact(this)">{{editCurrentContact_lang}}</div>
                    <div id="detailDel"  class="contact_button" onclick="delCurrentContact(this)">{{delCurrentContact_lang}}</div>
                </div>
                <div id="contact_detail">
                    <!-- <div id="contactHead"></div>
                    <div id="contactName">郑剑雄</div>
                    <div id="contactstar" class="contactstarOn"></div>
                    <div id="contactDetail">
                        <div class="detail_item detail_first">
                            <div class="label_pro label_phone"></div>
                            <div class="label_mess"><div id = "contactId_1_number" class="label_button">短信</div></div>
                            <div class="phone_text" title="11455565565555555555555656">11455565565555555555555656</div>
                            <div class="phone_belong">广东东莞</div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_phone"></div>
                            <div class="label_mess"><div id = "contactId_1_number" class="label_button">短信</div></div>
                            <div class="phone_text" title="ddd">11455565565656</div>
                            <div class="phone_belong">广东东莞</div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_email"></div>
                            <div class="show_text"><a href="mailto:lanjitano@163.com" hidefocus="true">lanjitano@163.com</a></div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_qq"></div>
                            <div class="show_text enable-select">311532563</div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_addr"></div>
                            <div class="show_text">东莞乌沙</div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_org"></div>
                            <div class="show_text">屮@步步高音乐手机</div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_nickName"></div>
                            <div class="show_text">昵称</div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_web"></div>
                            <div class="show_text"><a href="#@" target="_blank" hidefocus="true">www.lanjintao.com</a></div>
                        </div>
                        <div class="detail_item">
                            <div class="label_pro label_event"></div>
                            <div class="show_text">2013-7-3</div>
                        </div>
                        <div class="detail_item detail_last">
                            <div class="label_pro label_note"></div>
                            <div class="show_text">心情不好</div>
                        </div>
                        <div class="detail_sigle">
                            <div class="ringPlay"></div>
                            <div class="label_pro label_ring">铃声&nbsp;:</div>
                            <div class="ring_text">步步高音乐</div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
        <div id="w-call" style="display:none;">
            <div class="menuBar">
                <div id="delCall" onclick="topMenuClick(this)" class="menu-nav disable"><div class="delContactIcon"></div>{{delContactIcon2_lang}}</div>
                <div class="menu-nav-split"></div>
                <div id="caimportExport" onclick="topMenuClick(this)" class="menu-nav"><div class="importIcon"></div>{{caimportExport_lang}}</div>
                 <div class="menu-nav-split"></div>
                <div id="refreshcall" onclick="topMenuClick(this)" class="menu-nav"><div class="refreshIcon"></div>{{refreshIcon_lang}}</div>
                <div class="menu-search"><input id="searchCall" class="inputText" type="search" placeholder="{{contact_search_all_logs_lang}}" /></div>
            </div>
            <div class="title" >
                <div class="name_laber">
                    <input id="call_all_checker" type="checkbox" />
                    <div class="name">{{title_name_lang}}</div>
                </div>
                <div class="phone">{{title_phone_lang}}</div>
				<!-- _INTL
                <div class="location" style="display:none;">{{title_location_lang}}</div>
				-->
				<div class="location">{{title_location_lang}}</div>
                <div class="callTime">{{title_callTime_lang}}</div>
                <div class="callDuration">{{title_callDuration_lang}}</div>
            </div>
            <ul id="call_list" >
                <li class="call-list-item" id="Li14">
                    <div class="name_laber">
                        <input class="call_checker" type="checkbox" />
                        <div class='missed'></div>
                        <div class="name">郑剑雄111111111111111111111111111111111</div>
                    </div>
                    <div class="phone">111111111111111111111111111111111111111111111111111111111111111111</div>
                    <div class="location">深圳深圳深圳深圳深圳深圳深圳深深圳深圳深圳深圳深圳深圳深圳深圳圳</div>
                    <div class="callTime">2013-5-23 10:41</div>
                    <div class="callDuration">99:99:99</div>
                </li>
                <li class="call-list-item" id="Li12">
                    <div class="name_laber">
                        <input class="call_checker" type="checkbox" />
                        <div class='called'></div>
                        <div class="name">郑剑雄111111111111111111111111111111111</div>
                    </div>
                    <div class="phone">111111111111111111111111111111111111111111111111111111111111111111</div>
                    <div class="location">深圳深圳深圳深圳深圳深圳深圳深深圳深圳深圳深圳深圳深圳深圳深圳圳</div>
                    <div class="callTime">2013-5-23 10:41</div>
                    <div class="callDuration">99:99:99</div>
                </li>
                <li class="call-list-item" id="Li12">
                    <div class="name_laber">
                        <input class="call_checker" type="checkbox" />
                        <div class='received'></div>
                        <div class="name">郑剑雄111111111111111111111111111111111</div>
                    </div>
                    <div class="phone">111111111111111111111111111111111111111111111111111111111111111111</div>
                    <div class="location">深圳深圳深圳深圳深圳深圳深圳深深圳深圳深圳深圳深圳深圳深圳深圳圳</div>
                    <div class="callTime">2013-5-23 10:41</div>
                    <div class="callDuration">99:99:99</div>
                </li>
            </ul>
        </div>
    </div>


    <div id="unConected" class="unConected" style="display:none;">
        <div class="inner-center">
            <h2>{{unConected_linkphone_lang}}</h2>
            <div>{{unConected_linkphone_promt_lang}}
            </div>
			<button class="conectedBtn"onclick="cef.connected2phone(this)">{{connected2phone_contact_lang}}</button>
        </div>
    </div>
    
    <!-- 主要内容区结束 -->
    
        
    
    <!-- 弹出框部分 -->
    
    <!--  弹出提示框 -->
    <div id="prompt" class="coverScreen">
      <div class="prompt">
        <div class="prompt_top">
          <div class="prompt_delIcon"></div>
          <div id="prompt_title" class="prompt_title">{{prompt_title_lang}}</div>
          <div  id="prompt_close" class="close"></div>
        </div>
        <div id="prompt_message" class="prompt_middle">
            <!-- 提示内容 -->
        </div>
        <div class="prompt_bottom">
           <div id="no" class="submitButton">{{submitButton_cancel_lang}}</div>
           <div id="yes" class="submitButton">{{submitButton_sure_lang}}</div>
        </div>
      </div>
    </div>
    
    <!--  冒泡提示框 -->
    <div id="bubble" class="coverScreen">
      <div class="bubble">
        <div id="bubble_message" class="bubble_middle">
            <!-- 提示内容 -->
        </div>
      </div>
    </div>
  
    <menu id="groupContextMenu" class="contextmenu">
        <li id="gcmSendSMS">
            <div class="li">{{gcmSendSMS_lang}}</div>
        </li>
        <li class="hr"></li>
        <li id="gcmDelete">
            <div class="li">{{gcmDelete_lang}}</div>
        </li>
        <li id="gcmEdit">
            <div class="li">{{gcmEdit_lang}}</div>
        </li>
    </menu>

    <menu id="contactContextMenu" class="contextmenu">
        <li id="cocmSendSMS">
            <!--<div class="right"></div>-->
            <div class="li">{{cocmSendSMS_lang}}</div>
        </li>
        <li class="hr"></li>
        <li id="cocmDelete">
            <div class="li">{{cocmDelete_lang}}</div>
        </li>
        <li id="cocmAddto">
            <div class="right"></div>
            <div class="li">{{cocmAddto_lang}}</div>
        </li>
        <li id="cocmRemove">
            <div class="li">{{cocmRemove_lang}}</div>
        </li>
        <li class="hr"></li>
        <li id="cocmExport">
            <div class="li">{{cacmExport_lang}}(vCard)</div>
        </li>
    </menu>

    <menu id="callContextMenu" class="contextmenu">
        <li id="cacmSendSMS">
            <div class="li">{{cacmSendSMS_lang}}</div>
        </li>
        <li class="hr"></li>
        <li id="cacmDelete">
            <div class="li">{{cacmDelete_lang}}</div>
        </li>
        <li id="cacmExport">
            <div class="li">{{cacmExport_lang}}</div>
        </li>
    </menu>

    <menu id="addContactTo" class="contextmenu second">
        <li id="xxx">
            <div class="li">{{addContactToStart_lang}}</div>
        </li>
        <li id="yyyy">
            <div class="li">{{addContactToDelete_lang}}</div>
        </li>
    </menu>

    <menu id="sendSMS" class="contextmenu second">
        <li id="xxx">
            <div class="li">123456789</div>
        </li>
        <li id="yyyy">
            <div class="li">{{sendSMS_YYY_lang}}</div>
        </li>
    </menu>

    <menu id="coimExportContextMemu" class="contextmenu" style="top:23px;left:350px;">
        <li id="importContact"> <div class="li">{{importContact_lang}}</div> </li>
		<li class="hr"></li>
        <li id="exportContact"> <div class="li">{{exportContact_lang}}</div> </li>
    </menu>

    <menu id="caimExportContextMemu" class="contextmenu" style="top:23px;left:255px;">
        <li id="importCall"> <div class="li">{{importCall_lang}}</div> </li>
		<li class="hr"></li>
        <li id="exportCall"> <div class="li">{{exportCall_lang}}</div> </li>
    </menu>
    <div id="opTips"></div>
    <script src="../js/jquery-2.0.3.min.js" type="text/javascript"></script>
    <script src="../js/webkitBase.js" type="text/javascript"></script>
    <script src="../js/artDialog.min.js" type="text/javascript"></script>
    <script src="../js/template.js"></script>
    <script src="contact.js" type="text/javascript"></script>
    
</body>
</html>