Антон Корзунов

1. Берем хоть jQuery и меняем opacity нужному региону
2. Выкидываем все на свалку, берем нормальные "карты" - благо их много, делаем на них.
Но прийдется немного попрограмировать :(

Почитайте классику про C++/Java, архитектуру, сетевые стеки, хардкорные алгоритмы и тд.
До наступления эффекта, аффекта или прозрения.

В JS все не так как нормальных языках.
изначально переменные имеют глобальную область видимости. Как будто бы они создаются в начале программы.
Ключевое var переводит их в локальную видимость — как будто бы они создаются в начале вашей функции(а не строчки или скобочки)

получается что$.each(data, function (i, item) {
$("#slideInner").append(item.title);
var records = 10; <-- обьявлена как VAR. За пределами этой функции она не определена.
});
Сейчас вам достаточно убрать var у records.

jQuery(function(){
//remove big image
});
jQuery(window).load(function(){
setTimeout(funcition(){
//restore big image \ lazyLoad
}, 1);
// срабатывание гуглевого счетчика… :P
});

Вы почти правы — нужен периодический flush на стороне сервера.
А как заставить сервер передавать ответы gzipнутыми кусочками?
Либо можно изменить content-type на такой который не будет ловиться апачем и не згипаться, либо просто попросить chunked вариант трансфера данных.

function fireAllInRealOrder(){
for (var j in onload_js[i]["src"]) {
onload_js[i]["callback"]();
}
}
for (var i in onload_js) {
for (var j in onload_js[i]["src"]) {
$.getScript(onload_js[i]["src"][j],function() {
if (//Здесь проверка что все остальные скрипты загружены тоже)
fireAllInRealOrder();
}
}
}
что мешает сделать просто по другому?

SVG с регионами + второй слой с обьектами

ТС не следует забывать что разные тама Хромы и другие ИЕ с заводскими настройками могут параноидально не обновлять файлы.
Посему — хороший вариант — только включать mtime файлы(или версию или как либо еще) в имя файла, либо менять его совсем.
Либо напрочь и полностью сносить кеширование файлов.

Других СТАБИЛЬНЫХ вариантов — особо то и нет.

javascript вообще великолепно работает во всех браузерах.
ВО ВСЕХ.
Это вам не css и не верстка где возможны любые глюки.
В ИЕ есть только два «популярных» момента — eventы и ajax — обе решаются один раз и на всегда в 10 строчек. Ну и операции со строками и сорты разные. Которые просто, при неакуратном обращении, тормозят.

А вы когда-нибудь думали про javascript под… Хром?
Вот кто шаманит так это он — теряет порядок элементов и оверрайдит некоторые поля неких элементов.
Например name у класса( особенно этим страдает mootools, Потому что в name у него будет имя функции конструктора класса).

onclick="kodimg(this)"

var lastkodimg=0;
function kodimg(_this)
{
 if(lastkodimg){
  lastkodimg.className='bimg'
 }
 _this.className='v-img';
 lastkodimg=_this;
}

проверено — работает

По мне так это обычное капсулирование функционала.
А на вход вы можете подать любую переменную, например документ ифрейма а не свой — функции будет как-то фиолетово

Не прав прогер, и у нас на работе почему-то много таких вот не правых.
И не только в JS
наверное потому что люди не Сишники и даже не Паскалисты — а любые «нормальные» языки любое нарушение синтаксиса жестко убивают.
И приучают не писать лишние зпт очень даже быстро