// JavaScript Document

var currentImg = null;
var currentImgNum = null;
var imgArr = new Array();
var counter = 0;
var page = 0;
var imagesOnPage = 18;

function changeStyle (obj, i)
{
	switch (i)
	{
		case 1: obj.style.borderColor = "#BBB";
				break;
		
		case 2: obj.style.borderColor = "#BBB";
				//obj.style.outline = "none";
				oldImg = document.getElementById(currentImg);
				/*imagesCounter = imgArr.length;
				for (n=0; n < imagesCounter; i++)
				{
					if (imgArr[n][0] == obj.id) {counter = n - page*imagesOnPage;}
				}
				*/
				if (oldImg != null)
				{
					oldImg.style.borderColor = "#475460";
				}
				currentImg = obj.id;
				break;
				
		case 0: if (currentImg != obj.id)
				{
				   obj.style.borderColor = "#475460";
				}
				break;
	}
}

function changeBigImage (src)
{
	obj = document.getElementById('bigimage');
	obj.src = src;
}

function nextImg ()
{
	counter ++;
	oldImg = document.getElementById(currentImg);
	if (oldImg != null)
	{
		oldImg.style.borderColor = "#475460";
	}
	if (counter == 18)
	{
		counter = 0;
		//scrollPreview(1);
	}
	if (counter + page*18 == imgArr.length)
	{
		counter = 0;
	}
	if (currentImg != imgArr[(imgArr.length-1)][0])
	{
		currentImg = oldImg.nextSibling.nextSibling.id;
	}
	else 
	{
		currentImg = imgArr[0][0];
	}
	changeStyle (document.getElementById(currentImg), 1);
	obj = document.getElementById(currentImg).firstChild;
	smallSrc = obj.src;
	bigSrc = smallSrc.replace('_s', "");
	changeBigImage (bigSrc);
	//if (counter % imagesOnPage == 0) {scrollPreview(1)}
}

function prevImg ()
{
	counter --;
	oldImg = document.getElementById(currentImg);
	if (oldImg != null)
	{
		oldImg.style.borderColor = "#475460";
	}
	if (counter < 0)
	{
		counter = 17;
	}
	if (currentImg != imgArr[0][0])
	{
		currentImg = oldImg.previousSibling.previousSibling.id//nextSibling.id//nextSibling;//.id;
	}
	else 
	{
		currentImg = imgArr[(imgArr.length-1)][0];
	}
	changeStyle (document.getElementById(currentImg), 1);
	obj = document.getElementById(currentImg).firstChild;
	smallSrc = obj.src;
	bigSrc = smallSrc.replace('_s', "");
	changeBigImage (bigSrc);
	//if (counter % imagesOnPage == 0) {scrollPreview(0)}
}

function loadBigImg ()
{
	document.getElementById('bigimage').src = imgArr[0][1];
	currentImg = imgArr[0][0];
}

function showMenuItem (id, clipX, clipY)
{
	id = id;
	obj = document.getElementById(id);
	obj.style.display = "block";
}

function hideItem (id)
{
	obj = document.getElementById(id);
	obj.style.display = "none";
}

function scrollPreview (side)
{
	obj = $("preview");
	objHeight = Element.getHeight("preview");
	topString = obj.style.top;
	topValue = Number(topString.replace(/px/i, ""));
	if (side == 1) /* Вперед */
	{
		if ((objHeight + topValue) > 366)
		{
			topNewValue = topValue - 366;
			page ++;
			counter = -1;
		}
	}
	else /* Назад */
	{
		if (topValue < 0)
		{
			topNewValue = topValue + 366;
			page --;
			counter = -1;
		}
	}
	obj.style.top = topNewValue + "px";
	
}