Simplified structure of the document. Now the container of the regions

flow is inside the master-page, containing crop-marks and folio.
This master page is now duplicated to the desired number of pages,
written in a variable at the top of `print.js` file.

index.html

@@ -29,6 +29,10 @@
                 <div class="crop-right" style="bottom: 0cm; right: 0;"></div>
                 <div class="crop-top" style="left: 0cm; top: 0"></div>
             </div>
+
+            <section id="master-region" class="page">
+            </section>
+
             <div class="folio">
             </div>
         </div>
@@ -37,20 +41,8 @@
     <section id="container">
         <!-- Content will be loaded here with Jquery. -->
     </section>
+    
 
-
-    <div id="container">
-        <div class="page">
-        </div>
-        <div class="page">
-        </div>
-        <div class="page">
-        </div>
-        <div class="page">
-        </div>
-        <div class="page">
-        </div>
-    </div>
     <!-- JAVASCRIPT -->
     <script type="text/javascript" src="jquery.min.js"></script>
     <script type="text/javascript" src="jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js"></script>

print.js

 $("section#container").load("content.html");
-nb_page = 164;
+nb_page = 16;
 
 $(window).load(function(){
     // __________________________________ PRINT MARKS __________________________________ //

print.less

@@ -83,19 +83,12 @@ body {
     padding-bottom: @page-margin-bottom;
     page-break-inside: never;
 
-    &:nth-child(odd) {
-        padding-left: @page-margin-inside;
-        padding-right: @page-margin-outside;
-    }
-    &:nth-child(even) {
-        padding-left: @page-margin-outside;
-        padding-right: @page-margin-inside;
-    }
 
 }
-div#container .page {
+.page {
     -webkit-flow-from: myFlow;
     page-break-after: always;
+    position: absolute;
 }
 div#content {
     -webkit-flow-into: myFlow;
@@ -121,6 +114,15 @@ div.preview-page {
     &:after {
         content: counter(page-counter);
     }
+
+    &:nth-child(odd) .page {
+        padding-left: @page-margin-inside;
+        padding-right: @page-margin-outside;
+    }
+    &:nth-child(even) .page {
+        padding-left: @page-margin-outside;
+        padding-right: @page-margin-inside;
+    }
 }
  
 /* __________________________________ CROP MARKS  __________________________________ */