Minister of Overseas Affairs of Canada visits the ASEAN Secretariat

.flickr-img-responsive { width:100% !necessary; top:auto !necessary; show:block !necessary; } .LoadingImg img { max-width: 45px; max-height: 45px; box-shadow: none; } .wpfrank-flickr-div{ padding:15px; } @media (max-width: 786px){ .col-md-3 { width:49.9%; float:left; } } .play-pause { show: none !necessary; } .gallery106267 { overflow:hidden; clear: each; } .fnf{ background-color: #a92929; border-radius: 5px; coloration: #fff; font-family: preliminary; text-align: middle; padding:12px; } jQuery(perform() { jQuery(‘.gallery106267’).flickr({ apiKey: ‘037c012784565c3b5691cc5a0aa912b7’, photosetId: ‘72177720298021367’ }); }); ;(perform ($, window, doc, undefined) { ‘use strict’; var pluginName = “flickr”, defaults = { apiKey: “”, photosetId: “”, errorText: ““, loadingSpeed: 38, photosLimit: 200 }, apiUrl=”https://api.flickr.com/companies/relaxation/”, photographs = []; // The precise plugin constructor perform Plugin(component, choices) { this.component = $(component); this.settings = $.lengthen({}, defaults, choices); this._defaults = defaults; this._name = pluginName; this._hideSpinner = perform() { this.component.discover(‘.spinner-wrapper’).disguise().discover(‘*’).disguise(); }; this._printError = perform() { //this.component.discover(‘.gallery-container’).append($(““, { “class”: “col-lg-12 col-lg-offset-1” }) this.component.discover(‘.gallery-container’).append($(““, { “class”: “col-lg-12” }) .append($(““, { “class”: “error-wrapper” }) .append($(““, { “class”: “label label-danger error” }) .html(this.settings.errorText)))); }; this._flickrAnimate = perform() { this.component.discover(‘.gallery-container img’).every($.proxy(perform(index, el) { var picture = el; setTimeout(perform() { $(picture).guardian().fadeIn(); }, this.settings.loadingSpeed * index); }, this)); }; this._printGallery = perform(photographs) { var component = this.component.discover(‘.gallery-container’); $.every(photographs, perform(key, picture) { var img = $(‘‘, { ‘class’: ‘thumb img-thumbnail flickr-img-responsive’, src: picture.thumbnail, ‘alt’: picture.title }); component.append($(‘‘, { ‘class’: ‘ col-md-3 col-sm-4 col-center wpfrank-flickr-div’ }) .append($(‘‘, { ‘class’: ”, href: picture.href, ‘data-gallery’: ”, ‘title’: picture.title }).disguise() .append(img))); }); component.imagesLoaded() .performed($.proxy(this._flickrAnimate, this)) .all the time($.proxy(this._hideSpinner, this)); }; this._flickrPhotoset = perform(photoset) { var _this = this; photographs[photoset.id] = []; $.every(photoset.picture, perform(key, picture) { // Restrict variety of photographs. if(key >= _this.settings.photosLimit) { return false; } photographs[photoset.id][key] = { thumbnail: ‘https://farm’ + picture.farm + ‘.static.flickr.com/’ + picture.server + ‘/’ + picture.id + ‘_’ + picture.secret + ‘_q.jpg’, href: ‘https://farm’ + picture.farm + ‘.static.flickr.com/’ + picture.server + ‘/’ + picture.id + ‘_’ + picture.secret + ‘_b.jpg’, title: picture.title }; }); this._printGallery(photographs[photoset.id]); }; this._onFlickrResponse = perform(response) { if(response.stat === “okay”) { this._flickrPhotoset(response.photoset); } else { this._hideSpinner(); this._printError(); } }; this._flickrRequest = perform(technique, information) { var url = apiUrl + “?format=json&jsoncallback=?&technique=” + technique + “&api_key=” + this.settings.apiKey; $.every(information, perform(key, worth) { url += “&” + key + “=” + worth; }); $.ajax({ dataType: “json”, url: url, context: this, success: this._onFlickrResponse }); }; this._flickrInit = perform () { this._flickrRequest(‘flickr.photosets.getPhotos’, { photoset_id: this.settings.photosetId }); }; // Init this.init(); } Plugin.prototype = { init: perform () { this._flickrInit(); } }; // Wrapper $.fn[pluginName] = perform (choices) { this.every(perform () { if (!$.information(this, “plugin_” + pluginName)) { $.information(this, “plugin_” + pluginName, new Plugin(this, choices)); } }); // Chain return this; }; })(jQuery, window, doc);