$(document).ready(function() {
    $("#FeatureImage1").show();
    $("#FeatureImage2, #FeatureImage3, #FeatureImage4").hide();

    $("#FeatureImageThumb1").hide();
    $("#FeatureImageThumb2, #FeatureImageThumb3, #FeatureImageThumb4").show();

    
    $("#FeatureImageThumbs img").mouseover(function() {
        $(this).css("border-color", "#ff0000");
    });

    $("#FeatureImageThumbs img").mouseout(function() {
        $(this).css("border-color", "#ffffff");
    });

    $("#FeatureImageThumbs div").click(function() {
        var id = $(this).attr("id");
        var ImageNum = $("#" + id + " img").attr("class");

        $("#FeatureImage1, #FeatureImage2, #FeatureImage3, #FeatureImage4").hide();
        $("#FeatureImage" + ImageNum).show();
        $("#FeatureImageThumb1, #FeatureImageThumb2, #FeatureImageThumb3, #FeatureImageThumb4").show();
        $("#" + id).hide();

    });

});