var activePage;var htmlCode=false;var cssCode=false;var codeUrl="/code";hljs.initHighlightingOnLoad();window.addEvent("domready",function(){frameHeight();activePage=defaultPage;if(activePage){loadPreview(pathUrl+activePage);loadCode(pathUrl+activePage,"html")}initPages();initLinks()});window.addEvent("resize",function(){frameHeight()});function frameHeight(){var A;if(window.innerHeight){A=window.innerHeight}else{A=document.documentElement.clientHeight}var B=$("iframe");var C=$("code");if(B&&C){A=A-60;C.setStyle("height",Math.ceil(A*0.4)+"px");B.setStyle("height",A-C.offsetHeight+"px")}}function initPages(){var A=$$("#pages li a").each(function(B){B.addEvent("click",function(C){htmlCode=false;activePage=B.getProperty("rel");loadPreview(pathUrl+activePage);loadCode(pathUrl+activePage,"html");$$("#pages li").removeClass("active");B.getParent().addClass("active");C.stop()})})}function initLinks(){var B=$("html");var A=$("css");if(B&&A){B.addEvent("click",function(C){loadCode(pathUrl+activePage,"html");C.stop()});A.addEvent("click",function(C){loadCode(pathUrl+defaultCss,"css");C.stop()})}}function loadPreview(B){var C=$("iframe");var A=$("html-code-container");var D=$("css-code-container");if(C&&A&&D){C.addClass("hidden");C.setProperty("src",B);A.addClass("hidden");D.addClass("hidden");C.removeClass("hidden")}}function loadCode(A,B){if(!showCode(B)){new Request({url:codeUrl,onSuccess:function(C){var D=$(B+"-code-container");if(D){D.set("html",C);if(B=="html"){htmlCode=true}else{cssCode=true}showCode(B)}}}).send("file="+A)}}function showCode(E){var D=$("iframe");var A=$("html-code-container");var F=$("css-code-container");if(D&&A&&F){if(E=="html"){if(!htmlCode){return false}htmlCode=true;F.addClass("hidden");A.removeClass("hidden");var C=$("html");var B=$("css");if(C&&B){$("css").getParent().removeClass("active");$("html").getParent().addClass("active")}}else{if(!cssCode){return false}cssCode=true;A.addClass("hidden");F.removeClass("hidden");var C=$("html");var B=$("css");if(C&&B){$("html").getParent().removeClass("active");$("css").getParent().addClass("active")}}}return true}function escape(A){return A.replace(/&/gm,"&amp;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;")};