function initPage() {
	rndBoxFixDisplay('title_img', 'img');

	$('js_warning').hide();

	createMouseOverImg(
		//$('buttons').childElements(),		// comment out because of additional GIF
		[$('i1'), $('i2')],
		["res/img/index/enter.png","res/img/index/enter_o.png",
		 "res/img/index/leave.png","res/img/index/leave_o.png"]
	);
}


/* Creates one or more mouseover's via observe()
 * imgElem is a single element or an array of images and
 * can handle id names, DOM or Prototype object.
 * picArr contains the path to the pictures, first for normal
 * view, second for mouseover view.
 */
function createMouseOverImg(imgElem, picArr) {
	var imgArr = [];
	if(typeof imgElem != "object") imgArr[0] = imgElem; else imgArr = imgElem;

	imgArr.each(function(elem, index) {
		// check for already extended Prototype object
		if(typeof elem == 'string') elem = $(elem);
		else if(typeof elem == 'object') { if(typeof elem.writeAttribute != 'function') Element.extend(elem); }

		if(elem.tagName == "IMG") {
			elem.observe('mouseout', function(event) { event.element().src = picArr[index * 2]; });
			elem.observe('mouseover', function(event) { event.element().src = picArr[(index * 2) + 1]; });
		}
	}.bind(this));
}