<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Splash Screen</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/framework.css">
  <link rel="stylesheet" type="text/css" href="css/axa.min.css">
  <script type="text/javascript" src="js/lib/aes.js"></script>
  <script type="text/javascript" src="js/lib/pbkdf2.js"></script>
  <script type="text/javascript" charset="UTF-8" src="Commondata.js"></script>
  <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
  <script type="text/javascript" charset="UTF-8" src="js/axa-popup.js"></script>
  <!--<script type="text/javascript" charset="UTF-8" src="Apiservice.js"></script> -->
  <script src="js/webfont.js"></script>
  <script>
    document.addEventListener('deviceready', function () {
    // Change status bar color
    StatusBar.backgroundColorByHexString("#AA1B17"); // Example: Orange color
});
  //web font loading
    WebFont.load({
      google: {
        families: ["Montserrat:400,700"]
      }
    });
    //splash screen timeout
    function functionisonline(onlinecheckValue) {
           if(onlinecheckValue.type == "offline"){
              isapplicationonline = false;
            }
            else {
              isapplicationonline = true;
            }
            if(isapplicationonline == true){
            setTimeout(function()
            {
              localStorage.clear();
              window.location.href = 'login.html';
            }, 1900);
            }
            else{
              //rooted Device
              showAlertnoInternet("Please check your internet connection!!!",false);
            }
  }
  //root popup
  function showAlertnoInternet(message){
    $('#showpop').empty();
    $('#showpop').append("<h5>Message</h5><p>" + message + "</p><button class='popup-btn' onclick='nointernet()'>OK</button>");
    show('showpop');
  }
  function nointernet() {
      localStorage.clear();
      navigator.app.exitApp();
  }
  //offline check
  document.addEventListener("offline", functionisonline, false);
  //offline check
  document.addEventListener("online", functionisonline, false);

  </script>
  <script type="text/javascript" src="js/modernizr.js"></script>
  <link rel="shortcut icon" type="image/x-icon" href="images/logoStandford32.ico">
  <link rel="apple-touch-icon" href="images/logoStandford32.ico">
  <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <section class="axa-section mobile-wrapper splash-screen">
    <div class="page-content" id="main-stack" >
      <div class="body">
        <div class="splash-logo"></div>
      </div>
    </div>
    <div class="page-content loading-mask stop-loading" id="new-stack">
      <div class="loading-icon">
        <div class="navbar-button-icon icon ion-load-d"></div>
      </div>
    </div>
    <div class="shadow-layer"></div>
    <div id="showpop" class="popup"></div>
  </section>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/framework.js"></script>
</body>
</html>
