diff --git a/chapter/strong_interactions.html b/chapter/strong_interactions.html
new file mode 100644
index 0000000..341a017
--- /dev/null
+++ b/chapter/strong_interactions.html
@@ -0,0 +1,8 @@
+Strong interactions
+There must be some kind of force that glues together the quarks in the proton, just like the
+electromagnetic force attaches the electron to the atomic nucleus. And like for electromagnetism,
+there must be messenger particle of this force, and also a kind of “charge”, called color, that will
+determine which particles take part in this interaction and whether two particles will attract or
+repel each other. This force is very different from electromagnetism: no particle that has a color
+can exist freely, they must be in a bound system. The messenger particles of this interaction are
+called gluons, and they themselves carry color, so they cannot exist freely either.
diff --git a/chapter/what_is_the_world_made_of.html b/chapter/what_is_the_world_made_of.html
new file mode 100644
index 0000000..b336883
--- /dev/null
+++ b/chapter/what_is_the_world_made_of.html
@@ -0,0 +1,8 @@
+What is the World made of?
+The world around us, everything we see, touch, smell and taste, is made of matter. Everything from
+the device you are reading this webpage on and the ground that you are standing on to your body and
+the air you breathe - all consist of matter. But what is "matter"? People have been puzzling over
+this question for generations. In the early 20th century, it was believed that the smallest unit of
+matter was the atom (from greek atomos, meaning indivisible). It was known that atoms of different
+types have different properties and cannot be transformed into one another. However, today we know
+what atoms are made up of and why the different atoms have different properties. 
diff --git a/filelist.json b/filelist.json
index f246c42..ca1742a 100644
--- a/filelist.json
+++ b/filelist.json
@@ -1,18 +1,10 @@
 [
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    "",
-    ""
+    "What is the world made of",
+    "Strong interactions",
+    "The Electromagnetic Interaction",
+    "Nuclear decay and the weak interaction",
+    "The Three Generations of Matter",
+    "The Higgs",
+    "Antimatter"
+
 ]
diff --git a/js/javascript.js b/js/javascript.js
index e69de29..3fcd2e8 100644
--- a/js/javascript.js
+++ b/js/javascript.js
@@ -0,0 +1,38 @@
+function load_slides() {
+    var filelist = [
+        "What is the world made of",
+        "Strong interactions" /*,
+        "The Electromagnetic Interaction",
+        "Nuclear decay and the weak interaction",
+        "The Three Generations of Matter",
+        "The Higgs",
+        "Antimatter"*/
+        ];
+
+    //$(filelist).each(function(){alert($(this).html());});
+    for (var i = 0; i < filelist.length; i++ ) {
+        var filename = to_filename(filelist[i]);
+        // get 
+        var chapter = get_html(filename, "chapter", "html");
+        //var readmore = get_html(filelist[i], "readmore", "html");
+        // here we just need the URL
+        //var icon = get_html(filelist[i], "img", "png");
+        //
+        //alert ($.html(chapter));
+
+
+    }
+
+}
+
+function to_filename(title) {
+    return title.toLowerCase().replace(/ /g, '_'); 
+}
+
+function get_html(file, prefix, extension ){
+
+        $.ajax( "./" + prefix + "/" + file  + "." + extension ).done( function(data) {
+            alert(data);
+        });
+
+}
diff --git a/main.html b/main.html
index cde42ca..babc3ab 100644
--- a/main.html
+++ b/main.html
@@ -13,6 +13,7 @@
         <script src="js/jquery.bxSlider/jquery.bxSlider.min.js"></script>
         <script src="js/javascript.js"></script>
         <script src="js/slider.js"></script>
+
         <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
         <link href="css/structure.css" rel="stylesheet">
         <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
@@ -71,6 +72,9 @@
             $(".collapse").collapse();
 
             $(document).ready(function() {
+
+                // Load slides 
+                load_slides();
                 var original_height = $(".navigation").height();
 
                 $(".navigation").height('0em');
diff --git a/readmore/invisible b/readmore/invisible
new file mode 100644
index 0000000..e69de29