var total_show=10;
	var shift_size=3;
	var i_id=new Array();
	var i_files=new Array();
	var i_names=new Array();
	i_id[1]=237;
	i_files[1]='DSC_3184_web.jpg';
	i_names[1]='Южный Гогландский маяк';
		i_id[2]=245;
	i_files[2]='DSC_31035_w600_1.jpg';
	i_names[2]='Дёмин';
		i_id[3]=424;
	i_files[3]='DSC_3105_w600.jpg';
	i_names[3]='***';
	var current=3;	i_id[4]=423;
	i_files[4]='DSC_123606_w600.jpg';
	i_names[4]='***';
		i_id[5]=241;
	i_files[5]='DSC_30662_w600.jpg';
	i_names[5]='***';
		i_id[6]=416;
	i_files[6]='DSC_123617_w600.jpg';
	i_names[6]='Южный Гогландский маяк';
		i_id[7]=425;
	i_files[7]='DSC_30331_w600.jpg';
	i_names[7]='***';
		i_id[8]=482;
	i_files[8]='DSC_30894_small.jpg';
	i_names[8]='***';
		i_id[9]=483;
	i_files[9]='DSC_30929_small.jpg';
	i_names[9]='***';
		var i;

var start=((current-Math.floor(total_show/2))<1)?1:(current-Math.floor(total_show/2));
var end=((start+total_show)<i_id.length)?start+total_show:i_id.length;

if (end-start<total_show && start!=1)
{
	start=(end-total_show>1)?(end-total_show):1;
}
function show_tn(start, end)
{
	var text='';
	for (i=start;i<end;i++)
	{
		text=text+'<a '+((i_id[i]==424)?'class="active"':'')+' href="/city-album.18/'+i_id[i]+'/"><img src="/storage/Image/album/tn/'+i_files[i]+'"></a>';
	}
	tumbs=document.getElementById('thumbs');
	tumbs.innerHTML=text;
	document.getElementById('moveLeft').className=(start>1)?'moveLeftA':'moveLeft';
	document.getElementById('moveRight').className=(end<i_id.length)?'moveRightA':'moveRight';
	document.getElementById('navBar').style.width=((end-start)*81+53)+'px';
}

function shift(direction)
{
	if(direction=='right')
	{
		end=((end+shift_size)>i_id.length)?i_id.length:(end+shift_size);
		start=((end-total_show)<1)?1:(end-total_show);
		show_tn(start, end);
	}
	if (direction=='left')
	{
		start=((start-shift_size))<1?1:(start-shift_size);
		end=((start+total_show)>i_id.length)?i_id.length:(start+total_show);
		show_tn(start, end);
	}
}

show_tn(start, end);

function toggleInfo2(id)
{
	$info=document.getElementById('info'+id);
	if ($info.style.display=='none')
	{
		$info.style.display='block';
	}
	else
	{
		$info.style.display='none';
	}
}

function toggleInfo(id, trigger)
{
	$info=document.getElementById('info'+id);
	if (trigger)
	{
		$info.style.display='block';
		$img=document.getElementById('imgSrc'+id);
		if ($info.offsetWidth>150) $info.style.width=150+'px';
		$info.style.marginLeft=Math.round(($img.width-$info.offsetWidth)/2)+'px';
		$info.style.marginTop=($img.height-$info.offsetHeight-10)+'px';
	}
	else
	{
		$info.style.display='none';
	}
}