/* FADING FONCTIONNEL UNIQUEMENT SUR LA PAGE DETAILS DES PROJECTS */
var lastElement = '0';
window.addEvent('domready', function() {

	var thumbs = $$('.details_second_image');
	thumbs[0].setStyle('border','1px solid #402150');
	thumbs[0].setOpacity(0.55);
	var id = thumbs[0].id.split('_');
	lastElement = id[1];

	$$('.details_large_image').setOpacity(0);
	$("img_"+lastElement).effect('opacity',{duration:10}).start(0,1);

	thumbs.addEvent('click', function(){
		$$('.details_second_image').setOpacity(1);
		$$('.details_second_image').setStyle('border','1px solid #FFFFFF');
		this.setStyle('border','1px solid #402150');
		this.setOpacity(0.55);
		var id = this.id.split('_');
		if(lastElement != id[1]){
			$("img_"+lastElement).effect('opacity',{duration:500}).start(1,0);
			$("img_"+id[1]).effect('opacity',{duration:500}).start(0,1);
			lastElement = id[1];
		}
	})
})