function changeGalleryPic(parentId)
{
	if(document.getElementById(parentId))
	{
		document.getElementById('galleryMainImage').src = document.getElementById(parentId).getElementsByTagName('img')[0].src;
		document.getElementById('galleryMainImage').alt = document.getElementById(parentId).getElementsByTagName('img')[0].alt;
	}
}

window.onload=function()
{
	var thumbnails = document.getElementById('galleryTn').getElementsByTagName('span');

	if(document.getElementById('galleryMainImage') && thumbnails.length != 0)
	{

		for(i=0;i<thumbnails.length;++i)
		{
			if(thumbnails[i].getElementsByTagName('img')[0])
			{
				document.getElementById('galleryMainImage').src = thumbnails[0].getElementsByTagName('img')[0].src;
				document.getElementById('galleryMainImage').alt = thumbnails[0].getElementsByTagName('img')[0].alt;
				document.getElementById('galleryMain').style.display = 'block';
				break;
			}
		}

		for(i=0;i<thumbnails.length;++i)
		{
			if(thumbnails[i].getElementsByTagName('img')[0])
			{
				var picUrl = thumbnails[i].getElementsByTagName('img')[0].src;
				var picAlt = thumbnails[i].getElementsByTagName('img')[0].alt;
				thumbnails[i].onclick=function(){changeGalleryPic(this.id);};
				thumbnails[i].style.cursor='pointer';
				thumbnails[i].getElementsByTagName('img')[0].style.width='70px';
				thumbnails[i].getElementsByTagName('img')[0].style.height='70px';
			}
				else
			if(thumbnails[i].innerHTML == '' || thumbnails[i].innerHTML == '\n')
			{
				thumbnails[i].style.display = 'none';
			}
		}
	}
};