');overlayHtml.append('
');overlayHtml.append('
');overlayHtml.append(html);overlayHtml.append("
");this.overlayDiv=Elements.create(overlayHtml.toString());document.body.appendChild(this.overlayDiv);this.overlayDiv.style.marginTop="-"+(this.overlayDiv.clientHeight/2)+"px";};Overlay.prototype.createOverlaid=function(){this.overlaidDiv=Elements.create('
');document.body.appendChild(this.overlaidDiv);this.overlaidDiv.style.height=document.body.scrollHeight;};Overlay.prototype.addClose=function(){if(this.displayClose){var head=Elements.getElementById("overlay-head");var closeLink=Elements.create('
Close');head.appendChild(closeLink);var self=this;closeLink.addEventListener("click",function(event){if(jQuery){jQuery("#advert-top").css({visibility:"visible"});jQuery("#advert-mpu").css({visibility:"visible"});jQuery("#advert-skyscraper").css({visibility:"visible"});}self.close();self.closeHandler();event.preventDefault();},false);}};Overlay.prototype.close=function(){Elements.remove(Elements.getElementById("overlay"));Elements.remove(Elements.getElementById("overlaid"));if(jQuery){jQuery("#advert-mpu").show();}};Overlay.prototype.setDisplayHandler=function(handler){this.displayHandler=handler;};Overlay.prototype.setCloseHandler=function(handler){this.closeHandler=handler;};function OverlayMixins(){}OverlayMixins.setDisplayHandler=function(handler){this.overlay.setDisplayHandler(handler);};OverlayMixins.setCloseHandler=function(handler){this.overlay.setCloseHandler(handler);};OverlayMixins.attachToEvent=function(type){var self=this;this.element.addEventListener(type,function(event){self.show();event.preventDefault();},false);};OverlayMixins.close=function(){this.overlay.close();};function UrlOverlay(url,size,displayClose){this.url=url;this.overlay=new Overlay(size,displayClose);}UrlOverlay.prototype.show=function(){var request=new RequestMessage("get",this.url);var self=this;request.asyncSend(this.getParameters(),function(responseContent){self.overlay.show(responseContent.getText());});};UrlOverlay.prototype.setDisplayHandler=OverlayMixins.setDisplayHandler;UrlOverlay.prototype.setCloseHandler=OverlayMixins.setCloseHandler;UrlOverlay.prototype.getParameters=Parameters.forBody;UrlOverlay.prototype.close=OverlayMixins.close;function LinkOverlay(element,size,displayClose){this.element=element;this.overlay=new UrlOverlay(this.element.href,size,displayClose);this.attachToEvent("click");}LinkOverlay.prototype.show=function(){this.overlay.show();};LinkOverlay.prototype.attachToEvent=OverlayMixins.attachToEvent;LinkOverlay.prototype.getParameters=Parameters.forBody;LinkOverlay.prototype.setDisplayHandler=OverlayMixins.setDisplayHandler;LinkOverlay.prototype.setCloseHandler=OverlayMixins.setCloseHandler;LinkOverlay.prototype.close=OverlayMixins.close;function FormOverlay(element,size,displayClose){this.element=element;this.overlay=new Overlay(size,displayClose);this.attachToAllSubmitButtons();}FormOverlay.prototype.show=function(submit){var params=this.getParameters();params.add(submit.name,submit.value);var form=new Html.Form(this.element,params);var self=this;form.submit(function(responseMessage){self.overlay.show(responseMessage.getText());});};FormOverlay.prototype.attachToAllSubmitButtons=function(){var submits=Array.filter(this.element.elements,function(input){return input.type=="submit";});submits=Elements.fixAll(submits);var self=this;submits.each(function(submit){submit.addEventListener("click",function(event){self.show(submit);event.preventDefault();},false);});};FormOverlay.prototype.getParameters=Parameters.forBody;FormOverlay.prototype.setDisplayHandler=OverlayMixins.setDisplayHandler;FormOverlay.prototype.setCloseHandler=OverlayMixins.setCloseHandler;FormOverlay.prototype.close=OverlayMixins.close;function Include(element,withHead){this.element=element;if(withHead){this.includeHead();}this.include();}Include.prototype.include=function(){var parts=this.element.href.split("#");var url=parts[0];var id=parts[1];var request=new RequestMessage("get",url);var parameters=new Parameters();if(id){parameters.add("decorator","extractor").add("decorator.property-name","div."+id);}else{parameters.add("decorator","body");}parameters.add("success",asRelative(window.location));parameters.add("failure",asRelative(window.location));var self=this;request.asyncSend(parameters,function(responseMessage){if(responseMessage.isSuccess()){var elementText=responseMessage.getText();self.showResponse(elementText);}});};Include.prototype.includeHead=function(){var parts=this.element.href.split("#");var url=parts[0];var request=new RequestMessage("get",url);var parameters=new Parameters();parameters.add("decorator","head");parameters.add("success",asRelative(window.location));parameters.add("failure",asRelative(window.location));request.asyncSend(parameters,function(responseMessage){var elementText=responseMessage.getText();Elements.addToHead(Elements.createFragment(elementText));});};function asRelative(location){var href=location.href;var toRemove=location.protocol+"://"+location.host;return href.substr(toRemove.length-1);}Include.prototype.showResponse=function(html){Elements.replace(this.element,html);Behaviour.reapply();};function Focuser(element){this.element=element;this.errors=[];this.warnings=[];this.infos=[];this.focusElements=[];this.focusFirstElement();}Focuser.prototype.focusFirstElement=function(){var self=this;Elements.forEachTagName(this.element,["*"],function(element){var classes=new ClassName(element);if(element.tabIndex==-1){return ;}if(classes.contains("focusElement")){self.focusElements.add(element);}if(classes.contains("error")){self.errors.add(element);}if(classes.contains("warning")){self.warnings.add(element);}if(classes.contains("info")){self.infos.add(element);}});this.focusFirst(this.focusElements.concat(this.errors.concat(this.warnings).concat(this.infos)));};Focuser.prototype.focusFirst=function(items){for(var i=0;i
");Elements.insertAfter(this.element,button);var self=this;button.onclick=function(){self.validate();};};function ElementDisabler(element,id){this.element=element;this.id=id;if(this.element.checked!=undefined&&!this.element.checked){this.toggleElementsInContainer();}this.attachToEvents();}ElementDisabler.prototype.attachToEvents=function(){var self=this;this.element.addEventListener("click",function(){self.toggleElementsInContainer();},false);};ElementDisabler.prototype.toggleElementsInContainer=function(){var target=Elements.getElementById(this.id);var self=this;Elements.forEachTagName(target,["*"],function(element){self.toggle(element);});};ElementDisabler.prototype.toggle=function(element){if(element.nodeType==Node.ELEMENT_NODE){this.toggleClassName(element);this.toggleDisabled(element);}};ElementDisabler.prototype.toggleDisabled=function(element){if(typeof (element.disabled)=="boolean"){element.disabled=!element.disabled;}};ElementDisabler.prototype.toggleClassName=function(element){var classes=new ClassName(element);if(classes.contains("disabled")){classes.removeClass("disabled");}else{classes.addClass("disabled");}};function LimitTextSize(element,maxCharacters){this.element=element;this.maxCharacters=maxCharacters;this.attachToEvent();}LimitTextSize.prototype.attachToEvent=function(){var self=this;if(this.element.onkeyup){this.nextOnKeyUp=this.element.onkeyup;}this.element.onkeyup=function(){self.checkLimitAndForward();};};LimitTextSize.prototype.checkLimitAndForward=function(){if(this.element.value.length>this.maxCharacters){this.element.value=this.element.value.substring(0,this.maxCharacters);return false;}if(this.nextOnKeyUp){this.nextOnKeyUp();}};function CharacterCounter(element,maxCharacters){this.element=element;this.maxCharacters=maxCharacters;this.targetId="characters-remaining-count"+this.element.getAttribute("id");this.addCharacterCounterDisplay();this.attachToEvent();}CharacterCounter.prototype.addCharacterCounterDisplay=function(){var label=Elements.create('
('+this.getRemainingCharacters()+" characters left.)
");Elements.insertBefore(Elements.getElementById("comment-component"),label);};CharacterCounter.prototype.getRemainingCharacters=function(){if(this.element.value.length>this.maxCharacters){this.element.value=this.element.value.substring(0,this.maxCharacters);}return this.maxCharacters-this.element.value.length;};CharacterCounter.prototype.attachToEvent=function(){var self=this;this.element.onkeyup=function(){self.updateDisplay();};};CharacterCounter.prototype.updateDisplay=function(){var target=Elements.getElementById(this.targetId);target.innerHTML=this.getRemainingCharacters();};function TextAreaResizer(element){this.element=element;this.minRows=element.rows;this.maxRows=60;this.updateDisplay();this.attachToEvent();}TextAreaResizer.prototype.attachToEvent=function(){var self=this;this.element.onkeyup=function(){self.updateDisplay();};};TextAreaResizer.prototype.updateDisplay=function(){var lines=this.element.value.split("\n");var rows=0;for(var x=0;x
=this.element.cols){rows+=Math.floor(lines[x].length/this.element.cols);}}rows+=lines.length;this.element.rows=Math.min(this.maxRows,Math.max(rows,this.minRows));};function DeleteConfirmationOverlay(element){this.element=element;this.size="small";this.overlay=new LinkOverlay(this.element,this.size,false);}function SendToFriend(element){this.element=element;this.size="large";this.overlay=new LinkOverlay(this.element,this.size);this.setDisplayHandler();}SendToFriend.prototype.setDisplayHandler=function(){var self=this;this.overlay.setDisplayHandler(function(){self.attachToFormOrLink();});};SendToFriend.prototype.attachToFormOrLink=function(){this.attachToForm();this.attachToLink();this.setDisplayHandler();};SendToFriend.prototype.attachToForm=function(){var form=Elements.getElementById("sendToFriendForm");if(form!=null){this.overlay=new FormOverlay(form,this.size);}};SendToFriend.prototype.attachToLink=function(){var shareAgainLink=Elements.getElementById("share-again");if(shareAgainLink!=null){this.overlay=new LinkOverlay(shareAgainLink,this.size);}};function LoginLinkOverLay(element){this.element=element;this.formId="login-overlay";this.size="large";this.targetName="login-overlay-target";this.loginLinkOverlay=new LinkOverlay(element,this.size,true);this.loginLinkOverlay.overlay.getParameters=function(){return Parameters.forBody().add("decorator.overlay","true");};this.attachToOverLay();}LoginLinkOverLay.prototype.getParameters=Parameters.forBody;LoginLinkOverLay.prototype.setDisplayHandler=OverlayMixins.setDisplayHandler;LoginLinkOverLay.prototype.attachToOverLay=function(){var self=this;this.loginLinkOverlay.setDisplayHandler(function(){self.attachToLinkLoginForm();});};LoginLinkOverLay.prototype.attachToLinkLoginForm=function(){this.createTargetIFrame();this.setupForm();};LoginLinkOverLay.prototype.createTargetIFrame=function(){var self=this;var iframe=Elements.create('');Elements.addToHead(iframe);iframe.addEventListener("load",function(){self.handleResult(iframe);},false);};LoginLinkOverLay.prototype.handleResult=function(iframe){var url=iframe.contentWindow.location.href;if(url!=""&&!(url.startsWith("about:"))){if(url.contains("/login.c4")){this.overlay=new Overlay(this.size);this.overlay.show(iframe.contentDocument.body.innerHTML);this.setupForm();}else{window.location.href=url;}}};LoginLinkOverLay.prototype.setupForm=function(){var form=Elements.getElementById(this.formId);form.appendChild(Elements.create(''));form.appendChild(Elements.create(''));form.setAttribute("target",this.targetName);};function LoginOverlay(element){this.size="large";this.formId="login-overlay";this.targetName="login-overlay-target";if(!(new CookieUser().username)){this.attachToInitalForm(element);}}LoginOverlay.prototype.attachToInitalForm=function(form){this.overlay=new FormOverlay(form,this.size);this.overlay.getParameters=function(){return Parameters.forBody().add("decorator.overlay","true");};var self=this;this.overlay.setDisplayHandler(function(){self.attachToLoginForm();});};LoginOverlay.prototype.attachToLoginForm=function(){this.createTargetIFrame();this.setupForm();};LoginOverlay.prototype.createTargetIFrame=function(){var self=this;var iframe=Elements.create('');Elements.addToHead(iframe);iframe.addEventListener("load",function(){self.handleResult(iframe);},false);};LoginOverlay.prototype.handleResult=function(iframe){var url=iframe.contentWindow.location.href;if(url!=""&&!(url.startsWith("about:"))){if(url.contains("/login.e4")){this.overlay=new Overlay(this.size);this.overlay.show(iframe.contentDocument.body.innerHTML);this.setupForm();}else{window.location.href=url;}}};LoginOverlay.prototype.setupForm=function(){var form=Elements.getElementById(this.formId);form.appendChild(Elements.create(''));form.appendChild(Elements.create(''));form.setAttribute("target",this.targetName);};function CookieUser(element){this.container=element;this.username=new Cookies().get("DisplayName");this.user_guid=new Cookies().get("UserGuid");}CookieUser.prototype.checkForLogin=function(){if(this.username){this.loggedIn();return ;}this.notLoggedIn();};CookieUser.prototype.extendSession=function(){var expiryTime=new Date();expiryTime.setMinutes(expiryTime.getMinutes()+parseInt(20));var cookieCutter=new Cookies();cookieCutter.set("DisplayName",this.username,null,null);cookieCutter.set("BBUserguid",this.user_guid,null,null);};CookieUser.prototype.notLoggedIn=function(){var outer=document.createElement("div");outer.setAttribute("id","columnA-section10");var divLogin=document.createElement("div");divLogin.className="login";var link1=document.createElement("a");link1.setAttribute("id","logInLink");link1.className="link";link1.setAttribute("href","/four-kit/login.c4?continueUsing=&success=/four-kit/");link1.appendChild(document.createTextNode("Log in"));divLogin.appendChild(link1);outer.appendChild(divLogin);var divRegister=document.createElement("div");divRegister.className="register";var link2=document.createElement("a");link2.className="link";link2.setAttribute("id","registerLink");link2.setAttribute("href","/four-kit/registration/new.c4");link2.appendChild(document.createTextNode("Register"));divRegister.appendChild(link2);outer.appendChild(divRegister);while(this.container.firstChild){this.container.removeChild(this.container.firstChild);}this.container.appendChild(outer);Behaviour.reapply();};CookieUser.prototype.loggedIn=function(){var html='';html+='';html+='
';html+='";html+="
";html+="