var startImg = 1;
var numberShowItem = 0;
var defaultScreenSize = 800;
var defaultnumberShowItem = 24;
var itemWidth = 320;
var itemHeight = 213;
var defaultShowNumber = 6;

// Creat Image Box from current window size
function showPhotos()
{
	// Skip Class When No Image Container
	if (totalImg < 1) { return }
	startImg = 1;
	numberShowItem = defaultnumberShowItem;
	if (totalImg < numberShowItem) {
		numberShowItem = totalImg;
	}
	
	createImgContainer();
}

function createImgContainer()
{
	// Skip Class When No Image Container
	if (totalImg < 1) { return }
	
	// -- Create box inside
	insideHTMLData = '';
	
	// -- Create Item
	var showPos = startImg;
	for (i = 1; i <= numberShowItem; i++)
	{
		if (i == defaultShowNumber+1) {
			insideHTMLData += '<div id="more-photos" style="display:none">';
		}
		insideHTMLData += '<div class=\"gallery-item-black\">';
		insideHTMLData += '<a href=\"'+ itemImgFullSize[showPos] +'\" rel=\"lightbox\" title=\"'+ itemImgName[showPos] +'\" rev=\"'+ itemImgURL[showPos] +'\" loc=\"'+ itemImgDest[showPos] +'\">';
		insideHTMLData += '<img style=\"display:none\" onLoad=\"imgAlbumEffect(this.id)\" id=\"img_'+ showPos +'\" border=\"0\" height=\"'+ itemHeight +'\" align="center" src=\"'+ itemImgThumbnail[showPos] +'\">';
		insideHTMLData += '</a>';
		if(!itemImgCaption[showPos]){
			itemImgCaption[showPos] = '&nbsp';
		} else {
			insideHTMLData += '<p>'+ itemImgCaption[showPos] +'</p>';
		}
		insideHTMLData += '</div>';
		showPos++;
	}
	if (numberShowItem > defaultShowNumber) {
		insideHTMLData += '</div>';
	}
	
	// -- Print out
	$('topImgAlbum_container').innerHTML = insideHTMLData;
	
	// Reload Lightbox
	initLightbox();
}

function imgAlbumEffect(effectTarget)
{
	// alert(effectTarget);
	if($(effectTarget)!=null) 
	{
		$(effectTarget).hide();
		new Effect.Appear(effectTarget, { duration: 1.0 });
	}
}

function imgAlbumMove(selectEvent)
{
	if (selectEvent == 'next')
	{
		startImg = startImg + numberShowItem;
		
		if ((startImg + numberShowItem) > maxImgLoad)
		{
			startImg = (maxImgLoad - numberShowItem) + 1;
		}
	}
	
	if (selectEvent == 'prev')
	{
		startImg = startImg - numberShowItem;
		
		if (startImg <= 1)
		{
			startImg = 1;
		}
	}
	
	createImgContainer();
}


function showMorePhotos() {
	if ($('more-photos')) {
		$('more-photos').style.display = '';
		$('more_photo_bar').style.display = "none";
		$('more_photo_bar_close').style.display = '';
	}
}

function closeMorePhotos() {
	if ($('more-photos')) {
		$('more-photos').style.display = 'none';
		$('more_photo_bar').style.display = "";
		$('more_photo_bar_close').style.display = 'none';
	}
}