Что значит $(function () {...
 

Что означает следующие код в теле скрипта:
$(function () {....});
когда он будет вызываться?

Функция будет выполнена после загрузки страницы.
Это что то типа:

window.onload = function() {
//...
}

понял, спасибо

Где-то еще по mootools'у еще читал, что правильнее не отрабатывать window.onload, ибо может быть глюк по загрузки, скажем, картинки, а правильнее пользовать внутри $(document).ready(function(){ }); сразу функцию.
Возможно, я не прав - поправьте!

Serg_pnz, обрати внимание:Хотя вообще это onDOMContentLoaded.

спасибо)

Да, действительно, разница в том, что window.onload ждет загрузки не только ДОМ дерева, но и всех картинок, а $(document).ready ждет загрузки только ДОМ дерева. А уж что из этого использовать - твое дело... И если какая-то из картинок будет не найдена, или какой-то из скриптов, то всеравно window.onload сработает. Потому-что он ответ от апача ведь все равно получит, что мол "not found". Это я проверил за минуту :dance: