// Загрузка страницы
window.onload = function()
{
	// Добавим на страницу некоторые элементы
	document.body.innerHTML +=
		'<!-- Некоторые дополнительные элементы -->' +
		'<div id="shadowDiv" style="display:none;position:fixed;top:0px;left:0px;z-index:5;width:100%;height:100%;background-color:black;filter:alpha(opacity=100);">&nbsp;<div id="polaroidPicture" style="display:none;position:absolute;top:10%;left:26%;z-index:10000;width:600px;height:470px;background-color:#dcdbd7;padding:30px;cursor:pointer;" onclick="hideImage()"><img src="" alt="" width="600" height="450" title="закрыть - кликните на картинке"><br>закрыть - кликните на картинке</div></div>'
	

	// Массив всех изображений страницы
	var images = document.getElementsByTagName("img");
	// Пройдем по каждой картинке
	for (var i=0; i<images.length; i++)
	{
		// Если в имени картинки есть слово "-small", то обработаем её
		if (images[i].src.indexOf("-small") > 0)
		{
			images[i].onclick = function()
			{
				// URL большой картинки
				var bigImageURL = this.src.replace("-small", "");
				showImage(bigImageURL);
			}
			// покажем пользователю курсор мышки, как у ссылки
			images[i].style.cursor = "pointer";
		}
	}
}

// Функция показа картинки
function showImage(url)
{
	// Элементы для показа картинки
	var shadowDiv = document.getElementById("shadowDiv");
	var polaroidPicture = document.getElementById("polaroidPicture");
	// Установим URL карнитки
	polaroidPicture.firstChild.src = url;
	// Покажем картинку
	shadowDiv.style.display = "block";
	polaroidPicture.style.display = "block";
}


// Функция убирания картинки
function hideImage()
{
	// Элементы для показа картинки
	var shadowDiv = document.getElementById("shadowDiv");
	var polaroidPicture = document.getElementById("polaroidPicture");
	// Уберем картинку
	shadowDiv.style.display = "none";
	polaroidPicture.style.display = "none";
}