$(function()
{
    PrecacheImages("#FactionsCharacter img");

    $("#MapWrapper map area")
		.each(function()
		{
		    var character = $(this),
		        sClassNm = character.attr("class");
		    character.attr("href", "/Overview/Factions/" + sClassNm + ".aspx").
		    hover(function()
		    {
		        CharacterReplacer(sClassNm,"_on");
		    },
			function()
		    {
		        CharacterReplacer(sClassNm, "_off");
			});
		});
    function CharacterReplacer(className, suffix)
    {
        $("#" + className).attr("src", "http://simg.gpotato.eu/allods/de/common/overview/factions/img_" + className.toLowerCase() + suffix + ".png");
    }
})