changing image src onclick
<p>here is my code:</p>

<pre><code> &lt;div id="platformDiv" runat="server" style="width:90px;height:90px;text-align:center"&gt;
            &lt;asp:LinkButton ID="platformHyperLink" runat="server" CssClass="platformElementHL"  
             CommandArgument='&lt;%# Eval("PLATFORM_ID")%&gt;' OnClick="platformHyperLink_Click" OnClientClick="ShowSearchButton();"&gt;
                &lt;asp:Image ID="PlatformImage" runat="server" Width="70px" Height="70px" AlternateText='&lt;%# Eval("PLATFORM_NAME")%&gt;' /&gt;&lt;br /&gt;
            &lt;asp:Label ID="PlatformNameLabel" runat="server" Text='&lt;%# Eval("PLATFORM_NAME")%&gt;' &gt;&lt;/asp:Label&gt;
            &lt;/asp:LinkButton&gt;
             &lt;/div&gt;
</code></pre>

<p>script:</p>

<pre><code> function  ChangePlatformPic(sender,text){

             switch(text){
                 case "Mobile":

                     document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/mobileHovered.png";

                     break;
                 case "Web":
                         document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/webHovered.png";
                     break;
                 case "POS":
                         document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/posHovered.png";
                     break;
                 case "TGSM":
                         document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/TGSMHovered.png";
                     break;

             }

         }

         function MouseOutPlatformPic(sender, text) {

             switch (text) {
                 case "Mobile":
                    document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/mobile.png";
                     break;
                 case "Web":
                         document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/web.png";
                     break;
                 case "POS":
                         document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/pos.png";
                     break;
                 case "TGSM":
                         document.getElementById(sender.id).src = "App_Themes/WebPortalTheme/images/platform/TGSM.png";
                     break;

             }

         }
</code></pre>

<p>code behind:</p>

<pre><code>protected void Page_Load(object sender, EventArgs e)
{
  PlatformRepeater.DataBind();

   Image img1 = (Image)PlatformRepeater.Items[0].FindControl("PlatformImage");
   Image img2 = (Image)PlatformRepeater.Items[1].FindControl("PlatformImage");
   Image img3 = (Image)PlatformRepeater.Items[2].FindControl("PlatformImage");
   Image img4 = (Image)PlatformRepeater.Items[3].FindControl("PlatformImage");

   img1.Attributes.Add("onclick", "ChangePlatformPic(this,'"+img1.AlternateText+"')");
   img2.Attributes.Add("onclick", "ChangePlatformPic(this,'" + img2.AlternateText + "')");
   img3.Attributes.Add("onclick", "ChangePlatformPic(this,'" + img3.AlternateText + "')");
   img4.Attributes.Add("onclick", "ChangePlatformPic(this,'" + img4.AlternateText + "')");

   img1.Attributes.Add("onmouseover", "ChangePlatformPic(this,'" + img1.AlternateText + "')");
   img2.Attributes.Add("onmouseover", "ChangePlatformPic(this,'" + img2.AlternateText + "')");
   img3.Attributes.Add("onmouseover", "ChangePlatformPic(this,'" + img3.AlternateText + "')");
   img4.Attributes.Add("onmouseover", "ChangePlatformPic(this,'" + img4.AlternateText + "')");

   img1.Attributes.Add("onmouseout", "MouseOutPlatformPic(this,'" + img1.AlternateText + "')");
   img2.Attributes.Add("onmouseout", "MouseOutPlatformPic(this,'" + img2.AlternateText + "')");
   img3.Attributes.Add("onmouseout", "MouseOutPlatformPic(this,'" + img3.AlternateText + "')");
   img4.Attributes.Add("onmouseout", "MouseOutPlatformPic(this,'" + img4.AlternateText + "')");

   img1.ImageUrl = "/SupportWebsite/App_Themes/WebPortalTheme/images/platform/mobile.png";
   img2.ImageUrl = "/SupportWebsite/App_Themes/WebPortalTheme/images/platform/web.png";
   img3.ImageUrl = "/SupportWebsite/App_Themes/WebPortalTheme/images/platform/pos.png";
   img4.ImageUrl = "/SupportWebsite/App_Themes/WebPortalTheme/images/platform/TGSM.png";
}
</code></pre>

<p>When the user click on the preferred image it's new src should be persistent not only change onclick and then back to normal  I have a problem in my code and I want 2 know how to fix it  </p>
