ajax extension for cascading dropdown

[matt cupryk]

I have problems updating the image on the page.

<script language="javascript" type="text/javascript">
function pageLoad(sender, args)
{

$find("cddCountry").add_selectionChanged(onCCSChan ged);

}

function onCCSChanged()
{

//change the images based on the selected value.

imgFlag.ImageUrl = "~/images/flags/" + ddlCountry.SelectedValue + ".gif";
}

</script>
<div align="center">

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode ="Conditional">
<ContentTemplate>

Country:

<img src="<%= Page.ResolveUrl("~/images/flags/" + ddlCountry.SelectedValue + ".gif") %>" name="imgFlag" id="imgFlag" alt=""/>

<br />

<asp:DropDownList style="position: static" Font-Size="Smaller" Font-Bold="true" Width="190px" ID="ddlCountry" runat="server"></asp:DropDownList>

<ajaxToolkit:CascadingDropDown ID="cddCountry" runat="server"

TargetControlID="ddlCountry"

Category="Country"

PromptText="Choose a Country"

LoadingText="Loading Countries..."

ServicePath="../LocationService.asmx"

ServiceMethod="GetCountries" />