var modeImg = true;
var saveWidth;
var saveHeight;
var width;
var height;
var percent = 100;
var i = false;
var artImage;

function initImg() {
	var coeff = 0.95;
	width = saveWidth = document.getElementById('imgOeuvre').width;
	height = saveHeight = document.getElementById('imgOeuvre').height;
	while (width > 590) {
		i = true;
		width *= coeff;
		height *= coeff;
		percent *= coeff;
	}
	document.getElementById('imgOeuvre').width = width;
	document.getElementById('imgOeuvre').height = height;
	if (i) {
		document.getElementById('percentImage').innerHTML = '<a href="javascript:zoomImg()">Zoom</a> (' + Math.ceil(percent) + ' %)<br /><br />';
	}
}
function zoomImg() {
	if (modeImg == true) {
		document.getElementById('imgOeuvre').width = saveWidth;
		document.getElementById('imgOeuvre').height = saveHeight;
		modeImg = false;
		if (i) {
			document.getElementById('percentImage').innerHTML = '<a href="javascript:zoomImg()">Zoom</a> (100 %)<br /><br />';
		}
	} else {
		document.getElementById('imgOeuvre').width = width;
		document.getElementById('imgOeuvre').height = height;
		modeImg = true;
		if (i) {
			document.getElementById('percentImage').innerHTML = '<a href="javascript:zoomImg()">Zoom</a> (' + Math.ceil(percent) + ' %)<br /><br />';
		}
	}
}

function openArtImage(img)
{
	var path = '../images/oeuvres/';

	// create yet another block
	artImage = document.createElement('div');
	artImage.style.textAlign = 'center';
	artImage.innerHTML = '<img src="' + path + img + '" />';
	artImage.onclick = function(e) {
		if (!e) var e = window.event;
		e.cancelBubble = true;
		if (e.stopPropagation) e.stopPropagation();
		closeArtImage();
	}

	if (!isDefined(overlay)) {
		goBlack();
	}
	overlay.appendChild(artImage);
}

function closeArtImage()
{
	if (!artImage)
		return;

	overlay.removeChild(artImage);
	artImage = undefined;

	goWhite();
}