var galleryPageSize = 9;
var galleryPageNumber = 1;
var galleryPageCount = 1;
var galleryPictures = new Array();
var galleryPicturesIds = new Array();
var itemsToLoad = 0;
var galleryDone = true;

function addGalleryPicture(id, tt, desc, sm, lg)
{
	var tmp = new Array();
	tmp['id'] = id;
	tmp['title'] = tt;
	tmp['description'] = desc;
	tmp['small'] = sm;
	tmp['large'] = lg;
	galleryPictures[id] = tmp;
	galleryPicturesIds.push(id);
}

function showPage(nr)
{
	//alert(nr);
	if (galleryDone)
	{
		var loader = document.getElementById('loader');
		loader.style.display = 'block';
	
		galleryItemCount =  galleryPicturesIds.length;
		nr = nr-1;
		var showNext = false;
		var str = '';
		var show = galleryPageSize;
	
		if (nr > 0)
		{
			str += '<div style="margin:2px; float:left; background-image: url(\'resources/img/g_prev.gif\');"><img onClick="showPage(' + (nr) + ');" src="resources/img/s.gif" width="100" height="81" style="cursor: pointer; border:1px solid #323232;"></div>';
			if (galleryItemCount > (((galleryPageSize - 1) * 2) + ((nr - 1) * (galleryPageSize - 2))))
			{
				show = galleryPageSize - 2;
				showNext = true;
			}
			else
			{
				show = galleryItemCount - (galleryPageSize - 1 + ((nr - 1) * (galleryPageSize - 2)));
			}
		}
		else
		{
			if (galleryItemCount > galleryPageSize)
			{
				show = galleryPageSize - 1;
				showNext = true;
			}
			else
			{
				show = galleryItemCount;
			}
		}
	
		itemsToLoad = show;
		
		for (i = 0; i < show; i++)
		{
			var tmpid = i;	
	
			if (nr > 0)
			{
				tmpid = (galleryPageSize - 1) + ((nr - 1) * (galleryPageSize - 2)) + i;
			}
	
			var currImage = galleryPictures[galleryPicturesIds[tmpid]];
	
			if (i == 0)
			{
				var picToShow = currImage['id'];
			}
	
			if (currImage)
			{
				str += '<div style="margin:2px; float:left;"><img onClick="openGalleryImage(' + currImage['id'] + ')" src="' + currImage['small'] + '" style="cursor: pointer; border:1px solid #323232;" onLoad="itemLoaded();"></div>';
			}
		}
	
		if (showNext)
		{
			str += '<div style="margin:2px; float:left; background-image: url(\'resources/img/g_forw.gif\');"><img onClick="showPage(' + (nr + 2) + ');" src="resources/img/s.gif" width="100" height="81" style="cursor: pointer; border:1px solid #323232;"></div>';
		}
	
		var gallery = document.getElementById('gallery_thumnails');
		//gallery.innerHTML = '';	
		gallery.innerHTML = str;
		openGalleryImage(picToShow);
		galleryDone = false;
	}
}



function itemLoaded()
{
	itemsToLoad = itemsToLoad - 1;
	
	if (itemsToLoad <= 0 && galleryDone == false)
	{
		galleryDone = true;
		setTimeout("document.getElementById('loader').style.display = 'none';", 500);
	}
}



function openGalleryImage(id)
{
	var currImage = galleryPictures[id];

	document.getElementById('gallery_big').style.backgroundImage = 'url(\'' + currImage['large'] + '\')';
	document.getElementById('gallery_description').innerHTML = currImage['description'];
}