// ==UserScript==
// @name            Flickr AllSizes, by Dharmafly
// @description     AllSizes is a (Greasemonkey) userscript to give better access to Flickr photos: HTML and BBCode for the different image sizes, URLs, downloads and more.
// @version         2.0.1

// @namespace       http://dharmafly.com
// @df:project      http://dharmafly.com/projects/allsizes/
// @copyright       2010+, Premasagar Rose (http://premasagar.com)
// @license         MIT license; http://opensource.org/licenses/mit-license.php


/*!
* Flickr AllSizes
*
*   discuss:
*       flickr.com/groups/flickrhacks/discuss/72157594303798688/
*
*   fave the app in the Flickr App Garden:
*       flickr.com/services/apps/34760/
*
*   latest version:
*       userscripts.org/scripts/source/6178.user.js
*       assets.dharmafly.com/allsizes/allsizes.user.js (mirror)
*
*   userscript hosting:
*       userscripts.org/scripts/show/6178
*
*   source code repository:
*       github.com/premasagar/allsizes/
*
¡*/


// Activate on a Flickr photo page
// @include         http://www.flickr.com/photos/*/*
//
// @exclude         http://www.flickr.com/photos/organize/*
// @exclude         http://www.flickr.com/photos/friends/*
// @exclude         http://www.flickr.com/photos/tags/*
//
// @exclude         http://www.flickr.com/photos/*/sets*
// @exclude         http://www.flickr.com/photos/*/friends*
// @exclude         http://www.flickr.com/photos/*/archives*
// @exclude         http://www.flickr.com/photos/*/tags*
// @exclude         http://www.flickr.com/photos/*/alltags*
// @exclude         http://www.flickr.com/photos/*/multitags*
// @exclude         http://www.flickr.com/photos/*/map*
// @exclude         http://www.flickr.com/photos/*/favorites*
// @exclude         http://www.flickr.com/photos/*/popular*
// @exclude         http://www.flickr.com/photos/*/with*
// @exclude         http://www.flickr.com/photos/*/stats*
//
// @exclude         http://www.flickr.com/photos/*/*/sizes/*
// @exclude         http://www.flickr.com/photos/*/*/stats*
// ==/UserScript==


"use strict";

(function(){
    var // USERSCRIPT METADATA
        userscript = {
            name: 'AllSizes',
	        id: 'dharmafly-allsizes',
	        version: '2.0.1',
	        manifest: 'http://assets.dharmafly.com/allsizes/manifest.json',
	        codebase: 'http://userscripts.org/scripts/source/6178.user.js',
            discuss: 'http://www.flickr.com/groups/flickrhacks/discuss/72157594303798688/'
        },
        
        // NAMESPACE
        ns = userscript.id,
        
        // CHECK UPDATES
        day = 24 * 60 * 60 * 1000,
        checkUpdatesEvery = day,
        
        // URLs
        url = {
            jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'
            // NOTE: Using jQuery 1.3.2, as latest (1.4.2) is not compatible with Greasemonkey. See http://forum.jquery.com/topic/importing-jquery-1-4-1-into-greasemonkey-scripts-generates-an-error
        },
        
        // WINDOW PROPERTIES
        window = this,
        confirm = window.confirm,
        JSON = window.JSON,
        GM_getValue = window.GM_getValue,
        GM_setValue = window.GM_setValue,
        GM_xmlhttpRequest = window.GM_xmlhttpRequest,
        jQuery = window.jQuery,
        windowLocation = window.location,
        
        // DEBUG VARS
        debugCommand = 'allsizesDebug',
        debug = false,
        locationSearch = windowLocation ? windowLocation.search : '',
        debugCommandPos = locationSearch.indexOf(debugCommand),
        debugCommandVal, consoleDebug,
        _ = function(){},
        
        // OTHER
        cache, jsonp, cacheCore, cacheToLocalStorage, cacheToGM, localStorage;
        
        
    // DEPENDENCIES
    
    /*
    * Console
    *   github.com/premasagar/mishmash/tree/master/console/
    */
    consoleDebug = (function(){
        var
            window = this,
            console = window.console,
            opera = window.opera,
            log;
        
        // Doesn't support console API
        if (!console){
            // Opera 
            return (opera && opera.postError) ?
                 function(){
                     var i, argLen, log = opera.postError, args = arguments, arg, subArgs, prop;
                     log(args);
                     
                     argLen = args.length;
	                 for (i=0; i < argLen; i++){
	                     arg = args[i];
	                     if (typeof arg === 'object' && arg !== null){
	                        subArgs = [];
	                        for (prop in arg){
	                            try {
	                                if (arg.hasOwnProperty(prop)){
	                                    subArgs.push(prop + ': ' + arg[prop]);
	                                }
	                            }
	                            catch(e){}
	                        }
	                        log('----subArgs: ' + subArgs);
	                     }
	                 }
                 } :
                 function(){};
        }
        else if (console.log){
            log = console.log;
            if (typeof log.apply === 'function'){
                return function(){
                    log.apply(console, arguments);
                };
	        }
	        else { // IE8
	            return function(){
	                var args = arguments,
	                    len = args.length,
	                    indent = '',
	                    i = 0;
	                    
	                for (; i < len; i++){
		                log(indent + args[i]);
                        indent = '---- ';
	                }
	            };
	        }
	    }
    }());
    // end DEPENDENCIES
        

    // CORE FUNCTIONS
        
    // XHR & RESOURCE LOADING
    
    function ajaxRequest(url, callback, method, data){
	    var request, dataString, prop;
	
	    // Optional args
	    callback = callback || function(){};
	    method = method ? method.toUpperCase() : 'GET';
	    data = data || {};
	
	    // Request object
	    request = {
		    method: method,
		    url:url,
		    headers: {
			    'Accept': 'application/atom+xml, application/xml, application/xml+xhtml, text/xml, text/html, application/json, application-x/javascript'
		    },
		    onload:function(response){
			    _('ajaxRequest: AJAX response successful', response, response.status);		
			    if (!response || response.responseText === ''){
				    _('ajaxRequest: empty response');
				    return callback(false);
			    }
			    callback(response.responseText);
		    },
		    onerror:function(response){
			    _('ajaxRequest: AJAX request failed', response, response.status);
			    callback(false);
		    }
	    };
	
	    // POST data
	    if (method === 'POST'){
		    dataString = '';
		
		    for (prop in data){
		        if (data.hasOwnProperty(prop)){
			        if (dataString !== ''){
				        dataString += '&';
			        }
			        dataString += prop + '=' + encodeURI(data[prop]);
			    }
		    }
		    request.data = dataString;
		    request.headers['Content-type'] = 'application/x-www-form-urlencoded';
	    }
	    
	    // Send request
	    _('ajaxRequest: Sending request', request);
	    GM_xmlhttpRequest(request);
    }
    
    
    // A JSONP bridge that circumvents the restriction in some browsers (e.g. Chrome) that a) don't allow JavaScript objects to pass from the host window to the userscript window, b) don't allow scripts to be loaded into the userscript window, and c) don't allow crossdomain Ajax requests. An utter hack. But it works.
    jsonp = (function(){
        var ns = 'dharmafly_jsonp',
            scriptCount = 0,
            window = this,
            document = window.document,
            body = document.body;

        return function(url, callback){ // url should have trailing 'callback=?', in keeping with jQuery.getJSON
            var // a unique script id
                scriptId = ns + '_' + (scriptCount ++),
                // use script id as the callback function name, and append it to the url "http://example.com?callback="
                src = url.slice(0,-1) + scriptId,
                // script element to load the external jsonp resource
                jsonpScript = document.createElement('script'),
                // script element to inject a function
                callbackScript = document.createElement('script'),
                // textarea to temporarily contain the jsonp payload, once the resource has loaded
                delegateTextarea = document.createElement('textarea'),
                delegateTextareaId = scriptId + '_proxy',
                JSON = window.JSON;
            
            // hide the textarea and append to the dom
            delegateTextarea.style.display = 'none';
            delegateTextarea.id = delegateTextareaId;
            body.appendChild(delegateTextarea);
            
            // inject script that will set up the callback function in the native window
            callbackScript.textContent = '' +
                'window["' + scriptId + '"] = function(data){' +
                    'var JSON = window.JSON,' +
                        'document = window.document;' +                    
                    // remove the jsonp script element
                    'document.body.removeChild(document.getElementById("' + scriptId + '"));' +
                    // add its payload to the textarea
                    'if (data){' +
                        'if (JSON && JSON.stringify){' +
                            'data = JSON.stringify(data);' +
                        '}' +
                        'document.getElementById("' + delegateTextareaId + '").textContent = data;' +
                    '}' +
                '};';
            body.appendChild(callbackScript);
            // script element can be removed immediately, since its function has now executed
            body.removeChild(callbackScript);
            
            // set up the jsonp script to load the external resource
            jsonpScript.id = scriptId;
            jsonpScript.src = src;
            // once it has loaded, grab the contents of the textarea and remove the textarea element
            jsonpScript.addEventListener('load', function(){
                window.setTimeout(function(){
                    _('jsonp: Script loaded: ', callback.toString().slice(0, 100));
                    var data = delegateTextarea.textContent;
                    if (JSON && JSON.parse){
                        data = JSON.parse(data);
                    }
                    callback(data);
                    body.removeChild(delegateTextarea);
                }, 5);
            }, false);
            // append the jsonp script element, and go...
            body.appendChild(jsonpScript);
        };
    }());
    
    function yqlUrl(query, format){
        format = format || 'json';
        return 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent(query) + '&format=' + format + '&callback=?';
    }
    
    function yql(query, callback){
        jsonp(yqlUrl(query), callback);
    }
    
    function proxy(url, callback){
        var proxyDataTable = 'http://code.dharmafly.com/yql/proxy.xml',
            query = 'use "' + proxyDataTable + '" as proxy; select * from proxy where url="' + url + '"';
            
        yql(query, function(data){
            if (data && data.query && data.query.results && data.query.results.result){
                callback(data.query.results.result);
            }
            else {
                callback(false);
            }
        });
    }
    
    
    // CACHING

    cacheCore = {
        get: function(key){
            var w = this.getWrapper(key),
                undef;            
            return w && w.v ? w.v : undef;
        },
        lastModified: function(key){
            var w = this.getWrapper(key);
            return (w && w.t ? w.t : false);
        }
    };
    
    cacheToGM = {
        getWrapper: function(key){
            var nsKey = ns + '-' + key,
                wrapper = GM_getValue(nsKey);
                
            return wrapper ? JSON.parse(wrapper) : wrapper;
        },
        set: function(key, value){
            var nsKey = ns + '-' + key;
            GM_setValue(nsKey, JSON.stringify({
                v: value,
                t: (new Date()).getTime()
            }));
            return value;
        }
    };
    
    cacheToLocalStorage = {
        getWrapper: function(key){
            var nsKey = ns + '-' + key,
                wrapper = localStorage.getItem(nsKey); // FF3.6.8 observed to fail when given localStorage[key]
                
            return wrapper ? JSON.parse(wrapper) : wrapper;
        },
        set: function(key, value){
            var nsKey = ns + '-' + key;
            localStorage.setItem(nsKey, JSON.stringify({
                v: value,
                t: (new Date()).getTime()
            }));
            return value;
        }
    };
    
    // localStorage wrapper
    // originally from http://github.com/premasagar/revolutionaries
    cache = (function(){
        var storageService, storageWrapper, prop;
        
        if (!JSON || !JSON.parse || !JSON.stringify){
            _('cache: no native JSON');
        }
        else {
            try {
                localStorage = window.localStorage;
                _('cache: using localStorage');
                storageService = cacheToLocalStorage;
            }
            catch(e){
                _('cache: no access to localStorage');
                if (GM_setValue && GM_getValue.toString().indexOf("not supported") === -1){
                    _('cache: using GM_setValue/ GM_getValue');
                    storageService = cacheToGM;
                }
            }
            
            if (storageService){
                storageWrapper = function (key, value){
                    if (typeof value === 'undefined'){
                        value = storageWrapper.get(key);
                        _('Cache GET: ' + key, typeof value === 'string' ? value.slice(0, 100) : value);
                        return value;
                    }
                    _('Cache SET: ' + key, value);
                    return storageWrapper.set(key, value);
                };
                // extend wrapper function with cacheCore methods
                for (prop in cacheCore){
                    if (cacheCore.hasOwnProperty(prop)){
                        storageWrapper[prop] = cacheCore[prop];
                    }
                }
                // extend wrapper function with storageService methods
                for (prop in storageService){
                    if (storageService.hasOwnProperty(prop)){
                        storageWrapper[prop] = storageService[prop];
                    }
                }
                return storageWrapper;
            }
        }
        _('cache: no storage available');
        return function(){
            return false;
        };
    }());
    
    // Caching layer for remote resources, e.g. JSON
    // TODO: add check for error responses, and mechanism for deleting keys
    function cacheResource(url, callback){
        var cached = cache(url);
        
        function cacheAndCallback(data){
            if (data){
                cache(url, data);
            }
            callback(data);
        }
        
        if (cached){
            _('cacheResource: fetching from cache', url);
            callback(cached);
        }
        else {
            try{
                _('cacheResource: via ajaxRequest', url);
                ajaxRequest(url, function(data){
                    if (data){
                        cacheAndCallback(data);
                    }
                    else {
                        proxy(url, cacheAndCallback);
                    }
                });
            }
            catch(e){
                _('cacheResource: ajaxRequest failed', url);
                _('cacheResource: via proxy', url);
                proxy(url, cacheAndCallback);
            }
        }
    }
    
    
    // OTHER FUNCTIONS
    
    function flickrDiscussionLastPage(url, callback){
        var flickrBase = 'http://www.flickr.com/',
            query = 'select href from html where url="' + url + '" and xpath="//div[@id=\'Pages\']//div[@class=\'Paginator\']//a[@href]" | sort(field="href", descending="true") | truncate(count=1)';
        
        yql(query, function(data){
            var url;
            
            if (data && data.query && data.query.results && data.query.results.a && data.query.results.a.href){
                url = data.query.results.a.href;
                url = url.replace(/^\//, flickrBase);
            }
            callback(url ? url : false);
        });
    }
    
    function latestUserscriptVersionAlt(callback){
        _('latestUserscriptVersionAlt: checking latest version from discussion thread');
    
        var query = 'select content from html where url="http://www.flickr.com/groups/flickrhacks/discuss/72157594303798688/" and xpath="//head/title";';
        yql(query, function(data){
            var v;
            if (data && data.query && data.query.results && data.query.results.title){
                v = data.query.results.title.replace(/^[\w\W]*v([\d\.]*\d)($|\D[\w\W]*$)/im, '$1');
            }
            callback(v.match(/[\d\.]*\d/) ? v : false);
        });
    }
    
    function latestUserscript(callback){
        var url = userscript.update_url,
            // select changelog from json where url="http://assets.dharmafly.com/allsizes/manifest.json" and changelog.version > "1.0.0" | sort(field="changelog.version", descending="true");
            query = 'select * from json where url="' + url + '"',
            latest = cache('latestUserscript'),
            now = (new Date()).getTime(),
            lastModified,
            cacheAndCallback = function(data){
                if (data && data.query && data.query.results && data.query.results.userscript){
                    latest = data.query.results.userscript;
                    _('latestUserscript: from remote store: ', latest);
                    cache('latestUserscript', latest);
                    callback(latest);
                }
                else { // could not get latest userscript data
                    // try another method to get the latest version
                    latestUserscriptVersionAlt(function(v){
                        if (v){ // apply the latest version to the existing meta data
                            latest = jQuery.extend({}, userscript, {version:v});
                            _('latestUserscript: from alt store: ', latest);
                            cache('latestUserscript', latest);
                            callback(latest);
                        }
                        else {
                            callback(false);
                        }
                    });
                }
            };
        
        if (latest){
            lastModified = cache.lastModified('latestUserscript');
            if (now > lastModified + checkUpdatesEvery){
                _('latestUserscript: checking remote data');
                yql(query, cacheAndCallback);
            }
            else {
                _('latestUserscript: retrieved from cache: ', latest);
                callback(latest);
            }
        }
        else {
            yql(query, cacheAndCallback);
        }
    }
    
    // calls back true if a new updatge to the userscript is available
    function updateAvailable(callback){
        latestUserscript(function(latest){
            var avail = !!(latest && latest.version && latest.version > userscript.version);
            _('updateAvailable:', avail, latest);
            callback(avail ? latest : false);
        });
    }
    
    function checkForUpdates(){
        _('Checking for updates');
        updateAvailable(function(latest){
            if (latest){
                flickrDiscussionLastPage(latest.discuss, function(url){
                    var doUpgrade = confirm(
                        latest.name + ' (userscript):\n' +
                        'A new version is available (v' + latest.version + '). Install now?' +
                        (url ? '\n\nFor more info:\n' + url : '')
                    );
                    
                    if (doUpgrade){
                        window.location.href = latest.codebase;
                    }
                });
            }
        });
    }
    
    function addCss(css){
        _('addCss: ', css);
        jQuery('head').append('<style>' + css + '</style>');
    }
    
    /*
    function toBbcode(html){
        var bb = html;
    
        // images
        bb = bb.replace(/<img [^>]*src=['"]([^'"]+)['"][^>]*>/, '[img]$1[/img]');
        
        // links
        bb = bb.replace(/<a [^>]*href=['"]([^'"]+)['"][^>]*>(.*?)<\/a>/, '[url=$1]$2[/a]');
        
        return bb;
    }
    */
        
    function init(){
        _('initialising ' + userscript.name);
        checkForUpdates();
        
        var
            // DOM selectors
            // TODO: DRY, and only setup on Share menu open
            dom = {
                shareBtn: '#button-bar-share',
                shareMenu: '#share-menu',
                shareOptions: '#share-menu .share-menu-options',
                shareHeaders: '#share-menu .share-menu-options-header',
                
                //emailOption: '#share-menu-options-quick',
                //emailHeader: '#share-menu-options-quick .share-menu-options-header',
                //emailInner: '#share-menu-options-quick .share-menu-options-inner',
                
                embedOption: '#share-menu-options-embed',
                embedHeader: '#share-menu-options-embed .share-menu-options-header',
                //embedInner: '#share-menu-options-embed .share-menu-options-inner',
                embedContainer: '#share-menu-options-embed .sharing_embed_cont',
                embedForm: '#sharing-get-html-form',
                embedTextareas: '#share-menu-options-embed textarea.embed-markup',
                imageSizeSelect: '.share-menu-options-inner select[name=sharing_size]',
                //inputCodeTypeHtml: '.share-menu-options-inner input[name=code-type][type=radio][value=html]',
                //inputCodeTypeBBCode: '.share-menu-options-inner input[name=code-type][type=radio][value=BBCode]',
                inputCodeType: '.share-menu-options-inner input[name=code-type][type=radio]'
            },
            
            buttonNormal = 'Butt',
            buttonDisabled = 'DisabledButt',
            shareOptionsOpen = 'share-menu-options-open',
            
            // Elements created by the userscript
            allsizesImageOption = ns + '-share-menu-options-image',
            //allsizesToggleId = ns + '-toggle',
            allsizesImageLinks = ns + '-image-links',
            allsizesImageSrcInput = ns + '-share-menu-options-image-input',
            allsizesDownloadLink = ns + '-download-link',
            allsizesViewLink = ns + '-view-link',
            allsizesImageSizeSelect = allsizesImageOption + ' ' + dom.imageSizeSelect,
            
            // CSS styles
            css = '#' + allsizesImageOption + ' form {width:282px; margin:0;}' +
                '#' + allsizesImageSrcInput + '{border:1px solid #D7D7D7; display:block; margin:4px 0px 6px; padding:4px; width:274px;}' +
                '#' + allsizesImageSizeSelect + '{float:left;}' +
                '#' + allsizesImageLinks + '{float:right; text-align:right; line-height:16px; padding-top:1px;}' +
                '#' + allsizesDownloadLink + ',' + '#' + allsizesViewLink + '{display:block;}',
            
            // DOM elements
            shareBtn = jQuery(dom.shareBtn),
            shareMenu = jQuery(dom.shareMenu),
            shareOptions = jQuery(dom.shareOptions),
            shareHeaders = jQuery(dom.shareHeaders),
            
            //emailOption = jQuery(dom.emailOption),
            //emailHeader = jQuery(dom.emailHeader),
            //emailInner = jQuery(dom.emailInner),
            
            embedOption = jQuery(dom.embedOption),
            embedHeader = jQuery(dom.embedHeader),
            //embedInner = jQuery(dom.embedInner),
            embedTextareas = jQuery(dom.embedTextareas),
            imageSizeSelect = jQuery(dom.imageSizeSelect, shareMenu),
            inputCodeType = jQuery(dom.inputCodeType),
            
            codeType = cache('codeType'),
            menuOption = cache('menuOption'),
            defaultMenuOption,
            imageSize = cache('imageSize'),
            imageOption, imageSrcInput, imageLinks, downloadLink, viewLink;
        
        // DOM manipulation
        
        function addImageMenuOption(){
            imageOption = embedOption.clone();
        
            // The new "Grab the Image" menu option
            imageOption
                .attr('id', allsizesImageOption)
                .find('textarea, .sharing_embed_cont, [id=code-types]')
                    .remove()
                    .end()
                .find('.share-menu-options-header')
                    .html('<span class="caret"></span> Grab the image')
                    .end()
                .find('p:first')
                    .text('Copy and paste the image URL:')
                    .end()
                .find('[id]')
                    .attr('id', null)
                    .end()
                .find(dom.imageSizeSelect)
                    .before(
                        '<input type="text" value="" id="' + allsizesImageSrcInput + '" />' +
                        '<div id="' + allsizesImageLinks + '">' +
                            '<a id="' + allsizesViewLink + '" target="_blank">view image</a>' +
                            '<a id="' + allsizesDownloadLink + '">download</a>' +
                        '</div>'
                    )
                    .end()
                .insertAfter(embedOption);
            
            imageSrcInput = jQuery('#' + allsizesImageSrcInput);
            imageLinks = jQuery('#' + allsizesImageLinks);
            downloadLink = jQuery('#' + allsizesDownloadLink);
            viewLink = jQuery('#' + allsizesViewLink);
            
            imageSizeSelect = imageSizeSelect.add(imageOption.find(dom.imageSizeSelect));
        }
        
        // Lookup the abbreviation for an image size (the key corresponds to the image size selectbox options; the value corresponds to the textarea id suffixes
        function imageSizeAbbr(imageSize){
            return {
                "Square": "sq",
                "Thumbnail": "t",
                "Small": "s",
                "Medium": "m",
                "Medium 640": "z",
                "Large": "l",
                "Original": "o"
            }[imageSize];
        }
        
        function currentImageSize(){
            return imageSizeSelect.eq(0).find('option:selected').attr('value'); // NOTE: .attr('value') is used instead of .val() because jQuery 1.3.2 + FF 3.6.8 erroneously passes the text content and not the value attribute
        }
        
        function largestImageSize(){
            return imageSizeSelect.eq(0).find('option:last').attr('value'); // NOTE: .attr('value') is used instead of .val() because jQuery 1.3.2 + FF 3.6.8 erroneously passes the text content and not the value attribute
        }
        
        function embedTextarea(imageSize){
            var abbr = imageSizeAbbr(imageSize);
            return abbr ?
                embedTextareas.filter('[id$=-' + abbr + ']') :
                null;
        }
    
        function imageSrc(imageSize){
            var ta = embedTextarea(imageSize),
                val = ta ? ta.val() : '',
                match = val.match(/<img [^>]*src=['"]([^'"]+)['"][^>]*>/);
            return match ? match[1] : '';
        }
    
        function imageDownloadSrc(imageSrc){
            return imageSrc.replace(/(\.\w+)$/, '_d$1');
        }
        
        function changeImageSrc(imageSize){
            var src;
            
            if (imageSize){
                src = imageSrc(imageSize);
                imageSrcInput.val(src);
                viewLink.attr('href', src);
                downloadLink.attr('href', imageDownloadSrc(src));
            }
        }
        
        function initImageSrc(){   
            changeImageSrc(currentImageSize());
        }
        
        // Change the menu position to the menu last opened - or to "Grab the HTML" menu
        function menuPosition(menuOption){
            _('menuPosition: setting to ', menuOption || dom.embedOption);
            if (menuOption){
                defaultMenuOption = jQuery('#' + menuOption);
            }
            if (!defaultMenuOption || !defaultMenuOption.length){
                _('menuPosition: that option not found. Setting to the embed code option.');
                defaultMenuOption = embedOption; // 'Grab the HTML' menu option is the default
            }
            if (defaultMenuOption && defaultMenuOption.length){
                // Remove existing open option
                shareOptions.removeClass(shareOptionsOpen);
                // Apply our own option
                defaultMenuOption.addClass(shareOptionsOpen);
            }
        }
        
        // Cache the menu position, when the position is changed
        function initMenuPositionCaching(){
            _('Setting up menu position caching');
            // Reapply dom selector, to include imageOption header
            shareHeaders = jQuery(dom.shareHeaders);
            shareHeaders.click(function(){
                var menu = jQuery(this).parents('.share-menu-options');
                // set timeout to allow time for combo box to change the classnames
                window.setTimeout(function(){
                    var id;
                    if (menu.hasClass(shareOptionsOpen)){
                        id = menu.attr('id');
                        _('caching the most recently clicked menu option', id);
                        cache('menuOption', id);
                    }
                }, 1500);
            });
        }
        
        function changeEmbedTextarea(imageSize){
            var ta = embedTextarea(imageSize);
            if (ta){
                _('Changing displayed embed code textarea to: ' + imageSize);
                embedTextareas.hide();
                ta.show();
            }
        }
        
        // Change the image size selectbox to the last used size
        function imageSelector(imageSize){
            var defaultImageSize = 'Medium';
        
            _('Cached image size: ', imageSize);
            if (imageSize && imageSize !== defaultImageSize){
                // If the requested value does not exist, use the largest option available
                if (!imageSizeSelect.find('option[value=' + imageSize + ']').length){
                    _('Cached image size not available. Using the largest available.');
                    imageSize = largestImageSize();
                }
                _('Changing image size selectbox to: ' + imageSize);
                imageSizeSelect.val(imageSize);
                changeEmbedTextarea(imageSize);
            }
        }
        
        // Cache the image size when the size selector is changed
        function initImageSelectorCaching(){
            _('Setting up image size caching');
            imageSizeSelect.change(function(){
                var imageSize = jQuery(this).attr('value'); // NOTE: .attr('value') is used instead of .val() because jQuery 1.3.2 + FF 3.6.8 erroneously passes the text content and not the value attribute
                cache('imageSize', imageSize);
                // set all selectors to this size
                imageSizeSelect.val(imageSize);
                changeEmbedTextarea(imageSize);
                changeImageSrc(imageSize);
            });
        }
        
        function updateCodeTypeHeader(){
            var defaultHtml = embedHeader.data('defaultHtml');
            
            if (!defaultHtml){
                defaultHtml = embedHeader.html();
                embedHeader.data('defaultHtml', defaultHtml);
            }
        
            switch (codeType){
                case 'html':
                embedHeader.html(defaultHtml);
                break;
            
                case 'BBCode':
                embedHeader.html('<span class="caret"></span> Grab the BBCode');
                break;
            }
        }
        
        function updateCodeTypeRadio(){
            inputCodeType.each(function(){
                var self = jQuery(this),
                    attr = (self.val() === codeType ? 'checked' : '');
                self.attr('checked', attr);
            });
        }
        
        function changeCodeType(newCodeType){
            _('changeCodeType', newCodeType, codeType);
            codeType = newCodeType;
            
            // Cache the codeType for next page load
            cache('codeType', codeType);
            updateCodeTypeHeader();
        }
        
        function initCodeTypeChanger(){
            _('Cached codeType: ', codeType);
            if (!codeType){
                codeType = 'html';
            }
            inputCodeType.click(function(){
                var codeType = inputCodeType.filter(':checked').val();
                changeCodeType(codeType);
            });
        }
        
        function setSelectBehaviour(){
            shareMenu.find('textarea, input[type=text]')
                .attr('onfocus', null) // the default behaviour doesn't work well in WebKit
                .focus(function(){ // much better
                    var el = this;
                    window.setTimeout(function(){
                        el.select();
                    }, 50);
                });
        }
        
        function isVideo(){
            // One simple check. TODO: make this more robust
            return !jQuery.trim(embedTextarea('Thumbnail').html());
        }
        
        // When the "Share" button is clicked, open the menu at the last viewed menu option
        shareBtn
            .removeClass(buttonDisabled) // change button from disabled...
            .addClass(buttonNormal) // ...to a normal button
            .one('click', function(){ // add init behaviour
                _('Share button clicked. Setting up menu...');
                
                // Add CSS to head
                addCss(css);
                
                if (!isVideo()){
                    addImageMenuOption();
                }
                
                if (codeType){
                    updateCodeTypeHeader();
                }
                
                
                // Wait for UI to update
                window.setTimeout(function(){                
                    if (codeType){
                        updateCodeTypeRadio();
                    }
                    initCodeTypeChanger();
                    menuPosition(menuOption);
                    initMenuPositionCaching();
                    imageSelector(imageSize);
                    initImageSelectorCaching();
                    initImageSrc();
                    setSelectBehaviour();
                }, 50);
            });
    }
    
    // end CORE FUNCTIONS
    
    
    // INITIALISE
    // Debugging: turn off logging if not in debug mode
    if (debugCommandPos !== -1){
        debugCommandVal = locationSearch.slice(debugCommandPos + debugCommand.length, debugCommandPos + debugCommand.length + 2);
        
        if (debugCommandVal === '=0'){
            debug = false;
        }
        else {
            debug = true;
        }
        if (debugCommandVal.slice(0,1) === '='){
            cache('debug', debug);
        }
    }
    else {
        debug = !!cache('debug');
    }
    if (debug){
        _ = consoleDebug;
    }
    
    _('/*! ' + userscript.name + '\n*   v' + userscript.version + ' (userscript)\n*   ' + userscript.discuss + '\n*/');
    
    if (jQuery){
        _('jQuery already loaded');
        init();
    }
    else {
        _('fetching jQuery');
        cacheResource(url.jquery, function(src){
            if (src){
                eval(src);
                jQuery = window.jQuery.noConflict(true);
            }
            if (jQuery){
                _('jQuery loaded');
                
                if (debug){
                    try {
                        window.unsafeWindow.jQuery = jQuery;
                    }
                    catch(e1){
                        try {
                            jQuery('body').append('<script src="' + url.jquery + '"></script>');
                        }
                        catch(e2){}
                    }
                }
                
                init();
            }
            else {
                _("can't load jQuery");
            }
        });
    }
    // end INITIALISE
}());