var MainPage = {

        init : function () {
          
                this.buildSamplesList ();
        },

        buildSamplesList : function () {

                SamplesRegistry.withEachCategory (function (category) {

                        // -----------
                        // Action list
                        var categoryHolder = document.createElement ("div");
                        categoryHolder.id = category.name.replace (/\ /g, "-").toLowerCase ();
                        categoryHolder.className = "boxsample";

                        var categoryHolderHeader = document.createElement ("h1");
                        categoryHolderHeader.innerHTML = category.name;
                        categoryHolder.appendChild (categoryHolderHeader);

                        var toggler = document.createElement ("a");
                        toggler.href = "#";
                        toggler.onclick = function () {

                                if (samplesHolder.style.display === "none") {

                                        samplesHolder.style.display = "";
                                        togglerImg.src = "images/btn_in.jpg";

                                } else {

                                        samplesHolder.style.display = "none";
                                        togglerImg.src = "images/btn_out.jpg";
                                }
                                return false;
                        };
                        var togglerImg = document.createElement ("img");
                        togglerImg.className = "btn_box";
                        togglerImg.src = "images/btn_out.jpg";
                        toggler.appendChild (togglerImg);
                        categoryHolder.appendChild (toggler);

                        var intro = document.createElement ("p");
                        intro.innerHTML = category.description;
                        categoryHolder.appendChild (intro);

                        var samplesHolder = document.createElement ("div");
                        categoryHolder.appendChild (samplesHolder);

                        var samplesHolderInner = document.createElement ("div");
                        samplesHolderInner.className = "boxcontent";
                        samplesHolder.appendChild (samplesHolderInner);

                        var samplesList = document.createElement ("ul");
                        samplesHolderInner.appendChild (samplesList);

                        SamplesRegistry.withEachSample (category, function (sample) {

                                var li = document.createElement ("li");
                                li.innerHTML = sample.anchor;
                                samplesList.appendChild (li);
                        });

                        samplesHolder.style.display = "none";
                        document.getElementById ("categoriesHolder").appendChild (categoryHolder);

//                         // ---------
//                         // Left menu
//                         var listEntry = document.createElement ("li");
//                         var listEntryAnc = document.createElement ("a");
//                         listEntryAnc.appendChild (document.createTextNode (category.name));
//                         listEntryAnc.href = "#" + categoryHolder.id
//                         listEntry.appendChild (listEntryAnc);
//                         document.getElementById ("leftMenuList").appendChild (listEntry);
                });
        }
};