$(document).ready
(
	function()
	{
		$('.pics').click
		(
			function()
			{
				var clicked = this;
				$('#pic_zoom_cont').animate
				(
					{
						opacity: 0,
					},
					200,
					function()
					{
						var src = $(clicked).find('> img').attr('src').split('__t_').join('__');
						var text = $(clicked).find('> img').attr('alt');
						var dims = $(clicked).find('> img').attr('title').split(',');
						var top = parseInt((500 - parseInt(dims[1])) / 2);
						var left = parseInt((540 - parseInt(dims[0])) / 2);
						$('#pic_zoom_cont').css('left', left + 'px');
						$('#pic_zoom_cont').css('top', top + 'px');
						$('#pic_zoom_cont').html('<img src="' + src + '" /><span>' + text + '</span>');
						$('#pic_zoom_cont').animate
						(
							{
								opacity: 200,
							},
							200
						);
					}
				);
				
			}
		);
		
		$('.pics').eq(0).click();
		
		
	}
);