window.addEvent('domready', function() {

		$$('.profile_thumb_link').each(function(a){
					
		a.addEvent('click', function(){
			
		var new_image_src = a.rel;
		var current_height = $('main_profile_photo').getStyle('height').toInt();
		
		var myFx = new Fx.Tween($('main_profile_photo'));
		myFx.set('height', current_height);
		
        $('main_profile_photo').addClass('ajax-loading');
									 
        var myFx2 = new Fx.Tween('the_image', {property: 'opacity'});
        myFx2.start(1,0).chain(
            //Notice that "this" refers to the calling object (in this case, the myFx object).
            function(){ 
            	$('the_image').src = 'http://www.alanaherron.com/resources/photos/'+new_image_src;	 
            }
        );
        
        $('the_image').addEvent('load', function() {
        var image_height = $('the_image').getStyle('height').toInt();
		myFx.start('height', image_height).chain(
					function(){ $('the_image').fade('in');
		});
		
		});
					
					
      	});
		});
		
});