").append(c.replace(bL,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bM.test(this.nodeName)||bG.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bD,"\r\n")}}):{name:b.name,value:c.replace(bD,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?f.extend(!0,a,f.ajaxSettings,b):(b=a,a=f.extend(!0,f.ajaxSettings,b));for(var c in{context:1,url:1})c in b?a[c]=b[c]:c in f.ajaxSettings&&(a[c]=f.ajaxSettings[c]);return a},ajaxSettings:{url:bT,isLocal:bH.test(bU[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":"*/*"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML}},ajaxPrefilter:bW(bR),ajaxTransport:bW(bS),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a?4:0;var o,r,u,w=l?bZ(d,v,l):b,x,y;if(a>=200&&a<300||a===304){if(d.ifModified){if(x=v.getResponseHeader("Last-Modified"))f.lastModified[k]=x;if(y=v.getResponseHeader("Etag"))f.etag[k]=y}if(a===304)c="notmodified",o=!0;else try{r=b$(d,w),c="success",o=!0}catch(z){c="parsererror",u=z}}else{u=c;if(!c||a)c="error",a<0&&(a=0)}v.status=a,v.statusText=c,o?h.resolveWith(e,[r,c,v]):h.rejectWith(e,[v,c,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,c]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bF.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bE,"").replace(bJ,bU[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bN),d.crossDomain==null&&(r=bP.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bU[1]&&r[2]==bU[2]&&(r[3]||(r[1]==="http:"?80:443))==(bU[3]||(bU[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bX(bR,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bI.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bK.test(d.url)?"&":"?")+d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bO,"$1_="+x);d.url=y+(y===d.url?(bK.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", */*; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bX(bS,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){status<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bB,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn,co=a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cr("show",3),a,b,c);for(var g=0,h=this.length;g=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b

Flash version "+b.version+ " or greater is required

"+(g[0]>0?"Your version is "+g:"You have no flash plugin installed")+"

Click here to download latest version

Download latest version from here

';a.width=a.height=a.id=a.w3c=a.src=null;a.onFail=a.version=a.expressInstall=null;for(var d in a)if(a[d])c+= '';a="";if(b){for(var h in b)if(b[h]){d=b[h];a+=h+"="+(/function|object/.test(typeof d)?e.asString(d):d)+"&"}a=a.slice(0,-1);c+='"}c+="

{content}

Play

etc.) * @type Boolean */ literal: true, /** * (Optional) For use when standard popup markup is used (literal == false). Defines a custom title for the popupbox. * @type String */ title: "", /** * (Optional) Max width of the popup element * @type Integer */ width: null, /** * (Optional) Max height of the popup element * @type Integer */ height: null, /** * (Optional) Text for the close link of the popupbox, empty for no close link * @type String */ closeText: 'Close', /** * (Optional) Whether to close the popupbox when the user clicks anywhere outside the popupbox * @type Boolean */ closeOnBlur: true, /** * (Optional) Define custom styles for the overlay * @type String */ overlayCss: { 'background-color': '#4d4d4d', 'opacity': '0.7' }, /** * (Optional) The callback function to call after the popupbox has finished loading * @type Function */ callback: function() { }, /** * (Optional) The callback function to call after the popupbox was closed * @type Function */ onCloseCallback: function() { }, /** * (Optional) Sets whether the original container should be cloned or not. Default behavior is cloning is true. This is handy for caching purposes. * Sometimes however, when the contents of the popupbox are already in a container inside the document AND the container has some child nodes with * an id attribute, this should be set to false. Otherwise having the same id occur multiple times in the same document will cause problems. * @type Boolean */ clone: true, /** * Bind the configuration parameters to the new popupbox object * @param {Object} params The configuration parameters to use * @param {Function} callback The callback function for use after the popupbox has finished loading * @private */ bind: function(params, callback) { if (params) { for (var param in params) { config[param] = params[param]; } } if (typeof (config.onCloseCallback) !== "function") { config.onCloseCallback = function() { }; } if (typeof (callback) == "function") { config.callback = callback; } //config binding done config.init = true; }, /** * Determines if the binding of config is done * @type Boolean * @private */ init: false }; //bind the configuration config.bind(configParams, callback); /** * @namespace Private methods and variables */ var priv = { /** * Whether the popupbox is currently visible * @type Boolean * @private */ visible: false, /** * Whether the popupbox is already initialized * @type Boolean * @private */ initialized: false, /** * Whether the popupbox is currently loading * @type Boolean * @private */ loading: false, /** * Unique identifier that is generated for the popupbox * @type Integer * @private */ identifier: null, /** * The popupbox html element * @type HTMLElement * @private */ popupbox: null, /** * The popupbox header html element * @type HTMLElement * @private */ header: null, /** * Whether the current browser is MS Internet Explorer 6 * Type Boolean * @private */ msie6: (jQuery.browser.msie && typeof (XMLHttpRequest) == "undefined" && (/MSIE 6\.0/i.test(window.navigator.userAgent)) && !(/MSIE 7\.0/i.test(window.navigator.userAgent)) && !(/MSIE 8\.0/i.test(window.navigator.userAgent))), /** * The HTML element that is used as a transparent site overlay * @type HTMLElement * @private */ siteOverlay: document.createElement("DIV"), /** * Bind an event handler to the click event of the supplied HTML element, so that the popupbox is closed when this element is clicked. * @param {HTMLElement} el The element to bind a close event handler on click to * @private */ bindCloseEventhandler: function(el) { $(el).bind("click", function(evt) { priv.close(); //prevent event bubbling return false; }); }, /** * Constructor method, initializes the popupbox. * @private */ init: function() { //create the unique identifer var d = new Date(); priv.identifier = Math.round((Math.random() * d.getTime())).toString(); //initialize the popupbox element priv.popupbox = document.createElement("DIV"); $("body").append($(priv.popupbox).attr("id", "popupbox-" + priv.identifier).addClass("popupbox").hide()); //apply default styles to the popupbox $(priv.popupbox).css({ "z-index": 9999, "position": "absolute", "left": 0, "top": 0 }); //apply the close button to the popupbox if (config.closeText && config.closeText.length > 0) { priv.header = document.createElement("DIV"); var closeLink = document.createElement("A"); $(priv.popupbox).append( $(priv.header).addClass("popup-header") ); $(priv.header).append( $(closeLink) .addClass("popup-remove") .attr("href", "javascript:void(0);") .css({ "position": "absolute", "top": 5, "right": 10, "z-index": 99999 }) .html(config.closeText) ); //bind the close event to the closeLink priv.bindCloseEventhandler($(closeLink)); } //if we do have a valid container for content, append it to the popupbox if (config.container) { // leave the original element intact. if (config.clone) { config.container = $(config.container).clone().get(0); $(config.container).addClass($(config.container).attr('id')); $(config.container).removeAttr('id'); } $(priv.popupbox).append($(config.container).show()); // Only set initialized value to true if we don't have to load content from a url if (!config.contentUrl) priv.initialized = true; // bind close action to close link/button priv.bindCloseEventhandler($(priv.popupbox).find('a.pCancel')); } //initialize the siteOverlay div: add class and append the siteOverlay to the body if ($(".site-overlay").length < 1) { $("body").append($(priv.siteOverlay).addClass("site-overlay").hide()); //apply default styles to the overlay $(priv.siteOverlay).css({ "top": 0, "left": 0, "z-index": 999, "position": "absolute" }); //apply the config styles to the overlay $(priv.siteOverlay).css(config.overlayCss); } else { priv.siteOverlay = $(".site-overlay").get(0); } //determine the click event, for closing the popupbox on blur if (config.closeOnBlur) { $(priv.siteOverlay).bind("click", function(evt) { priv.close(); } ); } //bind the resize to the window event $(window).bind("resize", function(evt) { priv.resize(); } ).bind("scroll", function(evt) { priv.scroll(); } ).bind("keydown", function(evt) { if (evt.keyCode == 27) { // ESC key pressed; doesn't work in IE for some reason priv.close(); } } ); }, /** * Loads the content (if required) and calls the show method * @private */ loadAndShow: function() { // Hide select boxes in IE and other older browsers, otherwise they shine through the overlay if (!jQuery.support.opacity) { $('select').not(".popupbox select").css('visibility', 'hidden'); } $(priv.siteOverlay).show(); if (!$(config.loadingMsgId).get(0)) { $('body').append(config.loadingMsg); } priv.showLoading(); //if the content is already initialized simply show the popupbox if (priv.initialized) { priv.show(); } //otherwise load the content from the config.contentUrl else if (config.contentUrl && !priv.loading) { //set the priv.loading boolean to true, to avoid double loads priv.loading = true; var container = config.container ? $(config.container) : $(priv.popupbox); container.hide(); // Wrap popup contents in standard markup for the site var popupBody = container; if (!config.literal) { container.empty(); var closeText = 'Close'; container.append(""); container.attr('class', 'popup'); popupBody = container.find('.content'); } popupBody.load(config.contentUrl, function() { // bind close action to possible close links/buttons priv.bindCloseEventhandler($(priv.popupbox).find('a.remove2')); //set the initialized to true, and the loading back to false priv.initialized = true; priv.loading = false; config.callback(); //show the popupbox priv.show(); } ); } else { //nothing to load, check the config! } }, /** * Show a loading message in the popupbox * @private */ showLoading: function() { $(config.loadingMsgId).show(); $(priv.popupbox).show(); priv.positionAndSize(true /*contentChanged*/, $(config.loadingMsgId).get(0)); }, /** * Show the popupbox * @private */ show: function() { priv.visible = true; $(config.loadingMsgId).hide(); var container = config.container ? $(config.container) : $(priv.popupbox); container.show(); priv.positionAndSize(true /*contentChanged*/); $('.dontShowDuringPopup').hide(); }, /** * Close the popupbox * @private */ close: function() { priv.visible = false; // Show select boxes in IE again if (!jQuery.support.opacity) { $('select').not(".popupbox select").css('visibility', 'visible'); } $(priv.popupbox).hide(); $(priv.siteOverlay).hide(); $(config.loadingMsgId).hide(); $('.dontShowDuringPopup').show(); config.onCloseCallback(); }, /** * returns the HTML for the popupbox * @private */ getPopupDOM: function() { }, /** * Logic for when the user has resized his window while looking at the popup * @private */ resize: function() { priv.positionAndSize(); }, /** * Logic for when the user has scrolled his window while looking at the popup * @private */ scroll: function() { priv.positionAndSize(); }, /** * position the popupbox element in the page * @param {Boolean} contentChanged Whether the content has changed (and vertical position needs to be * recalculated). Defaults to false. * @param {HTMLElement} element (Optional) The element to position and size. If not supplied, the popupbox will be used. * @private */ positionAndSize: function(contentChanged, element) { if (typeof (element) == "undefined") { element = priv.popupbox; } //if the popupbox is hidden, there is no need to position or resize if (element == priv.popupbox && !priv.visible) { return; } //cannot write debug here since it will initiate a resize of the document when debugging to the document //thus generate a call back to itself, and thus creating an infinite loop //get the current document and screen sizes var docWidth = $(document).width(); //do not forget to add the body paddings to the sum var docHeight = Math.min($(document).height(), $("body").height() + parseInt($("body").css("padding-bottom")) + parseInt($("body").css("padding-top"))); var screenWidth = $(window).width(); var screenHeight = $(window).height(); //determine the height and width for the overlay (should overlap entire document) //get the screenHeight if the screen is higher than the body, otherwise get the body height or the popupbox height, //which can be larger than the document height var popupboxHeight = element.clientHeight + 20; // add 20px for margins var overlayHeight = Math.max(docHeight, screenHeight) + popupboxHeight; //popupbox can potentially extend far below the current document borders $(priv.siteOverlay).width(screenWidth).height(overlayHeight); // remove width of the popupbox first to correctly determine the width of container $(element).css('width', 'auto'); //determine the width of the popupbox, try to grab from child element first if (config.container && $(config.container).width()) { $(element).width($(config.container).width()); } //overrule if config.width is set if (config.width) { $(element).width(config.width); } // remove height of the popupbox first to correctly determine the height of container $(element).css('height', 'auto'); //determine the height of the popupbox, try to grab from child element first if (config.container && $(config.container).height()) { $(element).height($(config.container).height() + $(priv.header).height()); } //overrule if config.height is set if (config.height) { $(element).height(config.height).css("overflow-y", "auto"); } // position the element $(element).css({ 'left': ((screenWidth / 2) - ($(element).width() / 2)) + 'px' }); if (contentChanged) { $(element).css({ 'top': priv.calculateTop(element) + 'px' }); } }, //determine the position of the popupbox on the page calculateTop: function(element) { var screenHeight = $(window).height(); var elementHeight = $(element).height(); var windowTop = $(document).scrollTop(); var top = windowTop; if (elementHeight < screenHeight) { top = windowTop + (screenHeight - elementHeight) / 2; } //make sure we have atleast 10px margin on the top of the document if (top < 10) { top = 10; } return top; } }; priv.init(); var returnObj = { /** * Close/hide the popupbox * @methodOf popupbox */ Close: function() { priv.close(); }, /** * Get the html element of the popupbox * @methodOf popupbox */ GetHtml: function() { return priv.popupbox; }, /** * Show the popupbox * @methodOf popupbox */ Show: function() { priv.loadAndShow(); }, /** * Show the popupbox * @methodOf popupbox */ UpdateSize: function(contentChanged) { priv.positionAndSize(contentChanged); } }; return returnObj; }; /** * Object that is used for storing cached popupboxes * @memberOf popupbox * @private */ PopupBox.Cache = {}; /** * Only create a new popupbox if necessary. If a popupbox with the supplied id exists * in the cache, return this one. * @param {string} id The id with which to store the popupbox * @param {Object} options (optional) The options to create the popupbox with. If not supplied, * the container with the supplied id will be shown in the popupbox * @param {Function} callback (optional) Callback that will be called when the popupbox is loaded * @return {popupbox} The new or already cached popupbox * @memberOf popupbox */ PopupBox.CreateCached = function(id, options, callback) { var _cache = PopupBox.Cache; if (typeof (options) == 'undefined' || !options) { options = { container: document.getElementById(id) }; } if (typeof (_cache[id]) == "undefined" || !_cache[id]) { _cache[id] = new PopupBox(options, callback); } else { } return _cache[id]; }; /** * @class popup logic * depends on jQuery and popupbox */ var Popups = function($) { /** * @namespace Private methods and properties */ var priv = { openPopupBox: function(id, options) { var popupbox = PopupBox.CreateCached(id, options); popupbox.Show(); } }; /** * @scope Popups */ return { showSendToFriend: function(url) { var id = 'pSendToFriend'; var config = null; if ($('#' + id).html() == '') { config = { container: document.getElementById(id), width: '400px', contentUrl: url + " #send-to-friend-popup" }; } priv.openPopupBox(id, config); } }; } (jQuery); var Photos = function () { /** * @namespace Private methods and variables */ var priv = { prevButton: '#prevButton', nextButton: '#nextButton', scroller: '.photo-scroll', lastPhoto: '', prevId: 0, nextId: 0, /** * Bind events to the photos carousel * @private */ bindPhotoElements: function () { // Click on prev element $(priv.prevButton).click(function () { var images = $(priv.scroller).find('img'); if (images.length > 0) { var photoId = images[0].id.substring(5); $.get('/service/photos.ashx', { id: photoId, dir: 'prev' }, function (data) { priv.setPhotoData(data.items, 'prev'); }, 'json'); } }); // Click on next element $(priv.nextButton).click(function () { var images = $(priv.scroller).find('img'); if (images.length > 0) { var photoId = images[images.length - 1].id.substring(5); $.get('/service/photos.ashx', { id: photoId, dir: 'next' }, function (data) { priv.setPhotoData(data.items, 'next'); }, 'json'); } }); }, setPhotoData: function (data, direction) { if (data.length > 0) { var text = '

'; for (var i = 0; i < data.length; i++) { text += '

'; } text += '

'; if (direction == 'next') { $(priv.scroller).append(text); } else { $(priv.scroller).prepend(text); } var items = $(priv.scroller).find('.items'); if (items.length > 3) { if (direction == 'next') { for (i = 0; i < items.length - 3; i++) { $(items[i]).remove(); } } else { for (i = 3; i < items.length; i++) { $(items[i]).remove(); } } } items = $(priv.scroller).find('.items'); items.animate({ right: 200 }, 5000); } } }; /** @scope Items */ return { /** * Initialize the item. * Called on $(document).ready */ OnReady: function () { priv.bindPhotoElements(); } }; } (jQuery); var Items = function ($) { /** * @namespace Private methods and variables */ var priv = { /** * Selector string to select the item of the div * @type String * @private */ itemElements: "div[class^='hover']", /** * Selector string to select the item of the div * @type String * @private */ albumElements: "li[class^='first medium']", /** * Selector string to select the item to read of the div * @type String * @private */ readElements: "div[class^='rb-read']", /** * Selector string to select star elements * @type String * @private */ starElements: "input[class^='rb-star']", /** * Bind events on div elements: hover, click, etc. * @private */ bindItemElements: function () { if ($(priv.itemElements) === undefined) { return false; } // Hover on div element $(priv.itemElements).bind("click", function () { // Get the url document.location.href = $(this).attr("url"); // Should bubble to be overwritten by a possible element return true; }); return false; }, /** * Bind events on div elements: hover, click, etc. * @private */ bindAlbumElements: function () { if ($(priv.albumElements) === undefined) { return false; } // Hover on div element $(priv.albumElements).bind("click", function () { // Get the url window.open($(this).children('a').attr("href")); // Should bubble to be overwritten by a possible element return true; }); return false; }, bindReadElements: function () { if ($(priv.readElements) === undefined) { return false; } var type = $(priv.readElements).attr("type"); var id = $(priv.readElements).attr("id"); if (type !== undefined && id !== undefined) { $.ajax({ type: "POST", url: Globals.website + "/service/read.ashx", data: 'type=' + type + '&id=' + id, async: true }); } return false; }, bindStarElements: function () { $(priv.starElements).rating({ callback: function (value) { var voteData = $(priv.starElements).attr("id"); $.ajax({ type: "POST", url: Globals.website + "/service/vote.ashx", data: 'vote=' + value + '&data=' + voteData, async: true, success: function (data) { var votes = data.split('_')[0]; $("#vote-number").html(votes); } }); } }); }, bindDoubleClicks: function () { $("li[class^='image']").bind("dblclick", function () { document.location.href = $(this).attr("url"); return false; }); } }; /** @scope Items */ return { /** * Initialize the item. * Called on $(document).ready */ OnReady: function () { priv.bindItemElements(); priv.bindAlbumElements(); priv.bindReadElements(); priv.bindStarElements(); priv.bindDoubleClicks(); } }; } (jQuery); var Google = function ($) { /** * @namespace Private methods and variables */ var priv = { /** * Selector string to select the item of the div * @type String * @private */ mapElements: "#maps-long-lat", /** * Bind events on div elements: hover, click, etc. * @private */ bindMapElements: function () { var item = $(priv.mapElements); if (item.length == 0) { return false; } var lng = item.attr("lng"); var lat = item.attr("lat"); var myLatlng = new google.maps.LatLng(lat, lng); var myOptions = { zoom: 15, center: myLatlng, scaleControl: true, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.ZOOM_PAN }, mapTypeId: google.maps.MapTypeId.HYBRID }; var map = new google.maps.Map(document.getElementById('map-panel'), myOptions); return false; } }; /** @scope Items */ return { /** * Initialize the item. * Called on $(document).ready */ OnReady: function () { priv.bindMapElements(); } }; } (jQuery); var Banners = function ($) { var priv = { bindBanners: function () { var header = $('#header-banner'); var left = $('#left-banner'); var right = $('#right-banner'); var center = $('#center-banner'); if (header.length > 0 && $('#headergb') != null) { $('#header-banner').html($('#headergb').html()); $('#header-banner').show(); $('#headergb').html(''); } if (left.length > 0 && $('#leftgb') != null) { $('#left-banner').html($('#leftgb').html()); $('#left-banner').show(); $('#leftgb').html(''); } if (right.length > 0 && $('#rightgb') != null) { $('#right-banner').html($('#rightgb').html()); $('#right-banner').show(); $('#rightgb').html(''); } if (center.length > 0 && $('#centergb') != null) { $('#center-banner').html($('#centergb').html()); $('#center-banner').show(); $('#centergb').html(''); } } }; return { OnReady: function () { priv.bindBanners(); } }; } (jQuery); var Globals = function($) {return {website: 'http://www.reinoboonstra.com',searchSampleText: 'Zoeken'};} (jQuery); /** * static object that handles page logic * @class * @constructor * @param {jQuery} $ Reference to the jQuery object */ var Main = function ($) { /** * @namespace Private methods and variables */ var priv = { /** * Selector string to select the item of the div * @type String * @private */ searchElement: ".searchexample", bindSearchText: function () { $(priv.searchElement).example(Globals.searchSampleText); } }; /** @scope Main */ return { /** * Initializes the logic for the current page * to be called on $(document).ready */ OnReady: function () { priv.bindSearchText(); // logic for items (list of items, like on the home page) if (typeof (Items) != "undefined") { Items.OnReady(); } if (typeof (Google) != "undefined") { Google.OnReady(); } if (typeof (Banners) != "undefined") { Banners.OnReady(); } if (typeof (Photos) != "undefined") { Photos.OnReady(); } // logic for popups if (typeof (Popups) != "undefined") { /** * Initialize the popups. * Called on $(document).ready */ $("#photoOptions a.send-to-friend").bind('click', function () { Popups.showSendToFriend($(this).attr('href')); return false; }); } $(".scrollable").scrollable({ circular: true }); $("#carousel").scrollable({ items: "#tiles", circular: true }).autoscroll({ autoplay: true, autopause: true, steps: 1, interval: 5000 }).navigator("#carousel-thumbs").data("carousel"); } }; } (jQuery); // The supplied function is executed when dom is ready. In this case, // we execute the Main.OnReady function, which will execute all functions // necessary for the page to work correctly $(document).ready(function() { Main.OnReady(); }); function loadScript(fileName) { if (!loadScript.loaded) loadScript.loaded = {}; if (!(fileName in loadScript.loaded)) { loadScript.loaded[fileName] = true; var js = document.getElementsByTagName('script'), i = js.length; while (i--) if (js[i].src && js[i].src.indexOf(fileName) > -1) return; var script = document.createElement('script'); script.async = true; script.src = /^https?:\/\//.test(fileName) ? fileName : '/js/' + fileName; js[0].parentNode.insertBefore(script, js[0]); } }