$(document).ready(function(){
    $(selected_flag).css("border","2px solid #66FF00");
    if(scroll){
        $('html, body').animate({scrollTop:635}, 'fast');
    }
    // Add listeners.
    $(".flag").children("img").mouseover(function(){
        $(this).css("border","2px solid #ff0000");
        $(selected_flag).css("border","2px solid #66FF00");
    });

    $(".flag").children("img").mouseout(function(){
        $(this).css("border","");
        $(selected_flag).css("border","2px solid #66FF00");
    });

    // Add the click listener for the flag elements.
    // They are going to submit the form that they reside in...on click.
    $(".flag").children("img").click(function(){
        var country = $(this).attr("id");
        country_parts = country.split("_");
        $("#country_code").val((country_parts[0].toUpperCase()));
        $("#country_selector").submit();
    });

});