text: // Initialize app
  var myApp = new Framework7({
      "modalTitle": "^_^"
      /*preprocess: function (content, url, next) {
        alert(url);
          if (url === 'people.html') {
              var template = Template7.compile(content);
              var resultContent = template({
                  title: 'People',
                  people: ['John', 'Ivan', 'Mary']
              })
  
              return resultContent;
         }
         return resultContent;
      }*/
  });
  //alert(1);
  
  // If we need to use custom DOM library, let's save it to $$ variable:
  var $$ = Dom7;
  
  // Add view
  var mainView = myApp.addView('.view-main', {
      // Because we want to use dynamic navbar, we need to enable it for this view:
      dynamicNavbar: true
  });
  
  //mainView.router.loadPage("indexRank.html");
  //Load new content as new page
  //mainView.router.load({pageName: 'about'});
  
  // OR using .load method if need more options
  
  //myApp.preprocess("","","")
  
  // Handle Cordova Device Ready Event
  $$(document).on('deviceready', function() {
      console.log("Device is ready!");
      window.open = cordova.InAppBrowser.open;
  	alert = function() {};
    
      if (AdMob) AdMob.createBanner({
          adId: "ca-app-pub-5387430380370897/6778084977",
          position: AdMob.AD_POSITION.BOTTOM_CENTER,
          autoShow: true
      });
  	// preppare and load ad resource in background, e.g. at begining of game level
  	if(AdMob) AdMob.prepareInterstitial( {adId:"ca-app-pub-5387430380370897/6465603095", autoShow:false} );
  
  	// show the interstitial later, e.g. at end of game level
  	randomEvent(10, function() {
  		if(AdMob) AdMob.showInterstitial();
  	});
  });
  
  
  // Now we need to run the code that will be executed only for About page.
  
  // Option 1. Using page callback for page (for "about" page in this case) (recommended way):
  myApp.onPageInit('about', function(page) {
      // Do something here for "about" page
  
  })
  myApp.onPageInit('twelveConstellationsDetail', function(page) {
      // Do something here for "about" page
  
  
  })
  // Option 2. Using one 'pageInit' event handler for all pages:
  $$(document).on('pageInit', function(e) {
      // Get page data from event data
      //alert(1);
      var page = e.detail.page;
      //console.log(page.name);
      if (page.name === 'about') {
          // Following code will be executed for page with data-page attribute equal to "about"
          // myApp.alert('1Here comes About page');
      }
  })
  
  // Option 2. Using live 'pageInit' event handlers for each page
  $$(document).on('pageInit', '.page[data-page="twelveConstellationsDetail"]', function(e) {
      // Following code will be executed for page with data-page attribute equal to "about"
      //myApp.alert('2Here comes About page');
      //alert(123);
  
      //$(".twelveConstellationsDetailContents").html(toCode($(".twelveConstellationsDetailContents").html(),1));
  
  
  })
  
  
  $$(document).on('pause', function(e) {
  
  })
  
  
  $$(document).on('resume', function(e) {
  
  })
  