<a href="javascript:alert('I am bookmarklet'); void 0;">Bookmarklet</a>

(function () {
    // создаем новую внутреннюю переменную a (лучше в данном случае использовать короткие идентификаторы)
    // и сразу же добавляем свой объект в глобальный объект window, и записываем в него данные, которые уникальны
    // для каждого пользователя (ведь они сгенерированы сервером для пользователя перед тем, как он добавил этот букмарклет к себе)
    var a = window.allThat = { 
        userId : '123345456',
        server : 'http://mysite.com/',
        script : document.createElement('script'), // создадим и запомним тэг скрипт, 
        // который сгрузит нам код нашего приложения - мы его потом удалим, если пользователь нажмет кнопку "закрыть"
        css : document.createElement('link')
    },
    /* динамически создаем элементы: */
    h = document.getElementsByTagName('head')[0];
    a.css.rel = 'stylesheet';
    a.css.href = a.server + 'css/bookmarklet.2.css';
    h.appendChild(a.css);
    a.script.src = a.server + 'js/bookmarklet.7.js';
    h.appendChild(a.script);
    h=null;
})();

    (function () {
        var Dom = {
            get : function (el) { 
                return (el && el.nodeType) ? el : document.getElementById(el); 
            },
            addListener : function (el, type, fn) { 
                    if (document.body.addEventListener) { 
                        return function (el, type, fn) { 
                            el.addEventListener(type, fn, false); 
                        }; 
                    } else if (document.body.attachEvent) { 
                        return function (el, type, fn) { 
                            el.attachEvent('on' + type, fn); 
                        }; 
                    } else { 
                        return function (el, type, fn) { 
                            el['on' + type] = fn; 
                        }; 
                    } 
                }(),
            removeListener : function (el, type, fn) { 
                    if (document.body.removeEventListener){ 
                        return function (el, type, fn) { 
                            el.removeEventListener(type, fn, false); 
                        }; 
                    } else if (document.body.detachEvent) { 
                        return function (el, type, fn) { 
                            el.detachEvent('on' + type, fn); 
                        }; 
                    } else { 
                        return function (el, type, fn) { 
                            el['on' + type] = function () { return true; }; 
                        }; 
                    } 
                }(),
            hide : function (el) {
                el.style.display = 'none';
            },
            show : function (el) {
                el.style.display = '';
            }
        },
 
        allThat = window.allThat;
 
        allThat.Bookmarklet = function () {
            // where to send user data and where from take wishlists list
            var wishlistsLocation = allThat.server + 'wishlists/',
            sendTo = allThat.server + 'wishes/',
 
            // bookmarklet window html code
            innerHTML = '<div id="allthat-wish"><div class="allthat-saving" id="allthat-throbber">saving...</div><div id="allthat-logo"><span>AllThat</span></div><button title="close" id="allthat-close"><span>close</span></button><h1><span>Add To Wishlist</span></h1><form action=""><div class="allthat-field"><label for="allthat-product">Product Name:</label><br /><input type="text" name="product" value="(Ex: Black iPhone Adapter)" class="allthat-sample-value" id="allthat-product" /></div>	<div class="allthat-field"><label for="allthat-wishlist">Add to List:</label><br /><select name="wishlist" id="allthat-wishlist"></select></div><fieldset id="allthat-low-price">	<h2>Low Price Alerts!</h2>			<div class="allthat-field" id="allthat-range"><label for="allthat-minprice">How much would you like to pay?</label><br /><input type="text" name="minprice" value="(min)" class="allthat-sample-value" id="allthat-minprice" />to<input type="text" name="maxprice" value="(max)" class="allthat-sample-value" id="allthat-maxprice" /></div><h3>Alert me via:</h3><fieldset id="allthat-alerts"><input type="checkbox" name="email" id="allthat-email" /><label for="allthat-email" id="allthat-email-label">Email</label><br /><input type="checkbox" name="sms" id="allthat-sms" /><label for="allthat-sms" id="allthat-sms-label">SMS</label><br /><input type="checkbox" name="twitter" id="allthat-twitter" /><label for="allthat-twitter" id="allthat-twitter-label">Twitter</label><br /><select name="frequency" id="allthat-frequency"><option value="0" selected="selected">-- Alert Frequency --</option><option value="1">Daily</option><option value="7">Weekly</option><option value="30">Monthly</option></select></fieldset></fieldset><button title="Add" id="allthat-add"><span>Add</span></button></form><div id="allthat-errors" style="color:red;"/></div>',
 
            // dom elements:
            container = document.createElement('div'),
            errorDiv,
            alertFrequencyDropdown,
            wishlistsDropdown,
            wishlistsWrapper,
            savingThrobber,
            closeButton,
            titleInput,
            minPriceInput,
            maxPriceInput,
            sendButton,
            alerts = {},
            scripts = [],
 
            // input default values:
            titleDefaultValue = '(Ex: Black iPhone Adapter)',
            minPriceDefaultValue = '(min)',
            maxPriceDefaultValue = '(max)',
 
            // errors array - used for validation
            errors = [],
            errorMessages = {
                titleEmpty : 'Please enter product name',
                wishlistNotSelected : 'Please chose list',
                frequencyNonSelected : 'Please chose alert frequency'
            };
 
            // append bookmarklet window html to the target page
            function createTemplate () {
                container.innerHTML = innerHTML;
                document.body.appendChild(container);
            };
            // initialize javascript references to the Dom elements
            function initializeDomElementsReferences () {
                errorDiv = Dom.get('allthat-errors');
                alertFrequencyDropdown = Dom.get('allthat-frequency');
                wishlistsDropdown = Dom.get('allthat-wishlist');
                wishlistsWrapper = wishlistsDropdown.parentNode;
                savingThrobber = Dom.get('allthat-throbber');
                closeButton = Dom.get('allthat-close');
                titleInput = Dom.get('allthat-product');
                minPriceInput = Dom.get('allthat-minprice');
                maxPriceInput = Dom.get('allthat-maxprice');
                sendButton = Dom.get('allthat-add');
                alerts.email = Dom.get('allthat-email');
                alerts.sms = Dom.get('allthat-sms');
                alerts.twitter = Dom.get('allthat-twitter');
            };
            // disable wishlist dropdown before server response with wishlists array doesn't arrive
            function initializeGUI () {
                wishlistsDropdown.disabled = 'disabled';
                wishlistsDropdown.style.width = '90%';
                wishlistsWrapper = wishlistsDropdown.parentNode;
                wishlistsWrapper.style.background = 'transparent url(' + allThat.server + 'images/bookmarklet/ajax-loader-blue.gif) no-repeat right';
                Dom.hide(savingThrobber);
            };
            // bind event listeners to the controls
            function attachListeners () {
                Dom.addListener(closeButton, 'click', destroy);
                Dom.addListener(titleInput, 'focus', function () {if (titleInput.value == titleDefaultValue) activateInput(titleInput);});
                Dom.addListener(minPriceInput, 'focus', function () {if (minPriceInput.value == minPriceDefaultValue) activateInput(minPriceInput);});
                Dom.addListener(maxPriceInput, 'focus', function () {if (maxPriceInput.value == maxPriceDefaultValue) activateInput(maxPriceInput);});
                Dom.addListener(sendButton, 'click', function (e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); addItemToList(); return false;});
            };
 
            // validators
            function validateItemTitlePresence () {
                var t = titleInput.value;
                if (t.replace(/^s+|s+$/, '').length == 0 || t == titleDefaultValue) errors.push(errorMessages.titleEmpty);
            };
 
            function validateWishlistPresence () {
                if (typeof wishlistsDropdown.value === 'undefined') errors.push(errorMessages.wishlistNotSelected);
            };
 
            function validateFrequencyPresence () {
                for (var alert in alerts) { 
                    if (alerts[alert].checked && alertFrequencyDropdown.value == 0) {
                        errors.push(errorMessages.frequencyNonSelected); 
                        return;
                    }
                }
            };
 
            function validate () {
                errors.length = 0;
                validateItemTitlePresence();
                validateWishlistPresence();
                validateFrequencyPresence();
                return errors.length == 0;
            };
 
            function displayErrors () {
                var output = '', error, i = 0;
                while (error = errors[i++]) {
                    output += error + '<br/>';
                }
 
                errorDiv.innerHTML = output;
            };
 
            // this function called if user clicks on the 'send' button
            // so that we need to validate data, and, if it's all ok,
            // send request to server. Also, we show throbber and setup callback which would stop it
            function addItemToList () {
                if (validate()) {
                    sendItemOnServer();
                }
                displayErrors();
            };
 
            // serialize data into string, show loader and call sendRequest method
            function sendItemOnServer () {
                var data = 'title=' + encodeURIComponent(titleInput.value) + '&wishlist=' + wishlistsDropdown.value;
 
                var temp = minPriceInput.value;
                data += (temp == '' || temp == minPriceDefaultValue) ? '' : ('&minPrice=' + temp);
                temp = maxPriceInput.value;
                data += (temp == '' || temp == maxPriceDefaultValue) ? '' : ('&maxPrice=' + temp);
 
                data += '&alerts=[';
                for (var alert in alerts) { 
                    var a = alerts[alert];
                    if (a.checked) {
                        data += a.name;
                    }
                }
                data += ']';
                data += '&alertFrequency=' + alertFrequencyDropdown.value;
 
                showLoader();
                sendRequest(sendTo, data, 'itemAdded');
            };
 
            // clear inputs
            function clearFields () {
                hideLoader();
                activateInput (titleInput);
                activateInput (minPriceInput);
                activateInput (maxPriceInput);
                for (var alert in alerts) alerts[alert].checked = false;
            };
 
            // misc - remove default value and make font color black
            function activateInput (el) {
                el.className = '';
                el.value = '';
            };
 
            // feed wishlists dropdown with data and enable it
            function activateWhishlistsDropdown (response) {
                var w = response.wishlists, 
                    i = 0, 
                    wishlist, 
                    opt;
                while(wishlist = w[i++]) {
                    opt = document.createElement("option");
    				opt.appendChild(document.createTextNode(wishlist.title));
    				opt.setAttribute("value", wishlist.id);
    				wishlistsDropdown.appendChild(opt);
                }
                wishlistsDropdown.disabled = false;
                wishlistsDropdown.style.width = '100%';
                wishlistsWrapper.style.background = '';
            };
 
            // remove every track of bookmarklet from the page
            function destroy () {
                removeEventListeners();
                removeDOMReferences();
                container.parentNode.removeChild(container);
                container = null;
                allThat.css.parentNode.removeChild(allThat.css);
                allThat.script.parentNode.removeChild(allThat.script);
                allThat = null;
            };
            // to prevent memory leaks on ie6 - remove all js to dom references
            function removeDOMReferences () {
                errorDiv = null;
                alertFrequencyDropdown = null;
                wishlistsDropdown = null;
                wishlistsWrapper = null;
                savingThrobber = null;
                closeButton = null;
                titleInput = null;
                minPriceInput = null;
                maxPriceInput = null;
                sendButton = null;
                alerts.email = null;
                alerts.sms = null;
                alerts.twitter = null;
                var i = scripts.length - 1, script, head = document.getElementsByTagName('head')[0];
                while (script = scripts[i--]) {
                    head.removeChild(script);
                    script = null;
                    scripts[i + 1] = null;
                }
                scripts.length = null;
            };
            // to prevent memory leaks - remove all event listeners
            function removeEventListeners () {
                Dom.removeListener(closeButton, 'click', destroy);
                Dom.removeListener(titleInput, 'focus', function () {if (titleInput.value == titleDefaultValue) activateInput(titleInput);});
                Dom.removeListener(minPriceInput, 'focus', function () {if (minPriceInput.value == minPriceDefaultValue) activateInput(minPriceInput);});
                Dom.removeListener(maxPriceInput, 'focus', function () {if (maxPriceInput.value == maxPriceDefaultValue) activateInput(maxPriceInput);});
                Dom.removeListener(sendButton, 'click', function (e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); addItemToList(); return false;});
            };
 
            // create dynamic script element and remove it immediately after it load
            function sendRequest (url, data, callback) {
                var head = document.getElementsByTagName('head')[0],
                    script = document.createElement('script'),
                    noCacheIE = '&noCacheIE=' + (new Date()).getTime(),
                    fullUrl = url + '?callback=' + encodeURIComponent(callback) + '&userId=' + allThat.userId+ ((data) ? ('&' + data) : '') + noCacheIE;
 
                script.setAttribute('type', 'text/javascript');
                script.setAttribute('src', fullUrl);
                script.setAttribute('charset', 'utf-8');
 
                head.appendChild(script);
                scripts.push(script);
                head = null;
            };
 
            // misc - hide send button and show saving throbber instead
            function showLoader () {
                Dom.show(savingThrobber);
                Dom.hide(sendButton);
            };
            // misc - hide saving throbber and show send button instead
            function hideLoader () {
                Dom.hide(savingThrobber);
                Dom.show(sendButton);
            };
 
            return {
                initialize : function () {
                    createTemplate();
                    initializeDomElementsReferences();
                    initializeGUI();
                    attachListeners();
                    sendRequest(wishlistsLocation, null, 'loadWishlists');
                },
 
                destroy : function () {
                    destroy();
                },
 
                loadWishlists : activateWhishlistsDropdown,
 
                itemAdded : clearFields
            };
        }();
 
        // to prevent memory leaks, remove all js <-> dom references, including dom elements references and event listeners
        Dom.addListener(window, 'unload', function () {
            if (allThat) allThat.Bookmarklet.destroy();
            Dom.removeListener(window, 'unload', arguments.callee);
        });
 
 
        allThat.Bookmarklet.initialize(); // show bookmarklet - this is visual start of the application
 
    })();

function destroyTheWorld (when, byWhom) {
    if (!when||!byWhom) return 'fuck off';
};

    !0 === !'' === !null === !undefined === !false === true;

function shouldWeDestroyTheWorld (acceptance) {
    if (acceptance) {
        World.getInstance().destroy();
    } else {
        World.getInstance().armageddon = 'stopped';
        World.getInstance().destructionTimer.stop();
    }
}

if (typeof ArrayUtilites == "undefined" || !ArrayUtilites) {
    var ArrayUtilites = {};
}
 
ArrayUtilites.each = (Array.prototype.forEach) ?
    function (a, f, o) {
        Array.prototype.forEach.call(a, f, o || A);
        return ArrayUtilites;
    } :
    function (a, f, o) {
        for (var i = 0, it; it = a[i]; i=i+1) {
            f.call(o || A, it, i, a);
        }
        return ArrayUtilites;
    };

    alert(YUI.Lang.isNumber(new Number(1))); // false
    alert(YUI.Lang.isBoolean(new Boolean(true))) // false

// для простоты восприятия я выкинул все лишнее, относящееся только к YUI
isBoolean = function(o) {
    return typeof o === 'boolean';
};
 
isNumber = function(o) {
    return typeof o === 'number' && isFinite(o);
};

isBoolean = function(o) {
    return (typeof o === 'boolean' || (o !== null && typeof o === 'object' && (typeof o.valueOf() === 'boolean')));
};

isNumber = function(o) {
    return ((typeof o === 'number') || (o !== null && typeof o === 'object' && (typeof o.valueOf() === 'number')) && isFinite(o);
};

alert(isNumber(new Date())); // return true;

isNumber = function(o) {
    return ((typeof o === 'number') || (o !== null && typeof o === 'object' && !(o instanceof Date))) && (typeof o.valueOf() === 'number')) && isFinite(o);
};

isBoolean = function(o) {
    return typeof o === 'boolean' || o instanceof Boolean;
};
 
isNumber = function(o) {
    return (typeof o === NUMBER || o instanceof Number) && isFinite(o);
};

// Для этого проекта мы будем использовать одну переменную с глобальной областью видимости "DEMO".
// Для чего нужно использовать как можно меньше переменных с глобальной областью видимости?
// По двум причинам:
// 1. Вы можете быть уверенным, что весь ваш код надежно упрятан в безопасное место, и другой разработчик, подключив
//      свой модуль (или свою библиотеку), не сломает вашу функцию или объект, и ваш код (и его) будет работать именно так,
//      как вы ожидаете. Программирование - непростая штука, так зачем находить себе проблемы там, где их можно избежать?
// 2. Объекты, являющиеся свойствами глобального объекта (в клиентском javascript'е - объекта window) иначе обрабатываются
//      сборщиком мусора, и живут дольше, а значит, если вы для каждую мелкую функцию или временную переменную будете
//      создавать в глобальной области видимости, использование памяти будет неоптимальным, что само по себе плохо. А если
//      вы плохо распоряжаетесь памятью, то, по мере роста функционала, ваш проект очень скоро начнет тормозить.
// Лично для меня любая из этих причин является достаточно веским аргументом для того,
// чтобы упаковывать весь свой код в одну переменную с глобальной областью видимости.
if (typeof DEMO == "undefined" || !DEMO) {
    var DEMO = {};
}
 
// Lang - это утилита, содержащая удобные методы для работы с языком.
// На самом деле, это просто синтаксический сахар - то есть, можно обойтись и без них,
// но с ними приходится меньше печатать, да и код становится более человекопонятным.
//
// Обратите внимание, что перед тем, как создать объект Lang в объекте DEMO, я проверяю, не создан ли он уже
// в рамках этой демонстрации это не является необходимым, но в случае, если ваш код будет использовать человек,
// не слишком хорошо понимающий, что он делает (скажем, просто подключает ваш виджет к своему блогу),
// он может и два и три раза подключить несколько ваших виджетов, имеющих те же самые объекты как свою часть - а без
// этой проверки объект DEMO.Lang несколько раз перезапишется, причем, это будет совершенно лишняя операция.
DEMO.Lang = typeof DEMO.Lang != 'undefined' && DEMO.Lang ? DEMO.Lang : {
    isUndefined : function (o) {
        return typeof o === 'undefined';
    },
    isString : function (o) {
        return typeof o === 'string';
    }
};
 
// DOM - это ряд функций, облегчающих работу с DOM. В рамках примера мне достаточно только двух - навешивание и удаление
// обработчиков событий, метод get вспомогательный и без него можно обойтись.
DEMO.DOM = typeof DEMO.DOM != 'undefined' && DEMO.DOM ? DEMO.DOM : {
    get : function (el) {
        return (el && el.nodeType) ? el : document.getElementById(el);
    },
 
    addListener : function (el, type, fn) {
        // если el не dom-элемент, а строка, тогда пробуем найти dom-элемент с id, равным этой строке
        if (DEMO.Lang.isString(el)) { el = this.get(el); }
 
        // проверка наличия необходимой функциональности в браузере перед использованием функции называется
        // feature-testing.
        // Подробнее об этом принципе можно прочитать, здесь: http://www.unix.com.ua/orelly/webprog/jscript/ch20_01.htm
        // а конкретно об этом кусочке кода здесь: http://fastcoder.org/articles/?aid=17
        if (el.addEventListener) {
            el.addEventListener(type, fn, false);
        } else if (el.attachEvent) {
            el.attachEvent('on' + type, fn);
        } else {
            el['on' + type] = fn;
        }
    },
 
    removeListener : function (el, type, fn) {
        if (DEMO.Lang.isString(el)) { el = this.get(el); }
 
        if (el.removeEventListener){
            el.removeEventListener(type, fn, false);
        } else if (el.detachEvent) {
            el.detachEvent('on' + type, fn);
        } else {
            el['on' + type] = function () { return true; };
        }
    }
};

if (typeof DEMO == "undefined" || !DEMO) {
    var DEMO = {};
}
 
// Обратите внимание - объект строится по так называемому "модульному" паттерну, предложенному YAHOO!
// подробнее: http://ajaxian.com/archives/a-javascript-module-pattern
DEMO.Dialog = typeof DEMO.Dialog != 'undefined' && DEMO.Dialog ? DEMO.Dialog : function () {
    // "private"-свойства
 
    // создаем контейнер диалога и запоминаем его.
    var dialog = document.createElement('div');
 
    dialog.className = 'dialog';
    document.body.appendChild(dialog);
 
    // Главная функция. На вход может приходить как строка (в этом случае она становится текстом окна)
    // так и объек со свойствами:
    // body {String} - текст окна
    // buttons {Array} - массив кнопок, при этом каждая кнопка - объект вида:
    //   id : {String} - id кнопки
    //   text : {String} - текст кнопки
    //   callback : {Function | Object} - либо функция (в этом случае она будет повешена на click по кнопке), либо объект вида:
    //     fn : {Function} непосредственно функция
    //     type : {String} тип события, на которое будет навешена функция.
    var render = function (o) {
        var html, i, length = (typeof o.buttons === 'undefined') ? 0 : o.buttons.length,
            button;
 
        // текст диалогового окна
        if (typeof o === 'string') {
            html = '
 
' + o + '
 
';
        } else {
            html = '
 
' + ((o.body) ? o.body : o) + '
 
';
        }
 
        for (i = 0; i < length; i++) {
            button = o.buttons[i];
            html += '<a id="' + button.id + '" href="#">' + button.text + '</a>';
        }
 
        // нам не нужно беспокоиться об утечках памяти, Дуглас Крокфорд побеспокоился за нас
        DEMO.DOM.setInnerHTML(dialog, html);
 
        activateListeners(o.buttons);
    };
 
    // навешиваем обработчики событий на кнопки. Если кнопок нет - ничего не делаем.
    var activateListeners = function (buttons) {
        var i, length, button, isUndefined = DEMO.Lang.isUndefined;
 
        if (DEMO.Lang.isUndefined(buttons)) { return; }
        length = buttons.length;
 
        for (i = 0; i &lt; length; i++) {
            button = buttons[i];
            if (!isUndefined(button.callback.type) &amp;&amp; !isUndefined(button.callback.fn)) {
                DEMO.DOM.addListener(button.id, button.callback.type, button.callback.fn);
            } else {
                DEMO.DOM.addListener(button.id, 'click', button.callback);
            }
        }
        cached_buttons = buttons;
    };
 
    return {
        // публичный функции
        // показываем диалогове диалоговое окно
        show : function (o) {
            render(o);
        },
        // прячем диалоговое окно
        hide : function () {
            dialog.style.display = 'none';
        }
    };
}();

    DEMO.Dialog.show({
    body : 'Хотите кофе?',
    buttons : [
        {
            id : 'cancel',
            text : 'Не',
            callback : function () { DEMO.Dialog.hide(); }
        },
        {
            id : 'accept',
            text : 'Да!',
            callback : function () {
                DEMO.Dialog.hide();
                document.body.appendChild(document.createTextNode('Я тоже :)'));
            }
        }
    ]
});

DEMO.Dialog.show({
    body : 'Э... кхм... ваше кофе сбежало!',
    buttons : [
        {
            id : 'accept',
            text : 'Куда?! o_O',
            callback : function () { DEMO.Dialog.hide(); }
        }
    ]
});

/**
 * History managment, for ajax-based pages
 * @class History
 * @constructor
 */
History = function () {
    var
    /**
     * @property currentHash
     * @private
     */
    currentHash,
    /**
     * @property _callback
     * @private
     */
    _callback,
 
    historyBackStack,
 
    historyForwardStack,
 
    isFirst,
 
    dontCheck,
 
    check = function () {
        var i, hash;
        if($.browser.msie) {
            // On IE, check for location.hash of iframe
            var ihistory = $("#APHistory")[0];
            var iframe = ihistory.contentDocument || ihistory.contentWindow.document;
            hash = iframe.location.hash;
            if(hash != currentHash) {
 
                location.hash = hash;
                currentHash = hash;
                _callback(hash.replace(/^#/, ''));
 
            }
        } else if ($.browser.safari) {
            if (dontCheck) {
                var historyDelta = history.length - historyBackStack.length;
 
                if (historyDelta) { // back or forward button has been pushed
                    isFirst = false;
                    if (historyDelta < 0) { // back button has been pushed
                        // move items to forward stack
                        for (i = 0; i < Math.abs(historyDelta); i++) {
                            historyForwardStack.unshift(historyBackStack.pop());
                        }
                    } else { // forward button has been pushed
                        // move items to back stack
                        for (i = 0; i < historyDelta; i++) {
                            historyBackStack.push(historyForwardStack.shift());
                        }
                    }
                    var cachedHash = historyBackStack[historyBackStack.length - 1];
                    if (cachedHash != undefined) {
                        currentHash = location.hash;
                        _callback(cachedHash);
                    }
                } else if (historyBackStack[historyBackStack.length - 1] == undefined && !isFirst) {
                    // back button has been pushed to beginning and URL already pointed to hash (e.g. a bookmark)
                    // document.URL doesn't change in Safari
                    if (document.URL.indexOf('#') >= 0) {
                        _callback(document.URL.split('#')[1]);
                    } else {
                        _callback('');
                    }
                    isFirst = true;
                }
            }
        } else {
            // otherwise, check for location.hash
            hash = location.hash;
            if(hash != currentHash) {
                currentHash = hash;
                _callback(hash.replace(/^#/, ''));
            }
        }
    };
 
    return {
        initialize : function (callback) {
            _callback = callback;
            currentHash = location.hash;
 
            if ($.browser.msie) {
                // To stop the callback firing twice during initilization if no hash present
                if (currentHash == '') {
                    currentHash = '#';
                }
 
                // add hidden iframe for IE
                $("body").prepend('');
                var iframe = $("#APHistory")[0].contentWindow.document;
                iframe.open();
                iframe.close();
                iframe.location.hash = currentHash;
            } else if ($.browser.safari) {
                // etablish back/forward stacks
 
                historyBackStack = [];
                historyBackStack.length = history.length;
                historyForwardStack = [];
                isFirst = true;
                dontCheck = false;
            }
            _callback(currentHash.replace(/^#/, ''));
            setInterval(check, 100);
        },
 
        add : function (hash) {
            // This makes the looping function do something
            historyBackStack.push(hash);
 
            historyForwardStack.length = 0; // clear forwardStack (true click occured)
            isFirst = true;
        },
 
        /**
         *
         * @param hash {String} desiring hash without first #
         */
        load: function(hash) {
            var newhash;
 
            if ($.browser.safari) {
                newhash = hash;
            } else {
                newhash = '#' + hash;
                location.hash = newhash;
            }
            currentHash = newhash;
 
            if ($.browser.msie) {
                var ihistory = $("#APHistory")[0]; // TODO: need contentDocument?
                var iframe = ihistory.contentWindow.document;
                iframe.open();
                iframe.close();
                iframe.location.hash = newhash;
                _callback(hash);
            }
            else if ($.browser.safari) {
                dontCheck = true;
                // Manually keep track of the history values for Safari
                this.add(hash);
 
                // Wait a while before allowing checking so that Safari has time to update the "history" object
                // correctly (otherwise the check loop would detect a false change in hash).
                var fn = function() {AP.History.setCheck(false);};
 
                window.setTimeout(fn, 200);
 
                _callback(hash);
                // N.B. "location.hash=" must be the last line of code for Safari as execution stops afterwards.
                //      By explicitly using the "location.hash" command (instead of using a variable set to "location.hash") the
                //      URL in the browser and the "history" object are both updated correctly.
                location.hash = newhash;
            }
            else {
              _callback(hash);
            }
        },
 
        /**
         * Set need we check, or not.
         * @param check {Boolean}
         * @protected
         */
        setCheck : function (check) {
            dontCheck = check;
        },
 
        /**
         * @method getCurrentHash
         * @return {String}
         */
        getCurrentHash : function () {
            return currentHash;
        }
    };
}();

/**
 * Page Flow controller - load hash-specific data, show appropriate container and all that
 * @Class PageFlow
 */
var PageFlow = function () {
    /**
     * show whole list of goods
     * @method loadListOfGoods
     * @private
     */
    loadListOfGoods = function () {
        $('#goodsItemDetails').css('display', 'none');
        $('#listOfGoodsWorkArea').css('display', 'block');
    },
    /**
     * show detailed goods item view
     * @method loadGoodsItemDetails
     * @private
     */
    loadGoodsItemDetails = function (id) {
        var item = M.ListOfGoods.getGoodsItemById(id);
        if (item.pluralizedProfit.length == 0) {
            item.pluralizedProfit = item.pluralizedPrice;
        }
        // fill container with appropriate data
        M.Renderer.renderGoodsItemDetails([item]);
        // show goodsItemDetails
        $('#goodsItemDetails').css('display', 'block');
        $('#listOfGoodsWorkArea').css('display', 'none');
    },
 
    return {
        /**
         * decide what page to load
         * @method loadPage
         * @param pageName {String|Number} location.hash with stripped `#` sign
         * @public
         */
        loadPage : function (pageName) {
            if (L.isUndefined(pageName)) {
                if (M.ClientURI.isMainPage()) {
                    loadListOfGoods();
                }
            }
            // if pageName is number
            if (L.isNumber(pageName) || pageName.replace(/\d+/, '').length == 0) {
                // need to load goods item details page with provided id
                loadGoodsItemDetails(pageName);
            } else {
                switch (pageName) {
                    case 'all':
                        loadListOfGoods();
                        break;
                }
            }
        }
    };
}();

$(function () {
    $('a @rel=[history]').click(function () {
        History.load(this.href.replace(/^.*#/, ''));
        return false;
    });
 
    History.initialize(PageFlow.loadPage);
});