var helpShown=false;function help(){var h=$("how");var d=new Element("div",{id:"overlay","class":"dn"}).inject(document.body);var e=$("help");var c=$("main").getElement(".backgrounds").getSize().x+$("main").getElement(".sizes").getSize().x+$("main").getElement(".colors").getSize().x-$("main").getElement(".colors .color").getPosition($("main").getElement(".colors")).x;var j=$("main").getElement(".backgrounds").getSize().x+$("main").getElement(".sizes").getSize().x-$("main").getElement(".sizes .x32").getPosition($("main").getElement(".sizes")).x;var a=$("help").getElement(".hcolor");var k=$("help").getElement(".hsize");var i=$("help").getElement(".hicon");var b=$("help").getElement(".hok");var f=window.getScrollSize().y;var g=$("main").getElement(".icons .set").getCoordinates();d.setStyle("height",f);e.setStyle("height",f);window.addEvent("resize",function(){if(f>550){d.setStyle("height",f);e.setStyle("height",f)}});a.setStyle("right",c);k.setStyle("right",j);b.setStyle("top",g.top+g.height);a.ICanvasElement({width:285,height:92,corners:[5,5,5,5],bodyStartColor:[255,255,255,1],bodyStopColor:[162,162,162,1],border:1,borderStartColor:[255,255,255,1],borderStopColor:[199,199,199,1],shadow:9,pointer:"bottom",pointerSize:[12,7]});k.ICanvasElement({width:340,height:92,corners:[5,5,5,5],bodyStartColor:[255,255,255,1],bodyStopColor:[162,162,162,1],border:1,borderStartColor:[255,255,255,1],borderStopColor:[199,199,199,1],shadow:9,pointer:"top",pointerSize:[12,7]});i.ICanvasElement({width:285,height:92,corners:[5,5,5,5],bodyStartColor:[255,255,255,1],bodyStopColor:[162,162,162,1],border:1,borderStartColor:[255,255,255,1],borderStopColor:[199,199,199,1],shadow:9,pointer:"bottom",pointerSize:[12,7]});b.ICanvasElement({width:365,height:85,corners:[5,5,5,5],bodyStartColor:[255,255,255,1],bodyStopColor:[162,162,162,1],border:1,borderStartColor:[255,255,255,1],borderStopColor:[199,199,199,1],shadow:9});h.addEvent("click",function(l){l.stop();if(!helpShown){showHelp(d,e)}});b.addEvent("click",function(l){l.stop();if(helpShown){showHelp(d,e)}});e.addEvent("click",function(l){l.stop();if(helpShown){showHelp(d,e)}});a.addEvent("click",function(l){l.stop()});k.addEvent("click",function(l){l.stop()});i.addEvent("click",function(l){l.stop()})}function showHelp(d,c){var b=new Fx.Tween(d,{duration:100,property:"opacity",link:"chain"});var a=new Fx.Elements(c.getElements(".center div"),{duration:300,link:"chain"});if(!helpShown){b.set(0);a.set({"0":{opacity:0},"1":{opacity:0},"2":{opacity:0},"3":{opacity:0}});d.removeClass("dn");c.removeClass("dn");b.start(0,0.5).chain(function(){a.start({"0":{opacity:[0,1]},"1":{opacity:[0,1]},"2":{opacity:[0,1]},"3":{opacity:[0,1]}}).chain(function(){helpShown=true;$("main").addClass("nh")})})}else{a.start({"0":{opacity:[1,0]},"1":{opacity:[1,0]},"2":{opacity:[1,0]},"3":{opacity:[1,0]}}).chain(function(){b.start(0.5,0).chain(function(){d.addClass("dn");c.addClass("dn");$("main").removeClass("nh");helpShown=false})})}};