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]=108;
	i_files[1]='DSC_16618_w600.jpg';
	i_names[1]='spbroofs #';
		i_id[2]=161;
	i_files[2]='DSC_20261_w600.jpg';
	i_names[2]='spbroofs #';
		i_id[3]=157;
	i_files[3]='DSC_20651_w600.jpg';
	i_names[3]='spbroofs #';
		i_id[4]=151;
	i_files[4]='DSC_17018_w600_1.jpg';
	i_names[4]='spbroofs #';
		i_id[5]=153;
	i_files[5]='DSC_9127_web.jpg';
	i_names[5]='spbroofs #';
		i_id[6]=96;
	i_files[6]='DSC_18577_1_w500_1.jpg';
	i_names[6]='spbroofs #';
		i_id[7]=308;
	i_files[7]='DSC_31282_small.jpg';
	i_names[7]='***';
		i_id[8]=154;
	i_files[8]='DSC_8962_web.jpg';
	i_names[8]='spbroofs #';
		i_id[9]=135;
	i_files[9]='DSC_23759_w600.jpg';
	i_names[9]='spbroofs #';
		i_id[10]=116;
	i_files[10]='DSC_18933_w600.jpg';
	i_names[10]='spbroofs #';
		i_id[11]=159;
	i_files[11]='DSC_14342_w600.jpg';
	i_names[11]='spbroofs #';
		i_id[12]=155;
	i_files[12]='DSC_15999_w600.jpg';
	i_names[12]='spbroofs #';
		i_id[13]=156;
	i_files[13]='DSC_17775_w600.jpg';
	i_names[13]='spbroofs #';
		i_id[14]=144;
	i_files[14]='DSC_17336_w600.jpg';
	i_names[14]='spbroofs #';
	var current=14;	i_id[15]=147;
	i_files[15]='DSC_7956_web.jpg';
	i_names[15]='spbroofs #';
		i_id[16]=141;
	i_files[16]='DSC_30117_w500.jpg';
	i_names[16]='spbroofs #';
		i_id[17]=119;
	i_files[17]='DSC_24928_w600.jpg';
	i_names[17]='spbroofs #';
		i_id[18]=94;
	i_files[18]='DSC_19993_w500.jpg';
	i_names[18]='spbroofs #';
		i_id[19]=137;
	i_files[19]='DSC_6980_w600.jpg';
	i_names[19]='spbroofs #';
		i_id[20]=101;
	i_files[20]='DSC_20017_w600.jpg';
	i_names[20]='spbroofs #';
		i_id[21]=158;
	i_files[21]='DSC_16439_w600.jpg';
	i_names[21]='spbroofs #';
		i_id[22]=99;
	i_files[22]='DSC_18894_w600_1.jpg';
	i_names[22]='spbroofs #';
		i_id[23]=145;
	i_files[23]='DSC_9758_web.jpg';
	i_names[23]='spbroofs #';
		i_id[24]=109;
	i_files[24]='DSC_16536_w500.jpg';
	i_names[24]='spbroofs #';
		i_id[25]=146;
	i_files[25]='DSC_7823_web.jpg';
	i_names[25]='spbroofs #';
		i_id[26]=114;
	i_files[26]='DSC_17960_w500.jpg';
	i_names[26]='spbroofs #';
		i_id[27]=162;
	i_files[27]='DSC_20264_w600.jpg';
	i_names[27]='spbroofs #';
		i_id[28]=134;
	i_files[28]='DSC_21838_w600.jpg';
	i_names[28]='spbroofs #';
		i_id[29]=88;
	i_files[29]='DSC_18057_w600.jpg';
	i_names[29]='spbroofs #';
		i_id[30]=140;
	i_files[30]='DSC_29986_w600.jpg';
	i_names[30]='spbroofs #';
		i_id[31]=249;
	i_files[31]='DSC_21226_w600.jpg';
	i_names[31]='***';
		i_id[32]=365;
	i_files[32]='DSC_18726_w600.jpg';
	i_names[32]='***';
		i_id[33]=165;
	i_files[33]='DSC_21231_w600.jpg';
	i_names[33]='spbroofs #';
		i_id[34]=91;
	i_files[34]='DSC_18759_w500.jpg';
	i_names[34]='spbroofs #';
		i_id[35]=366;
	i_files[35]='DSC_108033_w600.jpg';
	i_names[35]='***';
		i_id[36]=367;
	i_files[36]='DSC_108072_w600.jpg';
	i_names[36]='***';
		i_id[37]=127;
	i_files[37]='DSC_20334_w600.jpg';
	i_names[37]='spbroofs #';
		i_id[38]=112;
	i_files[38]='DSC_21946_w600.jpg';
	i_names[38]='spbroofs #';
		i_id[39]=136;
	i_files[39]='DSC_6922_web.jpg';
	i_names[39]='spbroofs #';
		i_id[40]=118;
	i_files[40]='DSC_18850_w600.jpg';
	i_names[40]='spbroofs #';
		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]==144)?'class="active"':'')+' href="/roofs-album.2/'+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';
	}
}