Javascript-форум - Объясните, почему так происходит

Вчера не получилось.
Вот сайтик, обрезал его как мог,что бы лишнее не мешало.
Вынес этот код в документ.риди (ничего не работает\а работать должно так: меню поднимается к верху страницы при клике по нему)

var page_home = {
		name : 'home',
		menu : $('#menu'),
		title  : ' - Главная'
	};

Если перенести его вниз(за пределы док.риди) все работает.(наверно за счет того, что скрипт включается перед закрывающим body)
А теперь, самое интересное.
Возьмем строку 44 из index.html и переместим её в <Head> - ничего не работает.(при обоих вариантах расположения кода, хоть в док.риди хоть нет)
Именно этот эффект, я бы и хотел понять, почему нельзя работать с этим объектом, когда JS файл загружен в <Head> и Объект находится в Док.Риди.
Я думаю, что он должен был создаться после загрузки страницы, но когда мы тыкаем на меню, получаем ошибку
ReferenceError: page_home is not defined
-------------
К слову - ~~мопед~~ код не мой, я просто разместил объяву... :victory: