/* this loads the banner image with a fade effect */
ajax = {
	load_image: function(id,dir){
		
		/* $('banner-image').update("<span class='message'>Loading Image&hellip;</span>"); */
		
		new Effect.Fade(
			
			'banner-image',{
				
				duration: .3,afterFinish: function(){
					
					new Ajax.Request(
						
						'/'+dir+'/ajax/'+id+'.txt',{
							
							method: 'get',
							
							onSuccess: function(t){
								$('banner-image').update(t.responseText);
								Effect.Appear('banner-image',{duration: .6});
							
							} /* onSuccess: function(t) */
						
						} /* '/portfolios/ajax/'+id+'.txt', */
						
					); /* new Ajax.Request */
		
				} /* duration: .3,afterFinish: function() */
				
			} /* 'banner-image', */
			
		); /* new Effect.Fade */
				
	} /* load_image: function(id) */
	
} /* ajax */