var i = 0;
window.addEvent('domready', function() {
	if($('teamSlideshow')){
		jsonFin();
	}
});

// setup initial images copy and variables //	
function jsonFin(){
	if(collection != ''){
		var target = $('teamSlideshow').getFirst();
		target.empty();
		new Asset.image(collection.collection[0].src,{id:collection.collection[0].name}).injectInside(target);
		// set initial copy
		// initiate //
		enable(target);
	}
};
// enable buttons
function enable(target){
	// this is the actual book image
	var imageNext = target;
	var nextBtn = $('next');
	var previousBtn = $('previous');
	if(collection.collection.length != 1){
		i=0;
		imageNext.addEvent('click',function(){
			if(i<collection.collection.length-1) {
				i++;
			}else{
				i=0;
			}
			if(collection.collection.length > 1) {
				changeImage()
			}
		});
		nextBtn.addEvent('click',function(){
			if(i<collection.collection.length-1) {
			i++;
			}else{
				i=0;
			}
			changeImage()
		});
		previousBtn.addEvent('click',function(){
			if(i>0){
			i--;
			}else{
				i=collection.collection.length-1
			}
			changeImage()
		});
	}else{
		nextBtn.setStyle('display','none');
		previousBtn.setStyle('display','none');
	}	
};

function changeImage(){
	var target = $('teamSlideshow').getFirst();
	var fx = target.effects({duration:300, transition:Fx.Transitions.linear,
	onComplete:function(){
		target.getFirst().remove();
		newImage();
	}
	});
	fx.start({'opacity':[1,0]});
};
var clicked = false;
function newImage(){
	var target = $('teamSlideshow').getFirst();
	new Asset.image(collection.collection[i].src,{id:collection.collection[i].name}).injectInside(target);
	if(clicked == false){
		clicked = true; 
	}
	fy = target.effects({duration:300, transition:Fx.Transitions.linear, 
		onStart:function(){
		}
	});
	fy.start({'opacity':[0,1]});
};