var thumbnailsPerRow = 7;
var listingView = "row"
var fullScrollTop = 0;
var listingPage = '/photogallery/photos';

function setListingView(view)
{
	listingDiv = document.getElementById('mediaListing');
	if (listingDiv == null) return;

	if (view == "full")
	{
		listingDiv.className = 'mediaListingFull';
		listingDiv.scrollTop = fullScrollTop;
	}
	else if (view == "row")
	{
		listingDiv.className = 'mediaListingRow';
		fullScrollTop = listingDiv.scrollTop;
		listingDiv.scrollTop = 0;
	}
	listingView = view;
}

function highlightImage(img)
{
	img.className="mediaListingImage_r";
}

function unHighlightImage(img)
{
	img.className="mediaListingImage";
}

function setDisplayImage(src,imageNum,immediate)
{
	Element.hide('displayImage');
	dispImage = document.getElementById('displayImage');
	dispImage.src = src;

	thisContentDiv = document.getElementById('imageContent_' + imageNum);
	contentDiv = document.getElementById('displayImageContent');
	if (contentDiv != null) contentDiv.innerHTML = thisContentDiv.innerHTML;
	
	if (listingView == "full")
	{
		setListingView("row");
		immediate = true;
	}
	scrollImages(imageNum - leftImageNum -2,immediate);
	new Element.show('displayImage');
}


var leftImageNum = 1; 
/*
 * scrolls the images - if num is positive it scrolls to the right, if negative scrolls to the left
 if immediate is set then it will use Element.show rather than Effect.grow
 */
function scrollImages(num,immediate)
{
	while (num > 0)
	{
		if (leftImageNum >= numImages - 4) break;;
		wrapper = document.getElementById('imageWrapper_' + leftImageNum);
		(immediate) ? Element.hide(wrapper) : new Effect.Squish(wrapper);
		leftImageNum++;
		num--;
	}
	while(num < 0)
	{
		if (leftImageNum == 1) break;
		leftImageNum--;
		wrapper = document.getElementById('imageWrapper_' + leftImageNum);
		(immediate) ? Element.show(wrapper) : new Effect.Grow(wrapper);
		num++;
	}
	displayText = document.getElementById('displayingImagesText');
	if (displayText == null) return;

	rightImageNum = leftImageNum + thumbnailsPerRow - 1;
	if (rightImageNum > numImages) rightImageNum = numImages;

	displayText.innerHTML = 'images ' + leftImageNum + ' to ' + rightImageNum + ' of ' + numImages;

	(leftImageNum == 1) ? Element.hide('media_leftNav'):Element.show('media_leftNav');
	(rightImageNum == numImages) ? Element.hide('media_rightNav'):Element.show('media_rightNav');
}

function checkStartThumbnailRow(imageNum)
{
	if (thumbnailsPerRow % imageNum == 0)
	{
		document.write('<div class="listingRow">');
	}
}

function checkEndThumbnailRow(imageNum)
{
	if (thumbnailsPerRow % imageNum == 0)
	{
		document.write('</div>');
	}
}

function selectNewCategory(id)
{
	id = parseInt(id);
	if (id < 1) return false;
	document.location.href = listingPage + ',category-' + id;
}