function thumbNav(imgid,navid,itemid,thewidth) {
		
		var allthumbs = $('#thumbimgs a').size();  // returns count obviously
		for (i=0;i<allthumbs;i++) {
			if (i==imgid) {
				$("#portfoliothumb"+i).css("border","1px solid #e0250e");
			} else {
				$("#portfoliothumb"+i).css("border","1px solid #FFFFFF");
			}
		}
		//
		var api = $('#thumbimgs').data('jsp');
		var imgxpos = $("#portfoliothumb"+imgid).position().left;
		//alert(imgxpos+"-"+$('#thumbimgs').width()+"-"+api.getContentPositionX());
		if (imgxpos<api.getContentPositionX()) {
			api.scrollTo(imgxpos,0);
		}
		if (imgxpos+$("#portfoliothumb"+imgid).width()>api.getContentPositionX()+$('#thumbimgs').width()) {
			var  imgxpos = (imgxpos+$("#portfoliothumb"+imgid).width())-$('#thumbimgs').width()+5;
			api.scrollTo(imgxpos,0);
		}
		//
		var theLink		= 'ext/portfolioloader.php?imgid='+imgid+'&navid='+navid+'&itemid='+itemid+'&embed=1';
		currentImg	= imgid;
		//
		$("#galleryajax").fadeOut("fast", function(){
			$("#galleryajax").empty();
			$('#galleryajax').load(theLink, function() { $("#galleryajax").fadeIn('slow'); });
		});
	
		return false;
}

	

function iframeFadein() {
	$("#galleryimg").fadeIn('fast');
}

var currentImg = 0;

function galleryNav(dir,navid,itemid) {
	if (dir=='next') {
		currentImg++;
		if (maxImgs<currentImg) currentImg=0;
	} else if (dir=='prev') {
		currentImg>0 ? currentImg-- : currentImg=maxImgs;
	} else {
		currentImg	= dir;
	}
	thumbNav(currentImg,navid,itemid,0)
}

//preload imgs
(function($) {
	var cache = [];
	// Arguments are image paths relative to the current page.
	$.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);
		}
	}
})(jQuery)