var overlay;var lightbox;var lbContent;var closebutton;$(function(){overlay=$("<div />").addClass("overlay").appendTo("body").height($(document).height()).hide();lightbox=$("<div />").addClass("lightbox").appendTo("body").hide();lbContent=$("<div />").addClass("lightboxcontent").appendTo(lightbox);closebutton=$("<a />").attr("href","javascript:void(null);").addClass("orange close").appendTo(lightbox).text("Sluiten");loading=$("<div />").addClass("loading").appendTo(lightbox);$(window).resize(function(){PositionLightbox()});$(overlay).click(function(){hideLightbox()});$(window).keydown(function(evt){if(evt.keyCode==27){$(overlay).click()}});$(closebutton).click(function(){$(overlay).click()});$("a[rel=lightbox]").live("click",function(){showLightbox();toggleLoader(true);var url=$(this).attr("href");$.ajax({type:"GET",url:url,success:function(msg){$(lbContent).html(msg);toggleLoader(false);ResizeLightbox()}});return false});$("div.loginlightbox form").live("submit",function(){var submitUrl=$(this).attr("action");var method=$(this).attr("method");var data=$(this).serialize();var form=$.ajax({type:method,url:submitUrl,data:data,success:function(msg){if(msg=="true"){document.location.href=document.location.href}else{$("div.loginlightbox").replaceWith(msg)}}});return false})});showLightbox=function(){overlay=$("div.overlay").height($(document).height()).hide();$(lightbox).show();$(overlay).show();PositionLightbox()};hideLightbox=function(){$(lightbox).hide();$(overlay).hide();$(lightbox).find("div.lightboxcontent").text("")};toggleLoader=function(show){$(loading).hide();$(lightbox).css({height:"auto"});if(show){$(loading).show();$(lightbox).height(100)}PositionLightbox()};PositionLightbox=function(){var wHeight=$(window).height();var wWidth=$(window).width();var topPos=(wHeight/2)-($(lightbox).height()/2)+$(window).scrollTop();var leftPos=(wWidth/2)-($(lightbox).width()/2);if($(window).scrollTop()>topPos){topPos=topPos+$(window).scrollTop()}if(($(window).scrollTop()+$(window).height())<(topPos+$(lightbox).height())){topPos=$(window).height()-$(lightbox).height()+$(window).scrollTop()}if(topPos<0){topPos=0}$(lightbox).css({left:leftPos+"px",top:topPos+"px"})};ResizeLightbox=function(){$("div.lightbox").css({width:"auto"});$("div.lightboxcontent div.image").css({width:"auto"});setTimeout(PositionLightbox,150)};