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]=389;
	i_files[1]='DSC_119862_w700.jpg';
	i_names[1]='***';
		i_id[2]=390;
	i_files[2]='DSC_120136_w700.jpg';
	i_names[2]='***';
		i_id[3]=391;
	i_files[3]='DSC_120457_w700.jpg';
	i_names[3]='***';
		i_id[4]=392;
	i_files[4]='DSC_119332_MM_w700.jpg';
	i_names[4]='***';
		i_id[5]=393;
	i_files[5]='DSC_119316_w700.jpg';
	i_names[5]='***';
	var current=5;	i_id[6]=419;
	i_files[6]='graf_total_w1000.jpg';
	i_names[6]='***';
		i_id[7]=395;
	i_files[7]='DSC_119691_w700.jpg';
	i_names[7]='***';
		i_id[8]=396;
	i_files[8]='DSC_120921_w700.jpg';
	i_names[8]='***';
		i_id[9]=397;
	i_files[9]='DSC_120722_w700.jpg';
	i_names[9]='***';
		i_id[10]=398;
	i_files[10]='DSC_120789_MM_w700.jpg';
	i_names[10]='***';
		i_id[11]=399;
	i_files[11]='DSC_120903_w700.jpg';
	i_names[11]='***';
		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]==393)?'class="active"':'')+' href="/roofs-album.30/'+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';
	}
}