var imageNr = 0;
var showreel = {
	init: function(){
		showreel.images = images;
		if(showreel.images.length>0){
			showreel.addImage(showreel.images[imageNr]);
		}
	},
	
	addImage: function(image){
		
		var el = new Element('div', {'id': 'new_image'});
		el.setStyle('position','absolute');
		el.setStyle('top','0px');
		el.setStyle('left','0px');
		el.setStyle('opacity',0);
		var img = new Element('img', {'src': url+'/public/upload/images/'+image.src, 'alt': image.title}).injectInside(el);
		el.injectInside($('image_left'));
		
		showreel.showImage();
	},
	
	showImage: function(){
		fx = new Fx.Styles($('old_image'), {wait:false, duration:2000});
		fx.options.transition = Fx.Transitions.Expo.easeInOut;
		fx.start({
				'opacity': 0
		});
		fx = new Fx.Styles($('new_image'), {wait:false, duration:2000});
		fx.options.transition = Fx.Transitions.Expo.easeInOut;
		fx.start({
				'opacity': 1
		});		
		showreel.resetAll.pass().delay(2000);
	},
	
	resetAll:function (){
		$('old_image').remove();
		$('new_image').id="old_image";
		
		if(imageNr+1 == showreel.images.length){
			if(imageNr!=0){
				imageNr = 0;
				showreel.addImage.pass().delay(3000, null, showreel.images[imageNr]);
			}
		}else{
			imageNr+= 1;
			showreel.addImage.pass().delay(3000, null, showreel.images[imageNr]);
		}
	}
	
}

var publications = {
	show:function(image){
		if(image){
			var img = new Element('img', {'src': url+'/public/upload/images/'+image, 'id':'publication_image', 'alt': ''}).injectInside($('image_left'));			
		}
	},
	hide:function(){
		if($('publication_image')){
			$('publication_image').remove();
		}
	}
}

window.addEvent('domready', showreel.init);