function HP_ShowRangeComplete(e) {
    var sUrl = $("div#home_panel_fade").css("background-image");

    $("div#home_panel_back").css("background-image", sUrl);
    $("div#home_panel_fade").hide();
}

function HP_ShowRange(li) {
    var rangeName = $.trim($(this).text());
    var targetElement = $("div#home_panel_fade");
    var sUrl = $("div#home_panel_back").css("background-image");

    sUrl = sUrl.replace(/(\/)([a-z0-9_]+)(_back.png)/g, "$1" + rangeName.replace(" ", "_").toLowerCase() + "$3");
    targetElement.css("background-image", sUrl);
    targetElement.fadeIn(400, HP_ShowRangeComplete);
}


function HomePageInitiate()
{
    var li = $("#home_range_list li");
    var sUrl = $("div#home_panel_back").css("background-image");
    var rangeName = null;

    for (var i = 0; i < li.length; i++)
    {
        // Preload the images.
        rangeName = $.trim($(li[i]).text());
        var imageUrl = sUrl.replace(/(\/)([a-z0-9_]+)(_back.png)/g, "$1" + rangeName.replace(" ", "_").toLowerCase() + "$3");
        imageUrl = imageUrl.replace(/url\("([^"]+)"\)/g, "$1");
        if (imageUrl.startsWith("url("))
        {
            imageUrl = imageUrl.substring(4);
        }
        if (imageUrl.endsWith(")"))
        {
            imageUrl = imageUrl.substring(0, imageUrl.length - 1);
        }
        var img = document.createElement("IMG");
        $(img).css("display", "none");
        $("#home_panel").append(img);
        
        //$(img).attr("onerror", "alert(this.src);");
        
        img.src = imageUrl;
    }

    li.mouseover(HP_ShowRange);
}




$().ready(HomePageInitiate);