// ==UserScript== // @name Flickr AllSizes+ // @description Access all sizes for a Flickr photo. Copy the code, download the image, etc. // @author Premasagar Rose (http://premasagar.com/contact/) // @namespace http://premasagar.com // @identifier http://dharmafly.com/projects/allsizesplus/allsizesplus.user.js // @version 1.2 // @date 2008-05-02 // // @include http://www.flickr.com/photo_zoom.gne* // @include http://flickr.com/photo_zoom.gne* // @include http://www.flickr.com/photos/*/* // @include http://flickr.com/photos/*/* // // @exclude http://*flickr.com/photos/organize/* // @exclude http://*flickr.com/photos/friends/* // @exclude http://*flickr.com/photos/tags/* // // @exclude http://*flickr.com/photos/*/sets* // @exclude http://*flickr.com/photos/*/friends* // @exclude http://*flickr.com/photos/*/archives* // @exclude http://*flickr.com/photos/*/tags* // @exclude http://*flickr.com/photos/*/alltags* // @exclude http://*flickr.com/photos/*/multitags* // @exclude http://*flickr.com/photos/*/map* // @exclude http://*flickr.com/photos/*/favorites* // @exclude http://*flickr.com/photos/*/popular* // @exclude http://*flickr.com/photos/*/with* // // @exclude http://*flickr.com/photos/*/*/sizes/* // ==/UserScript== (function() { // USERSCRIPT INFORMATION var UserScript = { id: 'flickrallsizesplus', title: 'Flickr AllSizes+', header: 'allSizes+', version: 1.2, date: new Date(2008, 4, 2), // month starts from 0 in January author: 'Premasagar' }; /* INFO ==== Before installing this script, you'll need the Firefox browser (http://www.mozilla.org/firefox/) and the Greasemonkey add-on (http://www.greasespot.net) Discuss this script / report bugs / request features: http://www.flickr.com/groups/flickrhacks/discuss/72157594303798688/ Download the latest version: http://dharmafly.com/projects/allsizesplus/allsizesplus.user.js Released under the GPL license: http://www.gnu.org/copyleft/gpl.html /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ // Initialise script initScript(); /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ function isArray(obj){ return (obj.constructor === Array); } /* Accept a regex and array of references (overall string + backrefs) => retrun an object of properties E.g. var m = new RegexMap(/^\d*@N\d*$/, ['nsid']); m('54304913@N00') => {nsid:'54304913@N00'} */ function RegexMap(regex, refs){ var regexMap = function(str){ var i, matches, mapObj; mapObj = {}; matches = regex.exec(str); if (!matches){ return null; }; if (isArray(refs)){ for (i=0; i 1) { this.nsid = arguments[1]; } // Check if userUrl is the nsid else { map = Flickr.regexMaps.nsid(userUrl); if (map && map.nsid === userUrl){ this.nsid = userUrl; } } } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // PERSON PROTOTYPE Person.prototype = { nsid: null, username: null, // Url for person's photostream getPhotosUrl: function(){ var userUrl = (this.userUrl) ? this.userUrl : this.nsid; return (userUrl) ? Flickr.siteRoot + 'photos/' + userUrl + '/' : null; }, // Url for person's profile getProfileUrl: function(){ var userUrl = (this.userUrl) ? this.userUrl : this.nsid; return (userUrl) ? Flickr.siteRoot + 'people/' + userUrl + '/' : null; }, // Url to send a FlickrMail getSendmailUrl: function(){ return (this.nsid) ? Flickr.siteRoot + 'messages_write.gne?to=' + this.nsid : null; } }; // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // STATIC FUNCTIONS ON PERSON OBJECT Object.extend(Person, { getNsidFromBuddyiconSrc: function(src){ var map = Flickr.regexMaps.buddyiconSrc(src); return (map.nsid) ? map.nsid : null; }, // Create a Person object by supplying the photopage url fromPhotopageUrl: function(url){ var map = this.regexMap(url); return (map.userUrl) ? new this(map.userUrl) : false; }, // Create a Person object by supplying their buddyicon image src fromBuddyiconSrc: function(src){ var nsid = Person.getNsidFromBuddyiconSrc(src); return (nsid) ? new this(nsid) : false; } }); /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ // PHOTO LICENCE OBJECT function License(id, name, url){ this.id = id; this.name = name; this.url = url; } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // PHOTO LICENCE PROTOTYPE License.prototype = { // Get the icon to display for this license getIcon: function(){ if (this.id == 0){ return icon = cE('span', '\u00a9'); // copyright symbol } else if (this.id < Photo.licenses.length){ var icon = cE('img'); icon.src = assets.creativeCommonsIcon; return icon; } else { return null; } }, // Get an HTML anchor element to display the license icon and a link for further info getAnchor: function(){ var a = cE('a'); a.href = this.url; a.appendChild(this.getIcon()); a.appendChild(cTN(' ' + this.name)); return a; } }; // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // EXTEND PHOTO OBJECT WITH STATIC LICENSE OBJECTS // (not to Photo prototype, because a photo only has one license at a time) Object.extend(Photo, { licenses: [ new License(0, 'All Rights Reserved', 'http://www.iusmentis.com/copyright/allrightsreserved/'), new License(1, 'Attribution-NonCommercial-ShareAlike', 'http://creativecommons.org/licenses/by-nc-sa/2.0/'), new License(2, 'Attribution-NonCommercial', 'http://creativecommons.org/licenses/by-nc/2.0/'), new License(3, 'Attribution-NonCommercial-NoDerivs', 'http://creativecommons.org/licenses/by-nc-nd/2.0/'), new License(4, 'Attribution', 'http://creativecommons.org/licenses/by/2.0/'), new License(5, 'Attribution-ShareAlike', 'http://creativecommons.org/licenses/by-sa/2.0/'), new License(6, 'Attribution-NoDerivs', 'http://creativecommons.org/licenses/by-nd/2.0/') ] }); /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ // SIZE OBJECT function Size(initObj){ Object.extend(this, initObj); } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // STATIC FUNCTIONS ON SIZE OBJECT Object.extend(Size, { suffixToId: function(suffix){ var size; size = $A(Photo.prototype.sizes).getBy('suffix', suffix); return (size) ? size.id : false; }, idToSuffix: function(id){ var size; size = Photo.prototype.sizes[id]; return (size) ? size.suffix : false; } }); // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // SIZE OBJECT PROTOTYPE Size.prototype = { id:null, // e.g. 'l' label:null, // e.g. 'Large' suffix:null, // e.g. '_b' max:null, // e.g. 1024 width: null, height: null, // Get file extension for this size's image. All sizes 'jpg', other than original size, which varies getExtension: function(){ var defaultExtension = 'jpg'; return (this.id !== 'o') ? defaultExtension : this.photo.originalformat; }, avail: function(){ if (this.id !== 'o'){ return this.exists(); } if (typeof arguments.callee.avail === 'undefined'){ arguments.callee.avail = null; } if (arguments.length){ arguments.callee.avail = (arguments[0]); } return arguments.callee.avail; }, // Check if this size exists for this photo exists: function(){ // All sizes except large always exist if (this.id != 'l'){ return true; } // LARGE SIZES // Get original size var o = this.photo.sizes.o; // If original has incomplete dimensions, check if large size has dimensions if (!o.width || !o.height){ if (this.width && this.height){ return true; } // If original is known not to be available (non-Pro account) then and the large size will either have known dimensions or will not exist else if (o.avail() === false){ return false; } else { return true; } } // Check original size dimensions return (o.width > 1280 || o.height > 1280) ? true : false; }, // Check if this size has a known image src isKnownSrc: function(){ // All sizes except large always exist. Original may be unknowable. if (this.id === 'o' && !this.getSecret()){ return false; } return (this.exists() && this.getExtension()); }, // Check if this size has known dimensions isKnownSize: function(){ return (this.width && this.height) ? true : false; }, // Check if this size has a known src and dimensions isComplete: function(){ // Check if original size rotation is known var knownRotation = true; if (typeof this.rotated != 'undefined'){ knownRotation = (this.rotated !== null); } return (this.isKnownSrc() && this.isKnownSize() && knownRotation) ? true : false; }, // Get an array of the image dimensions getDimensions: function(){ return [this.width, this.height]; }, // Set the dimensions for this size // Optional args: width & height. If not supplied, size is calculated from larger sizes setDimensions: function(){ // If width and height are supplied... if (arguments.length > 0){ this.width = arguments[0]; if (arguments.length > 1) { this.height = arguments[1]; } return this.getDimensions(); } // If width & height not supplied... // Get the largest complete size, as a comparison var largest = this.photo.sizes.getLargestKnownSize(); if (!largest) { return false; } // If the largest size is this size, then return else if (largest.max == this.max){ return false; } // Check if the original was rotated by the owner if (largest.id == 'o' && this.photo.sizes.o.rotated){ // Copy object so that we can temporarily change its properties largest = Object.extend({}, largest); var temp = largest.width; largest.width = largest.height; largest.height = temp; } // If the largest size is smaller than this size if (largest.max < this.max){ // If the largest size is smaller than its max dimensions, then this has the same size if (largest.width < largest.max && largest.height < largest.max){ return this.setDimensions(largest.width, largest.height); } else { return false; } } // If this is the large size, then special rules apply else if (largest.id == 'o' && this.id == 'l' && largest.width <= 1280 && largest.height <= 1280){ return false; } // -- Calculate dimensions for this size // If the comparison size dimensions are no bigger than this size's maximum if (largest.width <= this.max && largest.height <= this.max){ return this.setDimensions(largest.width, largest.height); } // Else var longerSide = Math.max(largest.width, largest.height); var newWidth = Math.round(this.max * (largest.width/longerSide)); var newHeight = Math.round(this.max * (largest.height/longerSide)); return this.setDimensions(newWidth, newHeight); }, getSecret: function(){ return (this.id !== 'o') ? this.photo.secret : this.photo.originalsecret; }, // Get the image src for this size // Optional arg: forDownload [boolean], default: false (returns src for the image download version) getSrc: function(){ var suffix; // If essential info is not known, then return null if (!this.getExtension()){ return null; } // Check for Download flag if (arguments.length > 0){ suffix = (arguments[0]) ? this.suffix + '_d' : this.suffix; } else { suffix = this.suffix; } return 'http://farm' + this.photo.farm + '.static.flickr.com/' + this.photo.server + '/' + this.photo.id + '_' + this.getSecret() + suffix + '.' + this.getExtension(); }, // Get an image element for this size getImg: function(){ // Get the image src var src = this.getSrc(); if (!src){ return null; } // Create a new image element and set attributes var img = Object.extend(cE('img'), { src: src, alt: this.photo.getTitle(), title: this.photo.getTitle() }); if (this.width){ img.width = this.width; } if (this.height){ img.height = this.height; } return img; }, // Get HTML tag for the image element getImgHTML: function(){ // Get the image src var src = this.getSrc(); if (!src){ return null; } // Get attributes for tag var width = (this.width) ? ' width="' + this.width + '"' : ''; var height = (this.height) ? ' height="' + this.height + '"' : ''; var title = ' title="' + this.photo.getTitle() + '"'; var alt = ' alt="' + this.photo.getTitle() + '"'; return ''; }, // Get an image element, within an anchor element for this size getImgAnchor: function(){ var href = this.photo.getPhotopageUrl(); var img = this.getImg(); if (!href || !img){ return null; } var a = cE('a'); a.href = href; return a.appendChild(img); }, // Get HTML tags for image within an anchor getImgAnchorHTML: function(){ var href = this.photo.getPhotopageUrl(); var imgHTML = this.getImgHTML(); if (!href || !imgHTML){ return null; } return '' + imgHTML + ''; }, // Get BB Code for image within an anchor getImgAnchorBBCode: function(){ // Get the image src var src = this.getSrc(); var href = this.photo.getPhotopageUrl(); if (!href || !src){ return null; } return '[url=' + href + ']\n[img]' + src + '[/img]\n[/url]'; }, // Get the url for the AllSizes page for this size getAllSizesUrl: function(){ // If we don't know the owner, then use the generic url if (!this.photo.owner){ return Flickr.siteRoot + 'photo_zoom.gne?id=' + this.photo.id + '&size=' + this.id; } return this.photo.getPhotopageUrl() + 'sizes/' + this.id + '/'; } }; // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // Add Sizes object to Photo prototype Object.extend(Photo.prototype, { sizes: { // Specific Size Objects as properties of the Sizes Object sq:new Size({id:'sq',label:'Square', suffix:'_s', max:75, width:75, height:75, setDimensions:function(){return true;}}), t: new Size({id:'t', label:'Thumbnail', suffix:'_t', max:100}), s: new Size({id:'s', label:'Small', suffix:'_m', max:240}), m: new Size({id:'m', label:'Medium', suffix:'', max:500}), l: new Size({id:'l', label:'Large', suffix:'_b', max:1024}), o: new Size({id:'o', label:'Original', suffix:'_o', max:Infinity, rotated:null}), // Original sizes have unlimited length. Their file extension may be png, gif or jpg, & they may be rotated // Methods of the Sizes object // Return array of srcs known to exist getKnownSrcs: function(){ return $A(this).getBy('isKnownSrc', true, true); }, // Return array of known sizes getKnownSizes: function(){ return $A(this).getBy('isKnownSize', true, true); }, // Return array of sizes that are complete getComplete: function(){ return $A(this).getBy('isComplete', true, true); }, getLargestKnownSrc: function(){ var knownSrcs = this.getKnownSrcs(); return (knownSrcs) ? knownSrcs[knownSrcs.length-1] : null; }, getLargestKnownSize: function(){ var knownSizes = this.getKnownSizes(); return (knownSizes) ? knownSizes[knownSizes.length-1] : null; }, getLargestComplete: function(){ var complete = this.getComplete(); return (complete) ? complete[complete.length-1] : null; }, // SetDimensions for each size smaller than the largest known sizes setDimensions: function(){ var sizes = $A(this); for (var i=0; i= 1); isLandscapeO = ((size.width / size.height) >= 1); // If they are not the same aspect, then o has been rotated that.o.rotated = (isLandscapeM !== isLandscapeO); } that.o.avail(true); } else { that.o.avail(false); } // Extend Photo Size object with new-found dimension that[size.id].width = size.width; that[size.id].height = size.height; that.setDimensions(); while (thisFunc.callbacks.length > 0){ callback = thisFunc.callbacks.shift(); callback(that.o); } } // For pre-existing buttons, try the AllSizes page over HTTP if (AllSizes.buttonExistedBeforeGM){ this.getLargestViaHttp(callbackAll); } // For created buttons, try the API else { this.getLargestViaApi(callbackAll); } }, getLargestViaApi: function(callback){ var onload, largest, map, size; onload = function(rsp){ if (!rsp){ return callback(false); } largest = rsp.sizes.size[rsp.sizes.size.length-1]; map = Flickr.regexMaps.photoSrc(largest.source); size = { id: Size.suffixToId(map.suffix), width: largest.width, height: largest.height }; if (size.id === 'o'){ size.originalsecret = map.secret; size.originalformat = map.extension; } callback(size); }; Api.callMethod('photos.getSizes', {photo_id: this.o.photo.id}, onload); }, getLargestViaHttp: function(callback){ var url, onload, size, html, spans, i, dims, images, map; url = this.o.getAllSizesUrl(); onload = function(response) { if (!response){ return callback(false); } size = {}; html = cE('code'); // replace image src values, to prevent download html.innerHTML = response.replace(/src="http/gm, 'src="xhttp'); spans = html.getElementsByTagName('span'); for (i=spans.length-1; i>=0; i--){ if (spans[i].className == 'Dimensions'){ dims = spans[i].firstChild.nodeValue.slice(1,-1).split(' x '); size.width = dims[0]; size.height = dims[1]; break; } } images = html.getElementsByTagName('img'); for (i=0; i < images.length; i++){ map = Flickr.regexMaps.photoSrc(images[i].src); /* If the size is 'o' then this is the original. Either the photo owner has a 'pro' account and this is a large-size original, or the owner has a non-pro account and the original is smaller than the large size image, so we are actually looking at the original image (even if the label for the image does not say 'original'). If the size is not 'o', then the owner is non-pro and the original size is not displayed. The page will have redirected to the medium size image, but the large size will be listed on the page and the large size image is the one that we have the dimensions for. */ if (map){ size.id = Size.suffixToId(map.suffix) === 'o' ? 'o' : 'l'; // Get originalsecret if (size.id === 'o'){ size.originalsecret = map.secret; size.originalformat = map.extension; } return callback(size); } } return false; }; ajaxRequest(url, onload); }, popUp: function(){ return this[this.popUp.selectedSize].popUp(); } }); // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ Photo.prototype.sizes.popUp.selectedSize = Settings.getValue('defaultSize'); // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // SIZE PROTOTYPE Object.extend(Size.prototype, { getCode: function(){ var codeType = GM_getValue('codeType'); return (codeType == 'bbCode') ? this.getImgAnchorBBCode() : this.getImgAnchorHTML(); }, download: function(){ var that = this; function callback(o){ if (that.avail() === false){ that = that.photo.sizes.getLargestComplete(); } window.location.href = that.getSrc(true); EventLogger.keysDown = ''; } this.photo.sizes.getAllSizes(callback); }, copyToClipboard: function(){ var that, popUp, p; that = this; function callback(o){ if (that.avail() === false){ that = that.photo.sizes.getLargestComplete(); } if (!copyToClipboard(that.getCode())){ AllSizes.errorCopyToClipboard(); } } this.photo.sizes.getAllSizes(callback); }, view: function(){ var that = this; function callback(o){ if (that.avail() === false){ that = that.photo.sizes.getLargestComplete(); } window.location.href = that.getSrc(); } this.photo.sizes.getAllSizes(callback); }, popUp: function(){ // Check if popUp was already created var popUp = PopUp.getById('Code'); // Update the selected size property var sizesObj = this.photo.sizes; sizesObj.popUp.selectedSize = this.id; // If popUp not yet created if (!popUp){ popUp = new PopUp('Code'); // Shortcut icons var icons = popUp.main.appendChild(cE('span')); icons.className = 'popUpIcons'; // Download button var download = icons.appendChild(cE('img')); download.src = assets.save; download.alt = 'Download Image'; download.title = 'Download Image'; download.addEventListener('click', function(){ sizesObj[sizesObj.popUp.selectedSize].download(); }, false); // Copy button var copy = icons.appendChild(cE('img')); copy.src = assets.copy; copy.alt = 'Copy Code to Clipboard'; copy.title = 'Copy Code to Clipboard'; copy.addEventListener('click', function(){ sizesObj[sizesObj.popUp.selectedSize].copyToClipboard(); }, false); // View button var view = icons.appendChild(cE('a')); var img = view.appendChild(cE('img')); img.src = assets.view; img.alt = 'View Image'; img.title = 'View Image'; view.addEventListener('mouseover', function(e){ e.currentTarget.href = sizesObj[sizesObj.popUp.selectedSize].getSrc(); }, false); // BBCode/HTML button var code = icons.appendChild(cE('img')); var codeType = GM_getValue('codeType'); if (codeType == 'bbCode'){ code.src = assets.html; code.alt = 'to HTML'; } else { code.src = assets.bbCode; code.alt = 'to BB Code'; } code.title = code.alt; code.addEventListener('click', function(e){ // Change alt and title of button if (e.currentTarget.alt == 'to BB Code'){ e.currentTarget.alt = 'to HTML'; e.currentTarget.src = assets.html; GM_setValue('codeType', 'bbCode'); } else { e.currentTarget.alt = 'to BB Code'; e.currentTarget.src = assets.bbCode; GM_setValue('codeType', 'html'); } e.currentTarget.title = e.currentTarget.alt; // Update textarea popUp.updateTextarea(); }, false); // AllSizes button var img = cE('img'); img.alt = 'AllSizes Page'; img.src = assets.allsizesIcon; if (AllSizes.buttonExistedBeforeGM){ var allSizes = icons.appendChild(cE('a')); allSizes.appendChild(img); allSizes.addEventListener('mouseover', function(e){ e.currentTarget.href = sizesObj[sizesObj.popUp.selectedSize].getAllSizesUrl(); }, false); } else { img.alt += ' Not Available for this Photo'; img.className = 'choiceDisabled'; var allSizes = img; } img.title = img.alt; icons.appendChild(allSizes); // Size Menu var sizeMenu = popUp.main.appendChild(cE('p')); sizeMenu.className = 'popUpMenu'; // Function to open popUp for clicked link var onclickSizeMenuLink = function(e){ var id = e.currentTarget.getAttribute('sizeId'); sizesObj[id].popUp(); }; // Go through each size, adding to the menu var sizes = $A(this.photo.sizes); for (var i=0; i 0){ var commentLink = ul.appendChild(cE('li')).appendChild(cE('a', 'Add a Comment')); commentLink.href = '#DiscussPhoto'; commentLink.addEventListener('click', function(e){ popUp.close(); window.setTimeout(function(){ var commentDiv = document.getElementById('DiscussPhoto'); var ta = commentDiv.getElementsByTagName('textarea')[0]; // Focus the textarea element ta.focus(); // Move cursor to start (other GM scripts may have added text) if (ta.selectionStart){ ta.selectionStart = 0; ta.selectionEnd = 0; } }, 5); }, false); } // Get original size if (!sizesObj.o.isComplete() && sizesObj.o.avail() !== false){ // If successful, the original size object is returned function callback(o){ if (o){ function removeFromMenu(sizeId){ for (var i=0; i 0){ popUp.id = 'PopUp_' + arguments[0]; } // Initialise popUp popUp.init(); return popUp; } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ PopUp.prototype = { init: function(insertNode){ var that = this; this.className = 'PopUp'; // Get node to insert into document var defaultInsertNode = getElementsByCssClass('div', 'photoImgDiv')[0]; var insertNode = (arguments.length > 1) ? arguments[1] : defaultInsertNode; // Close Button var closeBtn = this.appendChild(cE('a')); closeBtn.title = 'Close'; closeBtn.className = 'closeBtn'; var closeBtnImg = closeBtn.appendChild(cE('img')); closeBtnImg.src = assets.closeWindow; closeBtnImg.alt = 'Close'; closeBtn.addEventListener('click', function(){ that.close(); }, true); // H1 Header var headerText = UserScript.header.replace(/^(.[^A-Z]*)([A-Z].*)$/, '$1~$2').split("~"); if (headerText.length > 0) { this.header = this.appendChild(cE('h1')); var a = this.header.appendChild(cE('a')); a.href = UserScript.metaUrl; a.title = UserScript.title + ' discussion thread in the FlickrHacks group'; var strong = a.appendChild(cE('strong')); var pinkText = strong.appendChild(cE('span', headerText[0])); pinkText.className = 'flickrPink'; } if (headerText.length > 1) { var blueText = strong.appendChild(cE('span', headerText[1])); blueText.className = 'flickrBlue'; } // H2 Title if (typeof this.id != 'undefined'){ this.appendChild(cE('h2', this.id.slice('PopUp_'.length))); } // Main div this.main = this.appendChild(cE('div')); this.main.className = 'popUpMain'; // Menu this.menu = this.appendChild(PopUp.getMenu(this.id.slice('PopUp_'.length))); // Add this popUp to PopUp inventory PopUp.inventory.push(this); // Insert PopUp styles into stylesheet PopUp.insertStyles(); // Insert popUp div into document insertNode.parentNode.insertBefore(this, insertNode); }, // end init // Create Textarea addTextarea: function(){ ta = this.main.appendChild(cE('textarea')); ta.value = (arguments.length > 0) ? arguments[0] : ''; ta.wrap = 'virtual'; ta.addEventListener('focus', function(){ this.select(); }, true); return ta; }, open: function(){ // Close other popUps for (var i=0; i div { float:left; margin-right:0.8em; }', '.PopUp .donate input { border:none; }', '.PopUp .donate > p { padding-top:0.2em; }', '#PopUp_About acronym { border:none; }' ], }); /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ var Page = { photoPage: { id: 'photoPage', regexMap: Flickr.regexMaps.photoPageUrl, cache: {}, getPhotoId: function(){ return this.regexMap(window.location.href).id; }, getPhotoImg: function(){ var container, photo, map; container = document.getElementById('photoImgDiv' + this.getPhotoId()); photo = getFlickrImg('photo', container); photo.src = Flickr.regexMaps.photoSrc(photo.src).src; return photo; }, getTitle: function(){ var titleDiv, node, i; titleDiv = document.getElementById('title_div' + this.getPhotoId()); // Find first text node child of title div and return contents for (i=0; i=0; j--){ if (anchors[j].title.indexOf('Link to ') !== -1){ owner.username = anchors[j].title.replace(/Link to (.*)'s? photostream/, '$1'); break; } } return owner; } return null; }, getLicense: function(){ var spans, i, innerSpans, j, k, node, map, cc_imgs, requirements, title, icon, l, cc_img, cc, license; // Find span with class 'license' (only one on original Flickr page, but may be changed by other scripts) spans = getElementsByCssClass('span', 'license'); for (i=0; i 1){ propsToInclude = arguments[1]; } else { var propsToInclude = function(prop){ return typeof prop == 'object'; }; } var results = []; for (property in iterable){ if (propsToInclude(iterable[property])){ results.push(iterable[property]); } } return results; } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // OBJECT EXTENSIONS Object.extend(Array.prototype, { // Search objects within an array for a specified property-value or method-result // optional arg: asArray [boolean] - to return an array of objects. Default: false getBy: function(property, value){ if (arguments.length > 2){ if (arguments[2]){ var asArray = true; var returnArray = []; } } if (typeof asArray == 'undefined'){ var asArray = false; } for (var i=0; i 0) ? returnArray : null; } else { return null; } }, getById: function(id){ return this.getBy('id', id); } }); // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // DOM API SHORTCUT FUNCTIONS // createElement - optional arg: text contents cE = function(nodeName){ var node = document.createElement(nodeName); if (arguments.length > 1){ var text = arguments[1]; if (typeof text == 'string') { node.appendChild(cTN(text)); } } return node; }; // createTextNode cTN = function(text){ return document.createTextNode(text); }; innerText = function(node){ return node.innerHTML.replace(/<[^>]*>/g, ''); } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // Get elements from the document with a specific cssClass getElementsByCssClass = function(tagName, cssClass){ var returnArray, container, elements, i; // Construct empty array to return returnArray = []; // Container element container = (arguments.length > 2) ? arguments[2] : document; // Get divs in the document elements = container.getElementsByTagName(tagName); // Cycle through elements for (i=0; i 1) ? arguments[1] : function(){}; // HTTP Method - default: GET method = (arguments.length > 2) ? arguments[2].toUpperCase() : 'GET'; // Request object request = { method: method, url:url, headers: { 'User-agent': 'Mozilla/5.0 (compatible) Greasemonkey: ' + UserScript.title, 'Accept': 'application/atom+xml, application/xml, application/xml+xhtml, text/xml, text/html, application/json, application-x/javascript' }, onload:function(response){ debug('ajaxRequest: AJAX response successful'); debug(response.responseText); if (response.responseText === ''){ debug('ajaxRequest: AJAX response empty'); return callback(false); } callback(response.responseText); }, onerror:function(response){ debug('ajaxRequest: AJAX request failed'); debug(response); callback(false); } }; // POST data if (method === 'POST'){ data = (typeof arguments[3] === 'object') ? arguments[3] : {}; dataString = ''; for (prop in data){ if (dataString !== ''){ dataString += '&'; } dataString += prop + '=' + encodeURI(data[prop]); } request.data = dataString; request.headers['Content-type'] = 'application/x-www-form-urlencoded'; } // Send request debug(['ajaxRequest: Sending AJAX request:', request]); GM_xmlhttpRequest(request); } // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ // Get a Flickr photo or buddyicon image from an element/document. // Arg: imgType = 'photo' or 'buddyicon'. Optional args: Element in which image is contained getFlickrImg = function(imgType){ var map; switch (imgType){ case 'photo': map = Flickr.regexMaps.photoSrc; break; case 'buddyicon': map = Flickr.regexMaps.buddyiconSrc; break; default: return null; } // Containing element var container = (arguments.length > 1) ? arguments[1] : document; // Find images in the document var images = container.getElementsByTagName('img'); // Find the image src of the photo for (var i=0; i/g, ">").replace(/"/g, """); }; // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ copyToClipboard = function(text){ var component, trans, supportStr, clipInst, clipboard; try { unsafeWindow.netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch(error){ // User cancellation return false; } component = Components.classes["@mozilla.org/widget/transferable;1"]; trans = component.createInstance(Components.interfaces.nsITransferable); trans.addDataFlavor("text/unicode"); component = Components.classes["@mozilla.org/supports-string;1"]; supportStr = component.createInstance(Components.interfaces.nsISupportsString); supportStr.data = text; trans.setTransferData("text/unicode", supportStr, text.length*2); component = Components.classes["@mozilla.org/widget/clipboard;1"]; clipInst = component.createInstance(Components.interfaces.nsIClipboard); clipboard = Components.interfaces.nsIClipboard; clipInst.setData(trans, null, clipboard.kGlobalClipboard); return text; }; // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ function queryToObj(q){ var searchObj, i; q = q.replace(/^\?/, '').split("&"); searchObj = {}; for (i=0; i'; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ // INITIALISE OBJECTS Init = function(){}; Init.prototype = Object.extend([], { // Pass object as argument to function init: function(obj){ // Call each function in the init array for(var i=0; i 0) { EventLogger.clicks --; } // Temporary hack to prevent lags activating single-click before double-click executed if (EventLogger.clicks == 1) { EventLogger.clicks --; } return EventLogger.clicks; }, addKey: function(key){ var k = EventLogger.keysDown; // Prevent duplicate entries from holding down key if (k.length > 0){ if (k[k.length-1] == key) { return k; } } EventLogger.keysDown += key; return EventLogger.keysDown; }, removeKey: function(key){ for (var i=0; i < EventLogger.keysDown.length; i++){ if (EventLogger.keysDown[i] == key){ var prefix = (i>0) ? EventLogger.keysDown.slice(0, i) : ''; var suffix = (iCopy To ClipBoard\' section of the documentation to fix this.'; p.className = 'indented'; document.getElementById('allSizesPlus_CopyClipDocLink').addEventListener('click', function(){ // Open documentation pop-up AllSizes.documentation(); // Scroll to the relevant section docPopUpMain = getElementsByCssClass('div', 'popUpMain', document.getElementById('PopUp_Documentation'))[0]; docPopUpMain.scrollTop = document.getElementById('allSizesPlus_DocCopyClip').offsetTop - docPopUpMain.offsetTop; }, false); } return popUp.open(); }, shortcuts: function(){ // Check if popUp was already created var popUp = PopUp.getById('Shortcuts'); if (!popUp){ popUp = new PopUp('Shortcuts'); var div, innerHTML; div = popUp.main.appendChild(cE('div')); div.style.cssFloat = 'left'; innerHTML = "

Size Keys

"; innerHTML += ""; innerHTML += ""; innerHTML += ""; innerHTML += ""; innerHTML += ""; innerHTML += ""; innerHTML += ""; div.innerHTML = innerHTML; div = popUp.main.appendChild(cE('div')); div.style.cssFloat = 'right'; innerHTML = "

Actions

"; innerHTML += "
s + qSquare
tThumbnail
sSmall
mMedium
lLarge
oOriginal
"; innerHTML += ""; innerHTML += ""; innerHTML += ""; innerHTML += ""; innerHTML += ""; div.innerHTML = innerHTML; div = popUp.main.appendChild(cE('div')); div.style.clear = 'both'; innerHTML = "

Explanation

"; innerHTML += "

Here, 'Click' means to click the AllSizes button. If you don't hold down a size key when you click, the default size will be used (as set in the Settings panel).

"; innerHTML += "

Examples: Hold down 's' and hold down 'q', then click the button, to show the Code panel for the square size. Hold down 'd' and click, to download the default size.

"; div.innerHTML = innerHTML; } return popUp.open(); }, about: function(){ // Check if popUp was already created var popUp = PopUp.getById('About'); if (!popUp){ popUp = new PopUp('About'); var div = popUp.main.appendChild(cE('div')); div.className = 'indented'; var innerHTML = ''; innerHTML += '

Script: ' + UserScript.title + '

'; innerHTML += '

Version: ' + UserScript.version + '

'; innerHTML += '

License: GPL

'; innerHTML += '

Discuss: Feedback, bug reports, feature requests - ' + UserScript.title + ' discussion thread RSS feed

'; innerHTML += '

by ' + UserScript.author + ''; innerHTML += '

'; innerHTML += ''; div.innerHTML = innerHTML; } return popUp.open(); }, documentation: function(){ // Check if popUp was already created var popUp = PopUp.getById('Documentation'); if (!popUp){ popUp = new PopUp('Documentation'); var innerHTML = ''; innerHTML += '

AllSizes+ gives you quick access to the different sizes available for a photo on Flickr. It produces better HTML code for posting photos on to blogs and Flickr discussion threads, lets you quickly view and download images, and does a few other things too.

'; innerHTML += "

Woah! What's This? Get Away From My Photos!

"; innerHTML += "

If you don't want other people to use this script on your photos, then please change your Flickr account setting for Allowing Downloads.

"; innerHTML += "

Even if you prevent others, you will still be able to use the script for your own photos. But hey, share the love, right?

"; innerHTML += "

Flickr's All Sizes Page

"; innerHTML += "

To see the standard 'All Sizes' page for a photo, just double-click the AllSizes button in the toolbar above, or click the AllSizes icon in the Code panel of this pop-up.

"; innerHTML += '

Shortcuts

'; innerHTML += "

The Shortcuts panel gives an overview of the different shortcut keys you can hold down when clicking the AllSizes button. You do not need to use any of them, since all the functionality is available by clicking on the different buttons in the pop-up window. But they might save you a little time.

"; innerHTML += '

Delay for Large & Original Sizes

'; innerHTML += "

When you first click the AllSizes button, information about the image sizes is gathered. Details about the medium and smaller sizes are available immediately, but there is a short delay before the large and original sizes are known.

"; innerHTML += '

Large Size is Not Always Available

'; innerHTML += "

The large size is only available for a photo when the original size is larger than 1280 pixels on either side (pay attention - there'll be questions at the end)... If you select the 'Large' option for a photo that has no large size available, then you will be given the largest available size instead.

"; innerHTML += '

Original Size is Not Always Available

'; innerHTML += "

The original size is always available when the owner is a 'Pro' user, and also when the original image was smaller than 1280 pixels on either side.

"; innerHTML += '

BB Code & HTML

'; innerHTML += "

BB Code is a simplified markup language that is similar to HTML and is used on many forum websites.

"; innerHTML += "

You can click the 'to BB Code' button to convert the HTML code to BB Code. If you click it a second time, it will change back to HTML.

"; innerHTML += '

Copy to Clipboard

'; innerHTML += "

When you click the 'copy to clipboard' button, you may see a security pop-up from the browser asking to allow the action. You can choose to allow or deny it, and to remember your decision in future.

"; innerHTML += "

If you choose to always allow the action, then you will not be prompted again for any clipboard actions on Flickr.com, including any Greasemonkey scripts for Flickr that you have installed.

"; innerHTML += "

This is a slight security risk, because a malicious script could read the contents of your clipboard and send it to an external site. However, this probably won't happen, because we could expect that any malicious behaviour would be reported by other users before you decide to install the malicious script.

"; innerHTML += "

A useful Firefox add-on is the AllowClipboard Helper, which helps you to monitor which websites are allowed to access your clipboard.

"; innerHTML += "

Problems? Try this:

"; innerHTML += "
    "; innerHTML += "
  1. Open a new tab and type into the address bar about:config
    2. "; innerHTML += "
  2. In the 'Filter' bar, type signed.applets.codebase_principal_support
    3. "; innerHTML += "
  3. Double-click the line of text that appears, changing the value from false to true.
    4. "; innerHTML += "
"; innerHTML += '

Auto-Updates

'; innerHTML += "

By default, the script will automatically check for a newer version once a day (or less often if you don't visit Flickr). If a newer version is available, it will ask you if you want to install it. You can turn off auto-updates in the Settings panel.

"; innerHTML += "

Anonymous Stats

"; innerHTML += "

By default, some anonymous usage statistics about how you use AllSizes+ are collected, to better understand how people use the script - e.g. how often you use it and how often you update it. This doesn't include anything that could identify either you or the photos that you view.

"; innerHTML += "

Overall statistics will be shared with the community, in a future release. If you don't wish to contribute your stats, you can turn off Send Anonymous Stats in the Settings panel.

"; innerHTML += '

Flickr Terms for Posting Photos

'; innerHTML += "

The Flickr Terms of Service require that any photo you post on another site must include a link back to the photo's Flickr photopage. You can do this by simply using the code in the Code panel.

"; innerHTML += "

Note that, for private photos (including those marked as 'Friends' or 'Family'), the photopage will not be viewable by the general public.

"; innerHTML += '

All Rights Reserved

'; innerHTML += "

If a photo is marked "© All Rights Reserved", then you must have permission from the owner to use it. This is a requirement of international law and, well, it's simple common courtesy.

"; innerHTML += "

You may be legally allowed to re-post a copyrighted photo without specific permission, if it constitutes 'Fair Use', e.g. for review and critique. Fair Use laws can be pretty vague and vary from country to country. It's simplest just to ask the owner.

"; innerHTML += '

Creative Commons

'; innerHTML += "

If a photo has a Creative Commons Creative Commons license, then you need to read the specific license to determine if you are allowed to use it without any further permission from the owner.

"; innerHTML += "

In general, if you use a Creative Commons photo in a non-commercial context, you do not alter the image and you attribute the owner by linking to the photopage, then you should be fine. More relaxed conditions may apply, depending on the specific license.

"; innerHTML += "

It is good to let the owner know that you've used their photo, even if not legally required, because people like to hear how others have used their work.

"; innerHTML += "

Uninstalling

"; innerHTML += "

To uninstall a Greasemonkey script from your browser, go to the Tools menu, select Greasemonkey, then Manage User Scripts, highlight the script and click Uninstall.

"; innerHTML += '

Further Info

'; innerHTML += "

If you have any questions, bug reports or suggestions for improvement, please leave a post in the discussion thread for this script. Ta.

"; // Add HTML to popUp popUp.main.innerHTML = innerHTML; } return popUp.open(); } }; /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ // FLICKR API Api = { key : 'f11432d99cdf97246d9fe401e524831e', urlRoot: 'http://api.flickr.com/services/rest/', // e.g. callMethod('photos.getSizes', function(){}, {photo_id:34343232}) callMethod: function(method, parameters, callback){ var format = (arguments > 3) ? arguments[3] : 'json'; var url = this.urlRoot + '?method=flickr.' +method+ '&api_key=' +this.key+ '&format=' +format; // Add parameters to url if (parameters){ for (param in parameters){ url += '&' + param + '=' + parameters[param]; } } var handler = function(response){ function jsonFlickrApi(rsp){ return rsp; } eval('var rsp = ' + response + ';'); if (rsp.stat != 'ok'){ callback(false); } else { callback(rsp); } }; ajaxRequest(url, handler); } }; /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ // SCRIPT SETTINGS // Don't change these settings. Instead, click the 'AllSizes' button and click the 'Settings' link. function SettingsGroup(initObj){ Object.extend(this, initObj); } SettingsGroup.prototype = { type: 'settingsGroup', settings: [], save: function(){ for(var i=0; i timeNow){ lastCheck = timeNow; } // Is it time to check for updates? If not, return if (timeNow < (lastCheck + (this.updateInterval * 60 * 60 * 1000))){ return; } // Update the lastUpdateCheck local variable GM_setValue('lastUpdateCheck', timeNow.toString()); // +-+-+-+-+-+-+-+-+ // Api url for the update check var url = this.checkUpdateUrl + '?id=' + this.id + '&version=' + this.version + '&id=' + getAnonId() + '&noCache=' + timeNow; var that = this; // Callback function for the AJAX request var callback = function(response){ // Bad response if (!response || response === ''){ return; } // Parse the response var parser = new DOMParser(); var dom = parser.parseFromString(response, "application/xml"); var rsp = dom.getElementsByTagName('rsp')[0]; // Our request failed! Return. if (rsp.getAttribute('stat') != 'ok'){ return; } // Get userscript details var userscript = rsp.getElementsByTagName('userscript')[0]; var v = userscript.getAttribute('version'); var downloadUrl = userscript.getElementsByTagName('url')[0].textContent; var metaUrl = userscript.getElementsByTagName('url')[0].textContent; var changelog = userscript.getElementsByTagName('changelog')[0].textContent; // If there's no version update, then return if (v == that.version){ return; } // There's an update! Create a pop-up to tell the user var popUp = new PopUp('Update Available'); popUp.main.className = ''; var div = popUp.main.appendChild(cE('div')); div.className = 'indented'; var innerHTML = '

Script: ' + UserScript.title + '

'; innerHTML += '

Version ' + v + ' is now available.

'; innerHTML += '

» Install it!

'; if (changelog != ''){ innerHTML += '

New Features

'; innerHTML += '

' + changelog + '

'; } div.innerHTML = innerHTML; popUp.open(); }; // Make the AJAX request ajaxRequest(url, callback); } }); /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ assets = { closeWindow: 'data:image/gif;base64,R0lGODlhDQANAJEDAPX3%2Br%2B%2Fv5mZmf%2F%2F%2FyH5BAEAAAMALAAAAAANAA0AAAInXI4ZBu0PDpwSCOFuqxf3HWQdBj6fU1kjGqqeFrWwWk5PakeGogwFADs%3D', zoomGrey: 'data:image/gif;base64,R0lGODlhMQAYAKIAAK6rq9LS0ouCgn9%2Ff%2F%2F%2F%2FwAAAAAAAAAAACH5BAAAAAAALAAAAAAxABgAAAOESLrc%2FjDKSau9OOtthefg8iljmAlKoJLWMCgvfBKqoAYoFb8x0Veom00FyElcLt%2FiRwl6noGiTtZjToK1m3Sy8yWRF%2BywaDQBCQDt1hwWAN7PsgPM%2Bya9Vkic8IT8qkoyIX0Pd114MHltcgw8gY9LgwJMYEp0dooYmWycnZ6foKGiow4JADs%3D', zoomColour: 'data:image/gif;base64,R0lGODlhMQAYAKIAAI2nrUFAQL%2B%2Fv8PR1AgGBQAAAJmZmf%2F%2F%2FyH5BAAAAAAALAAAAAAxABgAAAOoeLrc%2FjAuI6u9iuLNc%2F%2BX5hAk%2BIlLqahm2BDKIK9YUSg3XqEHLBOyAcySu%2BUORwjK9wsChhKbDblIPpYHIYk0eBJ1R6sDGwTKvJUiciqN8JjmJ7Tlfh0ATjRdwusRAIBbcw5tRmxTa1Z9K1t%2Bg1UMYVQ6VxiND4hqiThiixCXmFSSDYocJAGkmZuFiAyeEah7Y7Kyr7QYtrcWubp8Br%2FAwcLDxMXGwAIJADs%3D', zoomColourDown: 'data:image/gif;base64,R0lGODlhMQAYAKIAAI2nrUFAQL%2B%2Fv8PR1AgGBQAAAJmZmf%2F%2F%2FyH5BAAAAAAALAAAAAAxABgAAAOmKLbc%2FjDKdqq9OOvNrelgKFbfaJ6kRqxo62FsFbtmKVdDfotFUfm%2FkO1AOOQIuUExBPQBD0%2BOrZhE5gDLTq8HtUQ3U%2BNqPMAyg8%2BvJlxNmkFNKHfbGVKV1xkNZD8A3G97QjAEAIZjWRp0TnNccmpDFohEehdRaV1BYCJjG45xjz9qB5EcnZ5dmBiQJisBq5%2Bhi44YpR2vgpu5u7a7KL2%2BNcGCwMMhCQA7', creativeCommonsIcon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAA3NCSVQICAjb4U%2FgAAAAVFBMVEX%2F%2F%2F%2FMzMy0tLSsrKzMzMysrKyZmZmsrKylpaWZmZm0tLSsrKyZmZn%2F%2F%2F%2F4%2BPjx8fHm5ubc3NzY2NjMzMzExMS9vb20tLSsrKylpaWZmZmMjIyEhIQ7afucAAAAHHRSTlMAIjMzVVVmd3d3qru7%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F7LJSKwAAAAlwSFlzAAAK8AAACvABQqw0mAAAACV0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgTVggMjAwNId2rM8AAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMjcvMDbcAykSAAAAeElEQVR4nC2OSwKDIAxE049aLSOBSJrA%2Fe9ZUGeVt5h5Iep5b9%2FtQXe8mln1C6oxALZ6guLK0YgWx54TojDsQ1VQXPPPC8SpMrvs6sxInVJ0E3U9Bq2KZCWK9cbaN%2FvEDkTwUDybnILcXkM4NU2cSpvu1%2BYQwjyOPz86CR3NamYwAAAAAElFTkSuQmCC', save: 'data:image/gif;base64,R0lGODlhDQANAKIAAP%2F%2F%2F%2F%2F%2F94SEhE5R5EZLXP%2F%2F%2FwAAAAAAACH5BAUUAAUALAAAAAANAA0AAAMwSLpMVWQMAoAQIbo46wWcIlGWAI5hBQTnxLmL5Mo0LcIM2qmqpvG9GQno2xFxjUYCADs%3D', copy: 'data:image/gif;base64,R0lGODlhDQANAKIAAAAAANnBdqWDC0ZLXP%2F%2F%2F%2F%2F%2FAP%2F%2F%2FwAAACH5BAUUAAYALAAAAAANAA0AAAMyaKrQuyMOUIAcZoRN%2BxbWFhAkCQSgFjRsg4aoIM%2BvKt41jqf6zfcfGDA1KxYBhpbSkQAAOw%3D%3D', view: 'data:image/gif;base64,R0lGODlhDQANANUAAP%2F%2F%2F8r%2F2eH23%2BDw9Nfw4Nbv39fv4Nbt6tXs6bnrvcbj3rPrt8Ti3KjZto%2FLcbiuky7KEBPJCS23ACquAC2nAACzACemAAqhEACTAAGTAQCLAACJFQCHAACCAAJ%2BAgB9AAB0AAJrDABqCkZLXABkAAFkAT44AJ0TIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAQUAP8ALAAAAAANAA0AAAZbwJFwSCQCjoOGcnAECI8MEWkaUhyfiM9nw%2B14Ds4RoIC5mM0ZQnhcPl8yhjVAUInYK4KruOmAOJprCwkBDycPAQkLaxwcGCAmIBgaGmsWlhMSExSbcoCeRaBDQQA7', bbCode: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAA3NCSVQICAjb4U%2FgAAAAGFBMVEX%2F%2F%2F9GS1xGS1xGS1xGS1xGS1xGS1xGS1xn6jnHAAAACHRSTlMAM0RViJmq%2F%2BmTQ%2BoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAldEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIE1YIDIwMDSHdqzPAAAAFnRFWHRDcmVhdGlvbiBUaW1lADExLzAzLzA2j9bmkQAAADJJREFUeJxjKC8PYAgvL2AoTzVgME0H0gIMDAziQFoBSKuTQcP0pygwqIQDaaD56eUFAPY3E2VV5VGNAAAAAElFTkSuQmCC', html: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAA3NCSVQICAjb4U%2FgAAAAJ1BMVEX%2F%2F%2F9GS1xGS1xGS1xGS1xGS1xGS1xGS1xGS1xGS1xGS1xGS1xGS1y2OUrmAAAADXRSTlMAESJEVWZ3iJmqu93%2F6GZkLAAAAAlwSFlzAAALEgAACxIB0t1%2B%2FAAAACV0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgTVggMjAwNId2rM8AAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMDMvMDaP1uaRAAAAVElEQVR4nGNgYGBiZACDEpYCEMV%2BhOUYiM6ZwDAngIGB9QQDA%2BcRBoY5IMmeBobTIDnuAww1EyB85lMQeQafhYxrgOoZWI%2BwHAWbl8KSAKYZQeYDAJyLEakfRhs9AAAAAElFTkSuQmCC', allsizesIcon: 'data:image/gif;base64,R0lGODlhDQANANUAABMSEa6wt2x%2BidHk5lldbEZJSY2NmcDT1vP%2F%2Fzc6O2tse4SGkmZmZpmZo8TX2icoKLnAxdzv83l8iUNHWd3d34Wbo0dMXWZmZszMzGx8h%2BTl556prLG1u4WSldnZ3MTGy3Byf97v93N9ibW1vY6kq4CDj11hcEtPYJSUpaGkq5ulpv%2F%2F%2F6q6v3V3hHV5hm%2BCjcnb3eXv8ZytrYyUlOH093CEjv%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUADYALAAAAAANAA0AAAZoQJtNkyIQKMKk8EPgrFaSkkZpM61iHdYKo1CmODHEQ0VjiTBJwqqTADwKjpchvWJtHgzVQdBIUiQrEQUqAxUnAUoLECQwBxUZLVQ2IBk1AhMgFhKSHg0NHDYSmpJUoi6kSqIMqEkMGEEAOw%3D%3D', rss: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAA3NCSVQICAjb4U%2FgAAAA5FBMVEX%2F%2F%2F%2FbgTbbeTTMZjPokELliULmhEPokELliULmhEP%2F%2F%2F%2F%2F%2B%2Fj%2F9u788uz%2F8eD87%2Bf%2F5tb%2F5c7738T%2B27b52MT20rz40bP%2FzJnzx7D6x4%2F9xIf2xJz4w5P8wH72wJL4v4b4wIn4uXz8um7wtpf7s2L8slz8rUv7q0z7q1D6q1D2qlv8qUT2qF34pUr5pEP2o1D0oFP1n0j4oD%2F2nTvwm1jxnFPwnEjwm0TwlkztllXvlUPxkjfvjkLyjzLrj0zvjT3miU3liULrhzzmhjnmhEPlgk7kfDvkekHheUbkdjzeczHfbjg30p4HAAAATHRSTlMAIiIiqqqqu7u7%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2Fh03wwAAAAAlwSFlzAAAK8AAACvABQqw0mAAAACV0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgTVggMjAwNId2rM8AAACtSURBVHicBcGLQoIwFADQ6yPRG4L4SjEsNcXEQZPa7DqlAc6o%2F%2F8fz4H6Q1FkikgI0WxAW18%2B6Sw5CzfvFuh83O0%2FJ2m4CZkArWYOouNHIeMEij72yRTxKeZSQSY9HLytbXw5kQKSrx7ico3uMddw5CkL7MfdDFd%2FJYiD3%2FMDHH%2FhqDIgYw895uC3a18NiCjoL07z4c9q8mvA2sacKC9N9X%2FrQKMpSCldlMa0andLpRqf6%2FvFqQAAAABJRU5ErkJggg%3D%3D', paypalDonate: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAASCAMAAADbs%2FYFAAAAA3NCSVQICAjb4U%2FgAAACTFBMVEX%2F%2F%2F%2F%2FkTj%2FcgD%2FZgD%2FVQD%2FMwD%2FkTj%2FegX%2FcgD%2FcAX%2FZgD%2FpEL%2Fo0b%2FoED%2FnD3%2FmTP%2FnD3%2FmTP%2FoED%2FmTP%2F%2F%2F%2F%2F%2Fu%2F%2F%2Ffj%2F%2Ft%2F%2F%2F7r%2F%2Be%2F%2F%2F7f%2F9%2Bb%2F%2BOD%2F%2BrP%2F9c7%2F9cX%2F8df%2F9q3%2F8rb%2F78z%2F8ML%2F8Lz%2F6sz%2B7Kz%2B5rb%2F5ML%2F5az%2F5L3%2F4bXv5rb347X047v14bX44K7%2B36L%2B3Jr23Kfq3Ln%2F1p3s2bHx2KX%2F1Jbi1rb%2F0oPp1Kb%2B0IH%2Fzoz%2FzXzm0KLe0K3iz6P%2FzGbfzaD%2FxnD%2FxWPWyqr%2Fvmf%2Bvlr%2FvVLTw53%2Fu0n0vWDLwKHwumLMv5rCwLPovGX%2Bt0nFv6XNvZX%2FtUG9vrH%2Fr17%2Fsj3%2FtCm9uqi%2BuKP%2FrzLjsmT%2FriP%2FqlP%2FrD3%2FrCfbsWW%2BtZe2s6Herlr9qCessqq1sZr%2FpEL%2Fo0b1qDDRrGn2pSjTqmLPqWatrJyqrZfuoSr%2FmTPsoCrlnzKkppq5oWnfnDPfmi2fopO1nGbVlTGXnI%2BZmZm1mF3HkzqslWbJkDOolGjGjzeMlpLEjTTAjTjAizWJko6Cjox9jI%2BrhECShmSlgUF4hYWYe0RvgYqEfWRwgIRrfIJlfIZzc2t0c2FbdoJjc4RcdH9Xb3pQa3tuZktHZHlTYmVDYnk%2FXnc6XnlXWVA7W3U0V3QwVXQsU3U6TlcxSlohSW8sQmEXRXAnQ1gcQ2YhQmshQmMYQmwhQloTQGsbP10gPWAePV0TPmYaOV4NOmoJOmkUN14RN2MONGYHNGMIMmwAM2YILGkAKWN%2B%2FMnKAAAAxHRSTlMAEREREREiIiIiIru7u7u7zMzu7v%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FKF7Z4gAAAAlwSFlzAAALEgAACxIB0t1%2B%2FAAAACV0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgTVggMjAwNId2rM8AAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMDMvMDhQi%2B8bAAACOklEQVR4nGNgAAIWLqFsMMiCYiKAEBczAxSw8kQoSEqDgaQYlEEQqEVws0K182uKEKsLASRFtPkhBvBriyoggDgQKBAFRLX5gLqZBMxk1JThQC4wIyNcWQ5JBCdQk7EUZGLgTJDTRgAV0xX7du1baKWioqINRkCsDUYq%2Bj3R8mBBhGKtLHYGYU8NJKAas7tNt%2FBwt6p527RyPY2QmNRpIRp6hZN63B2nHa7XSJ1Wb4BQrG3sJcxQEmyrraEFA0p1B%2F2UtBYtdVq6eub%2BbsPlB6eu3mSYuWHCstVtu%2FZ1tW2atm%2BWEkythoZzcAlDSWSwrRbcANmpBy20tJbNn7DbW2L2FoddC6WmHLYI6C6au8VkxWz1TYucFu1yUodq13INCwPpj430tDaC6ldfulRLMfRw3ZzViopz1qYcrJZduthh7vwJu%2Ba6HK7z3r1w2pxpNhCVxrZesZGRQP2xsbFJscFebiDgHLd%2BQXLF6m3%2BM3YEFRyY0bcj33%2F9jKbDDbm7JtccrvHdMSNteoszWKVXGFBXbGwJg3B6EhCAiaSkqI49e7fuWdcYVbZq%2B84lOfM2J7Xu7y%2FbvHHVwd6OQ6vKJm5ds7IyKgmqIRZICjOwlSSlw0F8aXN7ZzNINq%2B9OSm%2Btjm%2BtD0vvri9uLkqvbY5L6kKiBGq05NK2BgYBRN9wsgDPomCjKD062HvSg6w9%2BCH5h87HTPSgY4dNP8wsPAm6KiRCnQSuFlgBQATh1B2FgTAaEIgW4iDCaQVALTbO8hR9gnCAAAAAElFTkSuQmCC', premasagarBuddyicon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U%2FgAAABgFBMVEXmPQQZLd6K3QoQuN9lWGgQf9yxrg2o%2FVLMzJm%2FHbtaiGdvQUPMzAB5c6%2FaJ2WLC8Dwu2jjnz5j0KroiVFwdkLEfBR%2FwS3MAP%2FhwD%2FYu3nCVF9zIMtSc9D2nQbUd1qGCf%2FUE4HoG0G%2FL7vbVSizQmTP0CK6%2B6u96QWEQdzaaT5K1pSZ%2FzMI9O3Af1fmjwBaKdrbgwuxl%2FnobYrZYADzn0Xb9RErhOzB%2B16dGd0D5fTgTz3WHzziY13B0C6NRIG0ouSwrT%2FEAOLBxhzzqlsEmuxnQazMM5lPMezkZZrATRbmygc02arcr3fZ80nzkh3EPXdTivmPMsLZSlzAQkWo5ALq0HfBnRzhRTzniSC12jX1v6vufAALnM5%2FnFKU5qXd4CPT20ShS4gQ5uKY%2BGrOfiHaYSWYPb7gQl5THe1nToh8HcygXTvAMNvK0haxLzLHD8v0YADn3wqtIZ7mUhi3%2BgDSmAzFlErs%2B5z00GjMgRSd1T3rSQAHV%2BDrd1zSSj5wEf%2FMziISAAAACXBIWXMAAAsSAAALEgHS3X78AAAAJXRFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyBNWCAyMDA0h3aszwAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8wNi8wNRnkY5QAAAH1SURBVHicLdJtW5pQAIfxkw%2BZzVRKclMpfCqXDU9Tp5I6IbN0Tk0dUVhZQjinE4zcbHXtq%2B%2FAul%2F%2Bf%2BecF1yAFwzD2BujUum30TfUJXjhGzzbRxXYHz4MO3K7626UDnxDjV4UOILwMZU8lkqldLwEW1CoORwcRSDw2qeVLb6BBEEecg50mjCAsY9nzvc8f1SvAx%2F%2BOhM1n9c7rZAkWaHFdyvAUoUUegdCgkI3mJnL5fL7LZ46aHZwJJSgCFSbYUbPw%2BHJ0nGnGAP5tsThEAqCQkWYqTUQixV9cvj2L4K2yHEQQkVoM2eBtauOLMvS7bYONPcIIZ5MRkarHlyQZJkW%2F4MsLRYLUVy8seCCIIo0LelAB4PB6ge90mYknJRQACSbXkAfBs8d3HxeeooPzkLN8ENY%2BWPA%2BWHwEX2Sp3g8PojZx6Hmg6IAENGh6ljuamjPDGLZ0NhOdqoANLdB5%2Bdyt6tpu%2FEMgu1sxUmSdicotsCax2QyaVqXzWRs99lscTTyJxLfV7%2BA07kBu2r%2Fq%2B1%2BOuqdDIdLz729ATjdiGomU3eiqjpYzYGh1Vour1%2BDjxtYOq2x7ES9sc0S5bK5jPq0voMg9TadVtUJW7s4tppzuRzaXyEVNX6Swmbvbh9lDrRa1zsgzzcaXN%2Foak%2Ff9%2B8%2BHxys%2FPoHUK%2BKl%2Bb7xOMAAAAASUVORK5CYII%3D' }; // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ } // end init function // +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ })(); // THE END!
(size key) + ClickCode Pop-up
d + (size key) + ClickDownload image
c + (size key) + ClickCopy code to clipboard
v + (size key) + ClickView image
(size key) + DoubleClickAll Sizes Page