$(document).ready(function(){$('#related_categories').makeacolumnlists({cols:3,colWidth:100,equalHeight:false,startN:1});
	

	var figcount = 1; 
	
	$(".fig").each(function(){
		if (figcount ==21)
		{
			alert("tell Newton that he needs to create more than 20 callout buttons... or use less callout graphics. He only created 20... the lazy jerk." );
		}
		var callout_image_html_begin = '<div class="callout_graphic"><div class="callout_top"></div><div class="red_callout"><img src="/images/red_dot_'+figcount+'.png" width="47" height="51" /></div><div class="callout_mid"><div class="callout_image">';
		var callout_image_html_end = '</div></div><div class="callout_bottom"></div>';
		if ($(this).attr("title") != "")
		{
			caption = '<div class="callout_text">fig.'+figcount+" "+$(this).attr("title")+"</div>"; 
		}
		else
		{
			caption = ""; 
		}
		imgwidth= "228";
		imgheight=Math.round((imgwidth / $(this).width())*$(this).height()); 

		new_image = "<a href='"+$(this).attr("src")+"'><img width='"+imgwidth+"' height='"+imgheight+"' src='" + $(this).attr("src")+ "' alt='"+$(this).attr("alt")+"' /></a>";
		
		callout_add = callout_image_html_begin + new_image + callout_image_html_end + caption + "</div>"; 
		
		$("#article_graphics").append(callout_add); 
		
		$(this).replaceWith("<img class='callout_button' src='/images/callout_"+figcount+".png' width='13' height='13' alt='Callout: "+figcount+"' />");
		
		figcount ++;
	});
	
});