Eugene

Начните хотя бы с jQuery

Применяйте .bind(this)

Использовать любую из сотен библиотек для отображения popup-окон

Не создаётся такая переменная. У вас где-то баг в другом месте.

str.replace(new RegExp("word", 'ig'), "word2");

Это объявляется переменная undefined, которая не имеет никакого отношения к «typeof переменная == 'undefined'), кроме похожего звучания и названия.

Эта переменная будет неопределена. И её можно использовать для проверки, что другая переменная не определена, только обязательно тройным знаком равно:

var t;

Это:
if (t === undefined) {

}

даст тот же эффект, что и

if (typeof t == 'undefined') {

}

Но короче.

YSlow

Для уменьшения объёма файлов (данных) вместо json можете попробовать использовать массив массивов. Первый элемент массива — ключи. Дальше — данные. Загружаете и распаковываете в объекты.

При этом методе и создание json на сервере будет быстрее — можно использовать обычные массивы и implode.

www.quirksmode.org/js/events_order.html

Для jQuery есть плагин history.

Есть также новый плагин, который поддерживает html5 pushState и хеш одновременно.

Вот один из вариантов badassjs.com/post/840846392/location-hash-is-dead-long-live-html5-pushstate

Вот здесь что-то техническое классно обсуждают stackoverflow.com/questions/4250553/any-cross-browser-jquery-ajax-history-example-with-window-history-pushstate-and

Попробуйте .concat — нативная браузерная js-функция =)

var array_result = array_first.concat(array_two);

Нужно внутри цикла всё поместить внутрь функции и вызывать её:

(function() {
//…
})();

Тогда для каждого элемента цикла будет своё собственное окружение.