var galChangeIntervalMsecs = 20;
var galInterval = 0;

var chronoYearChangeSpeed = 0.2;
var chronoYearChangeEpsilon = 0;

var chronoYearPos = Array(0, -1400+120, -2800+120);
var chronoHeights = Array(470, 750, 1170);

function getYearFromURI() {
	var uri = window.location.href;
	var sharpPos = uri.indexOf('#');
	
	if (sharpPos == -1)
		return 'portraits';
	
	return uri.substr(sharpPos + 1);
}

function chronoOnLoad() {
	document.getElementById('gal-slide').style.marginLeft = '0px';
	document.getElementById('gal-wrap').style.height = '470px';

	inHtml = '<div class="bksa"><span name="#portraits">Портреты</span></div>';
	inHtml += '<div class="bksl"><a href="#production" name="#production" onclick="javascript: GotoG(1);">Сценические</a></div>';
	inHtml += '<div class="bksl"><a href="#personal" name="#personal" onclick="javascript: GotoG(2);">Личные</a></div>';
	document.getElementById('smenu').innerHTML = inHtml;


	var year = getYearFromURI();
	if (year == 'portraits')
		GotoG(0, true);
	if (year == 'production')
		GotoG(1, true);
	if (year == 'personal')
		GotoG(2, true);



}

function GotoG(yearIndex, quick) {
	if (quick == null) {
		quick = false;
	}

	if (galInterval)
		clearInterval(galInterval);

	var inHtml = '';
	switch (yearIndex) {
	case 0:
		inHtml += '<div class="bksa"><span name="#portraits">Портреты</span></div>';
		inHtml += '<div class="bksl"><a href="#production" name="#production" onclick="javascript: GotoG(1);">Сценические</a></div>';
		inHtml += '<div class="bksl"><a href="#personal" name="#personal" onclick="javascript: GotoG(2);">Личные</a></div>';
		break;
	case 1:
		inHtml += '<div class="bksl"><a href="#portraits" name="#portraits" onclick="javascript: GotoG(0);">Портреты</a></div>';
		inHtml += '<div class="bksa"><span name="#production">Сценические</span></div>';
		inHtml += '<div class="bksl"><a href="#personal" name="#personal" onclick="javascript: GotoG(2);">Личные</a></div>';
		break;
	case 2:
		inHtml += '<div class="bksl"><a href="#portraits" name="#portraits" onclick="javascript: GotoG(0);">Портреты</a></div>';
		inHtml += '<div class="bksl"><a href="#production" name="#production" onclick="javascript: GotoG(1);">Сценические</a></div>';
		inHtml += '<div class="bksa"><span name="#personal">Личные</span></div>';
		break;
	}
	document.getElementById('smenu').innerHTML = inHtml;
	document.getElementById('gal-wrap').style.height = chronoHeights[yearIndex];

	if (!quick) {
		function intervalCallback() {
			var currPos = parseInt(document.getElementById('gal-slide').style.marginLeft);
			currPos += (chronoYearPos[yearIndex] - currPos) * chronoYearChangeSpeed;
			document.getElementById('gal-slide').style.marginLeft = currPos + 'px';

			if (currPos >= chronoYearPos[yearIndex] - chronoYearChangeEpsilon &&
				currPos <= chronoYearPos[yearIndex] + chronoYearChangeEpsilon)
				clearInterval(galInterval);

		}
		
		galInterval = setInterval(intervalCallback, galChangeIntervalMsecs);
	}
	else {
		var currPos = parseInt(document.getElementById('gal-slide').style.marginLeft);
		currPos = chronoYearPos[yearIndex];
		document.getElementById('gal-slide').style.marginLeft = currPos + 'px';
	}
}