var catid;
var startcid = 1;
var allcats = 0;
myImage = new Image();

function init()
{
	call_getNumOfCategories();
	call_showCategory();
}

function call_listThumbs()
{
	document.getElementById('list').innerHTML = '<div id="loading"><table style="height:100%; width:100%"><tr><td align="center" valign="middle"><img src="images/glb_loader.gif" width="16" height="16"></td></tr></table></div>';
	agent.call('library/do.photo.php','do_listThumbs','list',catid);
}

function call_getNumOfCategories()
{
	agent.call('library/do.photo.php','do_getNumOfCategories','callback_getNumOfCategories');
}

function callback_getNumOfCategories(str)
{
	allcats = str;
}

function call_showCategory()
{
	document.getElementById('catName').innerHTML = '<div id="loading"><img src="images/glb_loader.gif" width="16" height="16"></div>';
	agent.call('library/do.photo.php','do_showCategory','callback_showCategory',startcid);
}

function callback_showCategory(arr)
{
	catid = arr[0];
	document.getElementById('catName').innerHTML = arr[1];
	call_listThumbs();
}

function call_showLargePic(iid)
{
	document.getElementById('Ploading').style.visibility = 'visible';
	document.getElementById('picholder').innerHTML = '<img src="library/do.photo.php?iid=' + iid + '&do=large" height="346" width="346" onload="document.getElementById('+ "'Ploading'"  +').style.visibility=' + "'hidden'" + '" />';
}