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]=491;
	i_files[1]='DSC_100505_w600.jpg';
	i_names[1]='***';
		i_id[2]=495;
	i_files[2]='DSC_139189_small.jpg';
	i_names[2]='***';
		i_id[3]=499;
	i_files[3]='DSC_100558_w600.jpg';
	i_names[3]='***';
		i_id[4]=496;
	i_files[4]='DSC_139224_w600.jpg';
	i_names[4]='***';
		i_id[5]=490;
	i_files[5]='DSC_34382_w600.jpg';
	i_names[5]='***';
	var current=5;	i_id[6]=484;
	i_files[6]='DSC_134191_w600.jpg';
	i_names[6]='***';
		i_id[7]=500;
	i_files[7]='DSC_33458_small.jpg';
	i_names[7]='***';
		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]==490)?'class="active"':'')+' href="/roofs-album.19/'+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';
	}
}