/* Portfolio interfaces */

var starter = 1;
var loadingImage = '/images/loading.gif';

function replacePhoto(isrc) 
{
	var rec = document.getElementById('mainPImg');
	rec.src = isrc;
	return true;
}

function preload(isrc, id) 
{
	// Найти активную картинку и отключить ее стиль
	var active_id = document.getElementById('active_work').value;
	var active_div = document.getElementById('thumb_' + active_id);
	var active_img = document.getElementById('thumb_img_' + active_id);
	active_div.className = '';
	active_img.className = 'active';
	
	// Найти новую активную картинку и включить ее стили
	var active_div = document.getElementById('thumb_' + id);
	var active_img = document.getElementById('thumb_img_' + id);
	active_div.className = 'selected_thumb';
	active_img.className = '';

	// Перезаписать значение активного ID
	var active_id = document.getElementById('active_work');
	active_id.value = id;
	
	// Поставить картинку прелоада
	var mainImg = document.getElementById('mainPImg');
	mainImg.src = loadingImage;
	
	// Запустить прелоад большой картинки путем загрузки в невидимый слой
	var rec = document.getElementById('preload_image');
	rec.src = isrc;
	
	return false;
}

function scrollToTop()
{
	var layer = document.getElementById('thumbs');
	var limit = layer.scrollTop - 139;
	if(limit >= 0) 
	{
		starter--;
		moveTop(limit);
	}
	
	return false;
}
function scrollToBottom()
{
	var layer = document.getElementById('thumbs');
	var limit = layer.scrollTop + 139;
	
	var total = document.getElementById('total_works').value;
	var max = total*139-417;
	
	if(limit <= max) 
	{
		starter++;
		moveDown(limit);
	}
	
	return false;
}

function moveTop(limit)
{
	var layer = document.getElementById('thumbs');
	if(layer.scrollTop > limit)	
	{
		if(layer.scrollTop - 10 < limit)
		{
			layer.scrollTop = layer.scrollTop - 9;
		}
		else
		{
			layer.scrollTop = layer.scrollTop - 10;
		}
		timeout = setTimeout("moveTop("+limit+")", 1);
	}
	else
	{
		clearTimeout(timeout);
		return false;
	}
}

function moveDown(limit)
{
	var layer = document.getElementById('thumbs');
	if(layer.scrollTop < limit)	
	{
		if(layer.scrollTop + 10 > limit)
		{
			layer.scrollTop = layer.scrollTop + 9;
		}
		else
		{
			layer.scrollTop = layer.scrollTop + 10;
		}
		timeout = setTimeout("moveDown("+limit+")", 1);
	}
	else
	{
		clearTimeout(timeout);
		return false;
	}
}

function prevImg()
{
	var active_id = document.getElementById('active_work').value;
	var prev_id = document.getElementById('prev_' + active_id).value;
	var prev_src = document.getElementById('prev_src_' + active_id).value;
	var num = document.getElementById('num_' + active_id).value;
	
	
	if(!prev_id) return false;
	
	if(parseInt(num)-1 < starter) scrollToTop();
	return preload(prev_src, prev_id);
}
function nextImg()
{
	var active_id = document.getElementById('active_work').value;
	var next_id = document.getElementById('next_' + active_id).value;
	var next_src = document.getElementById('next_src_' + active_id).value;
	var num = document.getElementById('num_' + active_id).value;
	
	if(!next_id) return false;
	
	if(parseInt(num)+1 > starter+2) scrollToBottom();
	return preload(next_src, next_id);
}