var loadImage = new Image;
var loadImage2 = new Image;
var renInt;
var renCount;
var imageGroup;
var renIndex=0;
var rotateSpeed=5000;
$(document).ready(function(){
	$('#fisheye').Fisheye(
		{
			maxWidth:20,
			items: 'a',
			itemsText: 'span',
			container: '.fisheyeContainter',
			itemWidth: 30,
			proximity: 20,
			valign : 'center',
			halign : 'center'
		}
	)


	$("a.fisheyeItem").click(function(){
		var newI = $(this).attr("href");
		var oldI =  $("#ren").attr("src");
		if ( !oldI.match(newI)  ) {
			for (var i = 0; i < imageGroup.length; i++) {
				var image = imageGroup[i];
				// look for ourself
				if ( image.href.match(newI) ) {
					loadRen(i);
					break;
				}
			}
		}
		this.blur();
		return false;
	});
	imageGroup = $("a[@rel=galleryPics]").get();
	renCount = imageGroup.length;
	if ( renCount > 0 ) {
		renInt=setInterval("autoRen()",rotateSpeed);
		$(".thumbViewer").mouseover(function(){
			clearInterval(renInt);
		});
		$(".thumbViewer").mouseout(function(){
			clearInterval(renInt);
			renInt=setInterval("autoRen()",rotateSpeed);
		});
	}
});

function autoRen (){
	if ( renIndex == renCount -1 ) loadRen(0);
	else loadRen(renIndex+1);
}
function loadRen (ind){
	oldImage = imageGroup[renIndex];
	newImage = imageGroup[ind];
	loadImage.onload=function(){
		$("#renOld").attr("src",oldImage.href);
		$("#renOld").show();
		loadImage2.onload=function(){
			$("#ren").hide();
			$("#ren").attr({"src":newImage.href, "title":newImage.title});
			$("#renOld").fadeOut(2000,function(){
				$("#renOld").attr("src","/_/clear.gif");
			});
			$("#ren").fadeIn(2000)
		}
		loadImage2.src =newImage.href;
	}
	loadImage.src = oldImage.href;
	renIndex = ind;
}