var Application={lastId:0,currentSampleNb:0,getNewId:function(){Application.lastId++;return"window_id_"+Application.lastId},showCode:function(A,B){A.innerHTML=$(B+"_codediv").visible()?"View source":"Hide source";$(B+"_codediv").toggle()},editCode:function(D){var C=$(D);if(!C.textarea){var A=document.createElement("textarea");var B=C.getDimensions();A.setAttribute("id",D+"_edit");A.setAttribute("class","listing");C.textarea=A;C.parentNode.insertBefore(A,C)}if(C.visible()){var B=C.getDimensions();C.textarea.value=C.innerHTML;C.hide();C.textarea.style.height=B.height+"px";C.textarea.style.width="100%";C.textarea.style.display="block";C.textarea.focus();$(D+"_edit_button").innerHTML="Stop editing"}else{C.update(C.textarea.value);C.textarea.style.display="none";C.show();$(D+"_edit_button").innerHTML="Edit Source"}},evalCode:function(id){var pre=$(id);var code;if(pre.textarea&&pre.textarea.visible){code=pre.textarea.value}else{code=pre.innerHTML}code=code.gsub("&lt;","<");code=code.gsub("&gt;",">");try{eval(code)}catch(error){Dialog.alert(" error accurs while interprating your javascript code <br/>"+error,{windowParameters:{width:300,showEffect:Element.show},okLabel:"close"})}},addTitle:function(A,B){Application.currentSampleNb++;idButton=B+"_click_button";document.write("<h2>"+Application.currentSampleNb+". "+A+" (<span class='title'  id='"+idButton+"' href='#' onmouseover=\"$('"+idButton+"').addClassName('selected')\" onmouseout=\"$('"+idButton+"').removeClassName('selected')\" onclick=\"Application.evalCode('"+B+"', true)\">click here</span>)</h2>")},addShowButton:function(A){idButton=A+"_show_button";document.write("<span class='title2' id='"+idButton+"' onmouseover=\"$('"+idButton+"').addClassName('selected')\" onmouseout=\"$('"+idButton+"').removeClassName('selected')\" onclick=\"Application.showCode(this, '"+A+"')\">View source</span>")},addEditButton:function(A){idButton=A+"_edit_button";html="<p class='buttons'><span class='button' onmouseover=\"$('"+idButton+"').addClassName('selected')\" onmouseout=\"$('"+idButton+"').removeClassName('selected')\" id='"+idButton+"' onclick=\"Application.editCode('"+A+"')\">Edit Source</span> </p>";document.write(html)},addViewThemeButton:function(B,A){idButton=B+"_theme_button";html="<span class='title2' onmouseover=\"$('"+idButton+"').addClassName('selected')\" onmouseout=\"$('"+idButton+"').removeClassName('selected')\" id='"+idButton+"' onclick=\"Application.openThemeWindow('"+B+"')\">View a window</span>";document.write(html)},addViewThemeDialogButton:function(B,A){idButton=B+"_modal_theme_button";html="<span class='title2' onmouseover=\"$('"+idButton+"').addClassName('selected')\" onmouseout=\"$('"+idButton+"').removeClassName('selected')\" id='"+idButton+"' onclick=\"Application.openThemeDialog('"+B+"')\">Open a alert dialog</span>";document.write(html)},openThemeWindow:function(C,A){var B=new Window(Application.getNewId(),{className:C,width:300,height:200,title:"Theme : "+C});B.getContent().innerHTML="Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc.";B.showCenter(A)},openThemeDialog:function(B,A){Dialog.alert("Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc",{windowParameters:{className:B,width:350},okLabel:"close"})},insertDocOverview:function(){var B=$("Overview");var A="<table class='overview''><tr>";A+="<td>Window Class <ul>";$$(".window").each(function(C){A+="- <a href='#"+C.title+"'>"+C.title+"</a><br/>"});A+="</ul></td>";A+="<td>Dialog Module <ul>";$$(".dialogmodule").each(function(C){A+="- <a href='#"+C.title+"'>"+C.title+"</a><br/>"});A+="</ul></td>";A+="<td>Windows Module <ul>";$$(".windows").each(function(C){A+="- <a href='#"+C.title+"'>"+C.title+"</a><br/>"});A+="</ul></td>";A+="</tr></table>";B.innerHTML=A},insertNavigation:function(A){document.write('	  <h1><a href="http://prototype-window.xilinus.com"><img border=0 src="logo.gif"/></a></h1>    <div class="navigation">      <ul>        <li><a id="menu_documentation" href="documentation.html">Documentation</a></li>        <li><a id="menu_samples" href="samples.html">Samples</a></li>        <li><a id="menu_debug" href="debug.html">Debug</a></li>        <li><a id="menu_themes" href="themes.html">Themes</a></li>      </ul>    </div>');$("menu_"+A).addClassName("selected")}};