Видимость переменных
 

Доброго времени суток! Столкнулся с проблемой видимости переменных, бьюсь уже третий день и вот решил, наконец, написать на форум, ибо уже не знаю, что с этим делать.

var regField;
var regCaller;
var logField;
var logCaller;
var overlay;
var regButton;
var logButton;

function init() {
	regField = document.getElementById ('regField');
	regCaller = document.getElementById ('regCaller');//Registration label
	logField = document.getElementById ('logField');
	logCaller = document.getElementById ('logCaller');//Login label
	overlay = document.getElementById('overlay');
	regButton = document.getElementById('regButton');
	logButton = document.getElementById('logButton');
}

window.addEventListener('load', init);

Проблема заключается в том, что эти переменные работают как локальные и, соответственно, определены только внутри функции init(), а я хочу их использовать дальше в коде. Помогите, пожалуйста. Заранее спасибо.
P.S. Если вызвать просто функцию init() без навешивания ее на событие load, то все работает.

Ну, следует подумать, в какой момент вызывается init и всё встанет на свои места