var img_placeholders = new Array(
	'img_preview_1',
	'img_preview_2',
	'img_preview_3',
	'img_preview_4'
)

function load_images(g)
{
	window.setTimeout("load_images2()",1);
}

function load_images2(g)
{
	s=g?g:parseInt(document.getElementById('group_number').value)
	lp=img_placeholders.length
	li=img_preview.length
	for(var i=0;i<lp;++i)
	{
		n=s*lp+i
		with(document.getElementById(img_placeholders[i]))
		{
			if(n<li)
			{
				src=img_preview[n]
				className='block cursorPointer'
				setAttribute('img_number', n)
			}
			else
			{
				className='hidden'
			}

		}
	}
	
	document.getElementById('img_left_arrow').className=s==0?'hidden':'block'
	document.getElementById('img_right_arrow').className=((s+1)*lp>li)?'hidden':'block'
	
	load_description()
}
function scroll_left(s)
{
	g=parseInt(document.getElementById('group_number').value)
	if(g>0) g--
	load_images(g)
	document.getElementById('group_number').value=g
}
function scroll_right(g)
{
	g=parseInt(document.getElementById('group_number').value)+1
	load_images(g)
	document.getElementById('group_number').value=g
}
function display_fullsize(n)
{
	document.getElementById('img_number').value = img_placeholders.length*(document.getElementById('group_number').value) + n -1
	load_description()
}
function load_description(n)
{
	n=document.getElementById('img_number').value
	
	with(document.getElementById('img_fullsize'))
		if(img_fullsize[n])
		{
			src=img_fullsize[n]
			className='block'
		}
		else
			className='hidden'
			
	d=description[n]
	document.getElementById('description1').innerHTML=d?d[0]:''
	
}