$(document).ready(function(){

	$("div.right div.head h1").each(function(){
		SetTitleImage("rh_", this);
	});

	$("div.middle div.head h1").each(function(){
		SetTitleImage("mh_", this);
	});

	$("div.left div.head h1").each(function(){
		SetTitleImage("lh_", this);
	});	
	

});

function SetTitleImage(path, object)
{

	$(object).html("<img src=\"../gfx_content/titles/"+escape(path+ $(object).text().replace(/ /g, "").replace(/[\'#\[\]\~\/\<\>]/g, "."))+".gif \" OnError=\"TitleImageError(this);\" alt=\""+$(object).text()+"\" />");
} 

function TitleImageError(object)
{
	$(object).parent().append($(object).attr("alt"));
	$(object).remove();
}