// JavaScript Document
	var imageOffset = 365;
	var fadeInBkgdSpeed = 500;
	var fadeInImgSpeed = 1000;
	var fadeOutSpeed = 500;

	$(document).ready(function() 
	{  
		$('#image_1').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
		
			$('body').append(background); 		
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/database_and_flatfile.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset     
			});                             
			
			$('body').append(newImage).children('#image_1').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_2').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background);  
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/ninnies.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_2').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_3').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background);
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/outta_disk_space.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_3').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_4').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background);  
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/office_intruder.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_4').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_5').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background);
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/working_for_weekend.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_5').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_6').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/DBboys.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_6').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_7').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/data_warehouse.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_7').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_8').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/pb_and_j.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_8').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_9').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/bewareofdog.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_9').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_10').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/veggies.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_10').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_11').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', 'images/comics/everyone_draw.jpg').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_11').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	/*
	$(document).ready(function() 
	{  
		$('#image_12').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', '').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_12').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_13').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', '').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_13').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	
	$(document).ready(function() 
	{  
		$('#image_').click(function()   
		{    
			var background = $('<div/>');    
			$(background).attr('id', 'photo_bkd').animate(     
			{      
				'opacity' : '.8'     
			}, fadeInBkgdSpeed).css(     
			{      
				'width' : $(document).width(),      
				'height' : $(document).height()    
			});                        
			
			$('body').append(background); 
			
			var newImage = $('<img/>');     
			var width = $('body').width();     
			$(newImage).attr('src', '').attr('id', 'image_large').attr('title', 'Click to close').css(      
			{       
				'left' : width/2 - imageOffset      
			});                             
			
			$('body').append(newImage).children('#image_').hide();     
			$(newImage).fadeIn(fadeInImgSpeed, function()      
			{       
				$(this).bind('click', function()        
				{         
					$(this).fadeOut(fadeOutSpeed);         
					$('div#photo_bkd').fadeOut(fadeOutSpeed, function()          
					{           
						$(this).remove();         
					});       
				});      
			});  
		}); 
	});
	*/