var MainPage={init:function(){this.buildSamplesList();},buildSamplesList:function(){SamplesRegistry.withEachCategory(function(category){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);});}};