<!DOCTYPE html>
<!-- Copyright BELKIN 2012 -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="gt-ie8"> <!--<![endif]-->
<!--[if IE 6]>
<script>
var brws_detect_content="ie6";
</script>
<![endif]-->
<!--[if IE 7]>
<script>
var brws_detect_content="ie7";
</script>
<![endif]-->
<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta content="width=device-width" name="viewport">
<script language="javascript" type="text/javascript" src="jquery.js" ></script>
<script language="javascript" type="text/javascript" src="app.js" ></script>
<script language="javascript" type="text/javascript" src="timezone.js" ></script>
<script language='javascript' type="text/javascript">
<!-- hide
var tzclass=[
"MHT+12:00", "SST+11:00", "HST+10:00", "AKST+09:00", "PST+08:00", "MST+07:00", "MST+07:00", "CST+06:00", "CST+06:00", "CST+06:00", "CST+06:00", "COT+05:00", "EST+05:00", "EST+05:00", "AST+04:00", "VET+04:00", "CLDT+04:00", "NST+03:00", "BRT+03:00", "ART+03:00", "GST+02:00", "AZOT+01:00", "GMT-00:00", "GMT-00:00", "GMT-00:00", "CET-01:00", "CET-01:00", "CET-01:00", "CET-01:00", "CET-01:00", "CET-01:00", "EET-02:00", "EET-02:00", "EET-02:00", "CAT-02:00", "EET-02:00", "IST-02:00", "AST-03:00", "MSK-03:00", "IRST-03:00", "GST-04:00", "AFT-04:00", "YEKT-05:00", "YEKT-05:30", "ALMT-06:00", "ICT-07:00", "CST-08:00", "HKT-08:00", "JST-09:00", "KST-09:00", "CST-09:30", "EST-10:00", "EST-10:00", "EST-10:00", "ChST-11:00", "MAGT-11:00", "NZST-12:00", "PETT-12:00", "NZST-13:00"];
function p100_css_adjust(){
if(typeof brws_detect_content !== "undefined"){
if((brws_detect_content=="ie6")||(brws_detect_content=="ie7")){
if($("#p100 > .row").width()>940){
$("#p100 > .row").width(940);
}else if($("#p100 > .row").width()<727){
$("#p100 > .row").width(727);
}
$("#p100").css("padding-top","0");
$("#p100 > .row .eight").width("65.2%");
$("#p100 > .row .four").width("30.4%");
$("#p100 > .row .content").css("margin","0").css("left","0");
$("#p100 > .row .sidebar").css("margin","0").css("left","0").css("float","right");
$("#p100 > .row").css("position","relative").css("left","50%").css("margin-left",-($(".row").width()/2));
$("#p100 > .row .content .row").width("100%");
$("#p100 > .row .content .row").css("margin","0").css("left","0");
$("#p100 > .row .content .row .twelve").css("width","100%");
$("#p100 > .row .content .row .twelve").css("margin","0").css("left","0");
}
}
}
function p100_init(){
$.getScript("lang/p100.js", function(data, textStatus){
loadTidTabByHtml(p100);
loadIdTabByTxt(p100f);
gui.loadNvWithFunc("p100", function(nv){
if(nv.setlang=="1"){
gui.lang=nv.lang;
}else{
gui.lang=nv.browser_lang;
}
$("#p100f015").val(gui.lang);
/*
if(nv.bbs_config_done=="1"){
$("div#contentpg").hide(0);
$("div#dashcontentpg").show();
gui.dashlogo.load("_header_dashboard.htm");
gui.dashcontent.load("000-Dashboard.htm");
gui.dashfooter.load("_footer_dashboard.htm");
return;
}
*/
for(var key in p100lang){
if(p100lang[key]==nv){
$("#p100f015").val(p100lang[key]);
}
}
p100_css_adjust();
gui.content.show("p100");
});
$("#p100f015").change(function(){
setlang2($(this).find(":selected").attr("id"));
});
});
delCookie("pppoe_try");
delCookie("pptp_try");
delCookie("show212DX");
delCookie("from_700");
delCookie("from_700MR");
}
$(document).ready(function(){
$.ajaxSetup({ cache: false });
if(typeof belkin_model !== "undefined"){
dev_debug("100-index.htm!!", 1);
p100_init();
}else{
$("head").append("<link href=\"app.css\" type=\"text/css\" rel=\"stylesheet\">");
$.getScript("belkin.js", function(data, textStatus){
gui.logo.page="_header_WelcomeStep.htm";
gui.content.page="100-index.htm";
gui.footer.page="_footer.htm";
gui.body.load("index_single.htm");
});
}
});
// done hiding -->
</script>
</head>
<body>
<!-- Main Area -->
<div class="main container" id="p100" style="display:none">
<!-- row -->
<div class="row">
<!-- Main Content -->
<div class="content eight columns">
<!-- Headline for Desktops/Tablets -->
<h1 class="hide-on-phones" tid="p100t002"></h1>
<p class="lead hide-on-phones" tid="p100t003"></p>
<div class="hide-on-phones"><br></div>
<!-- Headline for Mobile -->
<h1 class="show-on-phones" tid="p100t004"></h1>
<p class="show-on-phones" tid="p100t005"></p>
<!-- row -->
<div class="row">
<!-- Form Area -->
<div class="twelve columns">
<div class="hide-on-phones"><br></div>
<div class="panel plain">
<a href="javascript:detectConnect()" class="nice radius large green button" id="p100a006"><span tid="p100t007"></span></a>
<p class="tip"><span tid="p100t008"></span><a href="javascript:SelectConnection()" id="p100a009"><span tid="p100t009"></span></a><span tid="p100t010"></span><a href="javascript:loadDashboard()" id="p100a010"><span tid="p100t011"></span></a>.</p>
</div>
</div>
<script>
function detectConnect(){
if(gui.demo==1){
$("#hidden-button").show();
}else{
var nvget={};
nvget['nvget']='wan_connect';
$.getJSON(CGI_NAME, nvget, function(data){
if(data['wan_connect']=='1'){
nvget['nvget']='brcc_wan_status';
$.getJSON(CGI_NAME, nvget, function(data){
if(data['brcc_wan_status']=='1'){
gui.logo.load("_header_ConfigStep.htm");
gui.content.load("300-CheckingFirmware.htm");
}else{
var nvset={"act":"nvset","brcc_reset":"1","wanmode":"1"};
$.getJSON(CGI_NAME,nvset, function(data){
gui.logo.load("_header_ConfigStep.htm");
gui.coverpg.load("200-CheckingConnection.htm");
});
}
});
}else{
var nvset={"act":"nvset","brcc_reset":"1","wanmode":"1"};
$.getJSON(CGI_NAME,nvset, function(data){
gui.logo.load("_header_ConfigStep.htm");
gui.coverpg.load("200-CheckingConnection.htm");
});
}
});
}
}
var nv_p100;
function SelectConnection(){
gui.loadNvWithFunc("get_pm_info", function(nv){
nv_p100=nv;
gui.logo.load("_header_ConfigStep.htm");
if(nv.pm_modem == 1)
gui.content.load("700MR-SelectConnection.htm");
else
gui.content.load("700-SelectConnection.htm");
});
}
function loadDashboard(){
var nvset={};
var timezone = jstz.determine_timezone();
var timezone_val = timezone.belkin_id();
nvset={"bbs_config_done":"1", "tz2":timezone_val, "TZ":tzclass[timezone_val-1], "act":"nvset"};
$.getJSON(CGI_NAME, nvset, function(data){
$("div#contentpg").hide(0);
$("div#dashcontentpg").show();
location.href="http://router/000-Dashboard.htm";
/*
gui.loadNvWithFunc("lanip", function(nv){
location.href="http://"+nv;
});
*/
/*
gui.dashlogo.load("_header_dashboard.htm");
gui.dashcontent.load("000-Dashboard.htm");
gui.dashfooter.load("_footer_dashboard.htm");
*/
});
}
</script>
<div>
<span id="p100t013" tid="p100t013"></span>
<form class="inline nice" id="p100f014">
<select class="inline" id="p100f015">
<option id="p100fEn" value="en"></option>
<option id="p100fFr" value="fr"></option>
<option id="p100FrCa" value="fr-CA"></option>
<option id="p100fDe" value="de"></option>
<option id="p100fEs" value="es"></option>
<option id="p100EsMx" value="es-MX"></option>
<option id="p100fPt" value="pt"></option>
<option id="p100PtBr" value="pt-BR"></option>
<option id="p100fIt" value="it"></option>
<option id="p100fNl" value="nl"></option>
<option id="p100fEl" value="el"></option>
<option id="p100fTr" value="tr"></option>
<option id="p100fSv" value="sv"></option>
<option id="p100fNo" value="no"></option>
<option id="p100fDa" value="da"></option>
<option id="p100fFi" value="fi"></option>
<option id="p100fRu" value="ru"></option>
<!--<option id="p100fKo" value="ko"></option>-->
<option id="p100fZhHant" value="zh-Hant"></option>
<option id="p100fZhHans" value="zh-Hans"></option>
</select>
</form>
</div>
<!-- / Form Area -->
</div>
<!-- / #row -->
</div>
<!-- / #content -->
<!-- Content Sidebar -->
<div class="sidebar four columns">
<div>
<h6 tid="p100t024"></h6>
<p><span tid="p100t025"></span><span class="nub"></span></p>
</div>
</div>
<!-- / #sidebar -->
</div>
<!-- / #row -->
</div>
<!-- / #main -->
<!-- Step Selection -->
<div id="hidden-button" class="hidden-ui" style="display:none;z-index:500">
<a class="button" href="javascript:Connected()">Connect To Internet (YES)</a>
<br>
<a class="button" href="javascript:NoConnected()">Connect To Internet (NO)</a>
<br>
<script>
function Connected(){
gui.logo.load("_header_ConfigStep.htm");
gui.content.load("300-CheckingFirmware.htm");
}
function NoConnected(){
$("#hidden-button").hide(0);
gui.logo.load("_header_ConfigStep.htm");
gui.coverpg.load("200-CheckingConnection.htm");
}
</script>
</div>
<!-- // Step Selection end -->
</body>
</html>