function displayEvent(id){
	document.getElementById(id).style.display='block';
};

function closeEvent(id){
	document.getElementById(id).style.display='none';
};

// Скрипт отображения/сокрытия элемента
// на странице.

function toggleElement(elementId){
	var element	=	document.getElementById(elementId);
	var displayStyle = '';
	if(navigator.appName == 'Microsoft Internet Explorer'){
		displayStyle = 'block';
	}
	else{
		displayStyle = 'table-row';
	}	;
	if(element.style.display == displayStyle || element.style.display == 'block'){
		element.style.display = 'none';
	}else{
		element.style.display = displayStyle;
	};
};

//--- Скрипты мини-галереи;
// Функция возвращающая значение того - насколько
// прокручена страница (Y) на экране пользователя.

function getBodyScrollTop(){
	return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
};

// Функция прокрутки страницы на значение полученое
// из getBodyScrollTop() и вставки изображения
// в контейнер blankPage.

function displayImage(imageName){

// получаем координаты прокрутки экрана;

	var y = getBodyScrollTop();
	
// затемняем экран с помошью #displayBlank;

var blankPage = document.getElementById('displayBlank');
blankPage.style.display = 'block';
blankPage.style.top = y+'px';

// прокручиваем экран на заданую высоту;
	
	window.scrollTo('0',y);

// Формируем HTML-код изображения для вставки в
// выходной контейнер.

var imageOutputHTMLCode = '<img src="images/'+imageName+'.jpg"class="displayedImage">';
blankPage.innerHTML = imageOutputHTMLCode;
};