Event.observe(window, 'load', function() { 
   var groups = $$('ul#images_fullsize div');
   //groups.first().addClassName('selected');
   groups.each(function(g){
	  g.addClassName('startup');
	  g.setStyle({display:'none'});
  }) 
   groups.first().setStyle({display:'block'});

   var triggers = $$('ul#images_thumbnails li');
   triggers.first().addClassName('current');
   current = groups.first();
   $R(0,(triggers.length-1)).each(function(i){
	  triggers[i].onclick = function() {
		if(current!=groups[i]) {
			Effect.Fade(current, { duration:0.8, from:1.0, to:0.0 });
			Effect.Appear(groups[i], { duration:0.8, from:0.0, to:1.0 });
			current = groups[i];
		}
		triggers.each(function(t){
			t.removeClassName('current');
		}); 
		this.addClassName('current');
	  }
   });

});