<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--    <link rel="stylesheet" type="text/css" href="../css/reset.css"/> -->
	<link rel="stylesheet" href="../css/webkitBase.css" type="text/css" />
	<link rel="stylesheet" href="../css/default.css"  type="text/css" />
    <link rel="stylesheet" type="text/css" href="myphone.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>-->
    
</head>
<body  onselectstart="return false">
    <!-- welcome -->
    <div class="welcome" id="welcome">
        
        <!-- ad -->
        <div class="welcomeAd" id="welcomeAd">
        
            <div id="staticBanner" class="banner">
                <ul>
                    <li>
                        <div id="s_max" class="maxDiv ad_gray"><!-- <img src="images/banner1.png" /> --></div>
                        <div id="s_min1" class="minDiv ad_blue marginL4"><!-- <img src="images/banner2.png" /> --></div>
                        <div id="s_min2" class="minDiv ad_orange marginL4"><!-- <img src="images/banner3.png" /> --></div>
                        <div id="s_min3" class="minDiv ad_yellow marginL4 marginT4"><!-- <img src="images/banner4.png" /> --></div>
                        <div id="s_min4" class="minDiv ad_green marginL4 marginT4"><!-- <img src="images/banner5.png" /> --></div>
                    </li>
                </ul>
            </div>
            <div id="banner" class="banner">
                    <ul>
                        <li>
                            <div id="b_max1" class="maxDiv ad_gray"><!-- <img src="images/banner1.png" /> --></div>
                            <div id="b_min1" class="minDiv ad_blue marginL4"><!-- <img src="images/banner2.png" /> --></div>
                            <div id="b_min2" class="minDiv ad_yellow marginL4 marginT4"><!-- <img src="images/banner4.png" /> --></div>
                        </li>
                        <li>
                            <div class="midDiv">
                                <div id="b_min3" class="minDiv ad_blue"><!-- <img src="images/banner3.png" /> --></div>
                                <div id="b_min4" class="minDiv ad_yellow marginT4"><!-- <img src="images/banner5.png" /> --></div>
                            </div>
                            <div id="b_max2" class="maxDiv ad_gray marginL4"><!-- <img src="images/banner1.png" /> --></div>
                        </li>
                    </ul>
            </div>
        </div>
        
        <!-- connect -->
        <div class="welcomeCon" id="welcomeCon">
            <div class="welcomeConCenter">
                <div class="welcomeConL" id="welcomeConL">
                    <div class="usbLinkPre">
                        <div class="conTitle">{{usb_conTitle_lang}}</div>
                        <div class="conTitlePrompt">{{usb_conTitlePrompt_lang}}<a onclick="welcome.openUsb()" langtag="open_usb_lang">{{open_usb_lang}}</a></div>
                        <button onclick="welcome.conUsbBegin(1)">{{conUsbBegin_lang}}</button>
                    </div>
                    <div class="usbOpen" id="usbOpen" onclick="welcome.openOrCloseUsb(this)"></div>
                </div>
                
                <div class="welcomeConC" id="usbLink">
                    <div class="conPrompt">{{usbconPrompt_lang}}</div>
                    <div class="usbLinkDiv conLoading" id="conLoading"><img src="images/loading.gif" /><div id="usbLoadingTxt">{{usbLoadingTxt_lang}}</div><div class="howTolink">{{howTolink_lang}}</div></div>
                    <div class="usbLinkDiv conError" id="conError">
                        <img src="images/sorry.png" /><div class="conErrorPrompt">{{conErrorPrompt_lang}} <button  onclick="welcome.conUsbBegin(0)">{{myphone_conErrorPrompt_lang}}</button></div>
                        <div class="howTolink"><a href ="http://zs.vivo.com.cn/problem.php" target="_blank">{{howtolink_lang2}}</a></div>
                    </div>
                    <div class="usbLinkDiv conOk" id="conOk">
                        <div class="conOkPrompt">{{conOkPrompt_lang}}<button onclick="welcome.conUsbBegin(0)" style="margin-top:8px;">{{refersh_btn_lang}}</button></div>
                        <ul id="conPhoneList">
                            <li class="conOkLi" onclick="welcome.conSuccess()">
                                <div class="conOkLiCenter"><div class="deviceName">vivo xplay</div><div class="linkStatus">{{linkStatus_lang}}</div></div>
                                <div class="conOkLiHover"><div style="height:85px;"></div><div class="conOkLiHoverLink">{{conOkLiHoverLink_lang}}</div></div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="welcomeConC" id="wifiLink">
                    <div class="conPrompt">{{wificonPrompt_lang}}</div>
                    <div class="wifiCon">
                        <div class="conTitlePrompt" id="wifiConTitle">{{wifi_conTitlePrompt_lang}}</div>
                        <div class="wifiConPrompt" id="wifiCon"><input type="text" id="wifiCode" placeholder="{{myphone_wifiConPrompt_placeholder_lang}}"/><button  onclick="welcome.conWifiBegin()">{{conWifiBegin_lang}}</button><div class="howToWifi" onclick="welcome.openGetWifiCode()">{{openGetWifiCode_lang}}</div></div>
                        <div class="wifiConPrompt" id="wifiConLoading"><img src="images/loading.gif" /><div id="wifiLoadingTxt">{{wifiLoadingTxt_lang}}</div></div>
                        <div class="scanCode"></div>
						<div class="scanCodeTips">{{scanCodeTips_lang}}</div>
                    </div>
                </div>
                
                <div class="welcomeConR" id="welcomeConR">
                    <div class="wifiOpen" id="wifiOpen" onclick="welcome.openOrCloseWifi(this)"></div>
                    <div class="wifiLinkPre">
                        <div class="conTitle">{{conTitle_lang}}</div>
                        <div class="conTitlePrompt">{{conTitlePrompt_lang}}</div>
                        <button onclick="welcome.sureWifiCon()">{{sureWifiCon_lang}}</button>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    
    <!-- usbDebug -->
    <div class="guide" id="usbDebug">
        <div class="promptCenter">
            <div class="promptCenterT usb_gray">
				<span class="promptCenterTMain">{{usb_gray_lang}}</span>
			</div>
            <div id="promptCenterUSBGallery" class="promptCenterM">
				<div id="usb_arrow_left" class="arrow_left"></div>
				<div class="promptCenterGallery">
					<div class="promptCenterMList Horizontal">
						<div class="promptCenterMList promptCenterMItem">
							<div class="promptCenterMItem"><img src="images/1.png" />&nbsp;&nbsp;{{promptCenterMList_one_lang}}</div>
							<div class="promptCenterMItem" style="margin-left:30px;height:60px;">
								<div class="usbBgOneContent">{{usbContent_one_lang}}</div>
							</div>
							<div class="promptCenterMItem"><img src="images/2.png" />&nbsp;&nbsp;{{promptCenterMList_two_lang}}</div>
							<div class="promptCenterMItem" style="margin-left:30px;height:60px;">
								<div class="usbBgThreeContent">{{usbContent_two_lang}}</div>
							</div>
							<div class="promptCenterMItem"><img src="images/3.png" />&nbsp;&nbsp;{{promptCenterMList_three_lang}}</div>
							<div class="promptCenterMItem" style="margin-left:30px;height:60px;">
								<div class="usbBgOneContent">{{usbContent_three_lang}}</div>
							</div>
							<div class="promptCenterMItem"><img src="images/4.png" />&nbsp;&nbsp;{{promptCenterMList_four_lang}}</div>
							<div class="promptCenterMItem" style="margin-left:30px;height:60px;">
								<div class="usbBgTwoContent">{{usbContent_four_lang}}</div>
							</div>
						</div>
						<div class="promptCenterMList promptCenterMItem">
							<div class="promptCenterMItem"><img src="images/5.png" />&nbsp;&nbsp;{{promptCenterMList_five_lang}}</div>
							<div class="promptCenterMItem" style="margin-left:30px;height:60px;">
								<div class="usbBgTwoContent">{{usbContent_five_lang}}</div>
							</div>
							<div class="promptCenterMItem"><img src="images/6.png" />&nbsp;&nbsp;{{promptCenterMList_six_lang}}</div>
							<div class="promptCenterMItem" style="margin-left:30px;height:60px;"><img src="{{usbPopImg}}" /></div>
						</div>
					</div>
				</div>
				<div id="usb_arrow_right" class="arrow_right"></div>
            </div>
            <div class="promptCenterB"><button onclick="welcome.closeUsb()">{{return_lang}}</button></div>
        </div>
    </div>
    
    <!-- usbDebug -->
    <div class="guide" id="getWifiCode">
        <div class="promptCenter">
            <div class="promptCenterT wifi_gray">
				<span class="promptCenterTMain">{{wifi_gray_lang}}</span>
				<span class="promptCenterTTip">{{wifi_gray_tip_lang}}</span>
			</div>
            <div id="promptCenterWifiGallery" class="promptCenterM">
				<div id="wifi_arrow_left" class="arrow_left"></div>
				<div class="promptCenterGallery">
					<div class="promptCenterMList Horizontal">
						<div class="promptCenterMItem">
							<div>
								<img src="images/1.png" />
								<div class="promptCenterTxt">{{promptCenterTxt_lang}}</div>
							</div>
							<div style="float:left;padding-left:38px;font-size:12px;color:#959595;">
								 {{explor_download_lang}}<br />
								<span>&nbsp;&nbsp;{{open_explor_lang}}</span><br /><br />
								{{qrcode_download_lang}}<br />
								<div class="downloadCode"></div>
							</div>
						</div>
						<div class="promptCenterMItem">
							<img src="images/2.png" />
							<div class="promptCenterTxt">{{runPCtools_lang}}</div>
							<div class="wifiStep2"></div>
						</div>

						<div class="promptCenterMItem">
							<img src="images/3.png" />
							<div class="promptCenterTxt">{{click_wifi_lang}}</div>
							<div class="wifiStep3"></div>
						</div>
						<div class="promptCenterMItem">
							<img src="images/4.png" />
							<div class="promptCenterTxt">{{get_code_lang}}</div>
							<div class="wifiStep4"></div>
						</div>
					</div>
				</div>
				<div id="wifi_arrow_right" class="arrow_right"></div>
            </div>
            <div class="promptCenterB"><button onclick="welcome.closeGetWifiCode()">{{wifi_back_lang}}</button></div>
        </div>
    </div>
    
    
    <!-- myphone -->
    <div class="myphone" id="myphone">
        <div class="myphoneCenter" id="myphoneCenter">
            <div class="phoneInfo">
                <div class="linkType usbIcon" id="linkType"></div>
                <div class="phoneName" deviceid="" id="phoneName"></div>
                <button class="changeDevice" id="changeDevice" onclick="myphone.changeDevice()">{{changDevice_lang}}</button>
            </div>
            <div class="phoneImg" id="phoneImg">
                <div id="phoneImgStatus" class="phoneImgStatus"><div id="phoneImgStatusTxt" class="phoneImgStatusTxt"><img src="images/phoneImgLoading.gif" /><span>{{refershing_lang}}</span></div></div>
            </div>
            <div class="phoneCutMenu" id="phoneCutMenu">
                <button class="phoneCutModel" onclick="myphone.phoneMenu('cut','1')">{{outsiding_lang}}</button>
            </div>
            <div class="phoneMenu">
                <div id="disableCapture">{{disableCapture_lang}}</div>
                <button class="phoneMenuCut" id="phoneMenuCut" onclick="myphone.phoneMenu('cut','0')">{{phoneMenuCut_lang}}</button>
                <button class="phoneMenuPlay" id="phoneMenuPlay" onclick="myphone.phoneMenu('play')">{{phoneMenuPlay_lang}}</button>
                <button class="phoneMenuRefesh" id="phoneMenuRefesh" onclick="myphone.phoneMenu('refresh')">{{phoneMenuRefesh_lang}}</button>
                <button class="phoneMenuFull" onclick="myphone.phoneMenu('full')">{{phoneMenuFull_lang}}</button>
            </div>
        </div>
    </div>
    
    <!-- tool -->
    <div class="tool" id="tool">
        <div class="toolCenter" id="toolCenter">
            <div class="phoneTool">
                <div class="phoneToolCate">{{phoneToolCate_lang}}</div>
                <div class="phoneToolList">
                    <ul id="phoneToolList">
                	    <li onclick="myphone.tool('about')"><div class="toolIcon aboutIcon"></div><div class="toolName">{{aboutPhone_lang}}</div></li>
                	    <li onclick="myphone.tool('gbackuprestore')"><div class="toolIcon backupIcon"></div><div class="toolName">{{databackup}}</div></li>
                	    <!--<li onclick="myphone.tool('restore')"><div class="toolIcon restoreIcon"></div><div class="toolName">{{datarecovery}}</div></li>-->
                	    <li onclick="myphone.tool('file')"><div class="toolIcon fileIcon"></div><div class="toolName">{{filemanager}}</div></li>
                	    <li onclick="myphone.tool('clip')"><div class="toolIcon clipIcon"></div><div class="toolName">{{sysncpaste}}</div></li>
                	    <li onclick="myphone.tool('apk')"><div class="toolIcon apkIcon"></div><div class="toolName">{{apk_install}}</div></li>
                	    <!-- _LOCN --><li onclick="myphone.tool('mess')"><div class="toolIcon messIcon"></div><div class="toolName">{{group_send_msg_lang}}</div></li>
                	    <li id="upgrade" onclick="myphone.tool('upgrade')" style="display:none"><div class="toolIcon upgradeIcon"><div id="upgradeNew" class="new hideTool">{{new_lang}}</div></div><div class="toolName">{{phone_update_lang}}</div></li>
                	    <li id="rom" class="hideTool" onclick="myphone.tool('rom')"><div class="toolIcon romIcon"><div class="new">{{new_lang}}</div></div><div class="toolName">{{update_rom_lang}}</div></li>
                    </ul>
                </div>
            </div>
            <div class="phoneMemory">
                <div class="phoneToolCate">{{data_store}}</div>
                <div class="phoneInner">
                    <div id="systemMmName" class="phoneMemoryName">{{system_data}}</div>
                    <div class="phoneInnerBg"><div class="phoneInnerPro" id="phoneInnerPro"></div></div>
                    <div class="phoneInnerInfo"><div class="phoneIcon"></div><span id="phoneInnerInfo"></span></div>
                </div>
                <div class="phoneSd">
                    <div id="sdMmName" class="phoneMemoryName">{{phone_u_storage_lang}}</div>
                    <div class="phoneSdBg"><div class="phoneSdPro" id="phoneSdPro"></div></div>
                    <div class="phoneSdInfo"><div class="phoneSdIcon"></div><span id="phoneSdInfo"></span></div>
                </div>
				<div class="phoneEx">
                    <div class="phoneMemoryName">{{sd_storage_lang}}</div>
                    <div class="phoneExBg"><div class="phoneExPro" id="phoneExPro"></div></div>
                    <div class="phoneExInfo"><div class="phoneExIcon"></div><span id="phoneExInfo"></span></div>
                </div>
			</div>
        </div>
    </div>
    
    
    <div id="prompt" class="prompt"></div>
    
    <div id="promptDlg" class="coverScreen">
        <div class="promptDlg">
            <div class="promptDlgTitle">{{prompt_info_lang}}<button class="promptDlgClose" onclick="myphone.closeDlg(true)"></button></div>
            <div class="promptDlgContent"><div class="sorryContent" id="contentText" >{{sorry_content_lang}}</span></div></div>
            <div class="promptDlgMenu"><button onclick="myphone.closeDlg(true)">{{prompt_sure_lang}}</button></div>
        </div>
    </div>
    
</body>
</html>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/unslider.min.js" type="text/javascript"></script>
<script src="myphone.js" type="text/javascript"></script>
<script src="../js/template.js"></script>
<script src="../js/artDialog.min.js"></script>
<script id="devices_template" type="text/html">
	<%for (var i=0;i<list.length;i++) {%>
		<li class="conOkLi<%if(list[i]["on"] == true) {%> conOkLiOn<%}%>">
			<div class="conOkLiCenter">
				<div class="deviceName"><%=list[i]["deviceName"]%></div>
				<div class="linkStatus">
				<%if(list[i]["on"] == true) {%>
				{{myphone_conDiveList_linked_lang}}
				<%}else{%>
				{{myphone_conDiveList_unlinked_lang}}
				<%}%>
				</div>
			</div>
			<div class="conOkLiHover">
				<div style="height:85px;"></div>
				<%if(list[i]["deviceName"] == "Android Phone"){%>
				<div class="conOkLiHoverLink"  onclick="myphone.connectHelp('<%=list[i]["deviceId"]%>',<%=list[i]["on"]%>)">{{myphone_conDiveList_help_lang}}</div>
				<%}else{%>
				<div class="conOkLiHoverLink"  onclick="myphone.switchPhone('<%=list[i]["deviceId"]%>',<%=list[i]["on"]%>)">{{myphone_conDiveList_link_lang}}</div>
				<%}%>			
			</div>
		</li>
	<%}%>
</script>