var startImg = 1;
	var numberShowItem = 0;
	var defaultScreenSize = 800;
	var defaultnumberShowItem = 4;
	var itemWidth = 70;	
	var itemHeight = 45;
	var btnNextEnable = "/images/next_enable.jpg";
	var btnNextDisable = "/images/next_disable.jpg";
	var btnPrevEnable = "/images/prev_enable.jpg";
	var btnPrevDisable = "/images/prev_disable.jpg";
	
	// Creat Image Box from current window size
	function checkSize()
	{
		// Skip Class When No Image Container
		if (totalImg < 1) { return }
		var pageWidth = $("topImgAlbum_container").offsetWidth;
		numberShowItem = defaultnumberShowItem;
		numberNewItem = Math.floor(pageWidth / itemWidth) - 3;
		
		if(numberNewItem>numberShowItem) 
		{
			numberShowItem = numberNewItem;
		}
		
		if ((startImg + numberShowItem) > maxImgLoad)
		{
			startImg = (maxImgLoad - numberShowItem) + 1;
		}
		
		if (startImg < 1) { startImg = 1; }
		
		createImgContainer();
	}
	
	function createImgContainer()
	{
		// Skip Class When No Image Container
		if (totalImg < 1) { return }
		
		// Make Data Inside
		// -- Correct Arrow
		var arrowPrev = '';
		var arrowNext = '';
		
		if (totalImg > numberShowItem)
		{
			// -- -- prev
			if (startImg == 1)
			{
				arrowPrev = '<img src=\"'+ btnPrevDisable +'\" border=\"0\">';
			}
			else
			{
				arrowPrev = '<a href=\"javascript:imgAlbumMove(\'prev\')\"><img src=\"'+ btnPrevEnable +'\" border=\"0\"></a>';
			}
			// -- -- next
			if ((startImg + numberShowItem) > maxImgLoad)
			{
				arrowNext = '<img src=\"'+ btnNextDisable +'\" border=\"0\">';
			}
			else
			{
				arrowNext = '<a href=\"javascript:imgAlbumMove(\'next\')\"><img src=\"'+ btnNextEnable +'\" border=\"0\"></a>';
			}
		}
		else
		{
			numberShowItem = totalImg;
		}
		
		// -- Create Prev Arrow
		$('gallery-left-btn').innerHTML = arrowPrev;
		// -- Create Next Arrow
		$('gallery-right-btn').innerHTML = arrowNext;
		
		// -- Create box inside
		insideHTMLData = '<table class=\"centerObject\" cellpadding=\"3\" cellpacing=\"0\"><tr>';
		
		// -- Create Item
		var showPos = startImg;
		for (i = 1; i <= numberShowItem; i++)
		{
			insideHTMLData += '<td width=\"'+ (itemWidth+2) +'\">';
			insideHTMLData += '<div style=\"width:'+ itemWidth +'px; height:'+ itemHeight +'px;\" class=\"gallery-item\">';
			insideHTMLData += '<a href=\"'+ itemImgFullSize[showPos] +'\" rel=\"lightbox[roadtrip]\" title=\"'+ itemImgName[showPos] +'\" rev=\"'+ itemImgURL[showPos] +'\" loc=\"'+ itemImgDest[showPos] +'\">';
			insideHTMLData += '<img style=\"display:none\" onLoad=\"imgAlbumEffect(this.id)\" id=\"img_'+ showPos +'\" class=\"img_box_item_border\" width=\"'+ itemWidth +'\" height=\"'+ itemHeight +'\" src=\"'+ itemImgThumbnail[showPos] +'\">';
			insideHTMLData += '</a>';
			insideHTMLData += '</div>';
			insideHTMLData += '</td>';
			showPos++;
		}
		
		insideHTMLData += '</tr></table>';
		
		// -- 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();
	}
	
	/**
	 * Used by 'lightbox.js' to locate images.
	 * Returns an array with the format:
	 * [[href, title, loc], [href, title, loc], ...]
	 */
	function findLightboxPhotos()
	{
		var result = [];
		for (var i = 1; i < itemImgURL.length; i++) {
			var href  = itemImgFullSize[i]; 
			var title = '<a href="' + itemImgURL[i] + '" class="ddcaptionurl">' + itemImgName[i] + '</a>';
			var loc   = itemImgDest[i];
			result.push(new Array(href, title, loc));
		}
		return result;
	}